/*
Theme Name: CEC
Theme URI: http://www.tikikitchen.com
Description: Based on the <a href="http://binarybonsai.com/kubrick/">Kubrick</a> by <a href="http://binarybonsai.com/">Michael Heilemann</a> and <a href="http://elliotjaystocks.com">CEC v2.8</a> by <a href="http://elliotjaystocks.com">Elliot Jay Stocks</a>)
Version: 1
Author: Aric Harris
Author URI: http://www.tikikitchen.com
Tags: tikikitchen, clean, basic, colorful
*/


/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* LAYOUT */
/* ----------------------------------------- */

BODY { 
	background: #fff; 
	text-align: center;
}
.wrapper, #footer { text-align: left;}
.wrapper { background: #007cc2; }

legend {display: none;}
#content {padding-bottom: 20px;}
#content, #header, #footer {
	margin: 0 auto;
	width: 960px;
}
#header, #q-signup { background: #e2f4ff; }

#header { height: 106px;  position: relative; }
#header h1 { background: url('style/images/logo_146x86.gif') no-repeat 0 0; height: 86px; position: absolute; top: 10px;  left: 10px; width: 146px; }
#header h6 { height: 1px; position: absolute; top: 0px; left: 0px; text-indent: -999em; width: 1px; }
#header h1 a { display: block; height: 86px; text-indent: -999em; width: 146px; }
#header ul.nav { position: absolute; background: transparent !important; bottom: 0px; right: 10px; }
#header ul.nav li { float: left; margin-left: 2px; }
#header ul.nav li a { background: #007cc2; display: block; padding: 5px 7px; text-decoration: none; width: auto; }
#header ul.nav li a:hover { background: #34b76b; margin-top: -5px; padding-bottom: 10px;}
#header ul.nav li.current_page_item a { background: #f57421; cursor: default;}
#header ul.nav li.current_page_item a:hover { background: #f57421; margin-top: 0px; padding-bottom: 5px;}

#header form#searchform { position: absolute; top: 10px; right: 10px; width: 200px; }
#header form#searchform div { background: #fff; border: 1px solid #f57421; height: 22px; }
#header form#searchform div label { padding: 2px 0px; position: absolute; top:0px; left: -95px;  }

#header form#searchform div input#s { background: transparent !important; border: 0px none; line-height: .95em; margin: 0px 4px; height: 20px; }
#header form#searchform div input#searchsubmit { background: #f57421 url('style/images/btn_search_31x22.gif') no-repeat 0 0; border: 0px none; cursor: pointer; height: 22px; text-indent: -999em; width: 31px; position: absolute; top: 1px; right: 0; }
#header form#searchform div input#searchsubmit .focus { outline: 1px; outline-color: #007cc2; }

#article { background: #fdb016; padding-bottom: 5px; margin-bottom : 0px;}
#home #article {  background: transparent; padding-bottom: 0px; }

#article .post , #article #posts { background: #fff; margin: 0px 5px 0px 180px;  }
#article #posts .post { background: transparent; margin: 0px 0px 0px 0px; }
#article ul.subpages { float: left; margin-top: 20px; width: 180px; }
#article ul.subpages a { border-bottom: 1px solid #fff; display: block;  padding: 5px 10px; }
#article ul.subpages a:hover { background: #34b76b; color: #fff; text-decoration: none; }
#article ul.subpages li.current_page_item a { color: #fff;  background: #34b76b; cursor: default;}
#article ul.subpages li.current_page_item a:hover { background: #34b76b; margin-top: 0px; padding-bottom: 5px;}
#article ul.subpages li ul { display: none; }
#article ul.subpages li.current_page_item  ul { display: block; }
#article ul.subpages li.current_page_item  li a { color: #007cc2; cursor: pointer; background: #fdb016; }
#article ul.subpages li.current_page_item  li a:hover { color: #fff; background: #34b76b; }
#article ol { margin: 0 0 1em 40px;}
#article ol li { font-size: 12px; list-style-type: decimal; margin-bottom: .25em !important; line-height: 1.4em !important;}
#article .post p.footnote { font-size: 10px; border-top: 1px solid #b1b1b1; padding-left: 16px; margin-top: 5em !important; padding-top: 1em; text-indent: -16px;}

#article .post .content, #article #posts .content { float: left; padding: 20px 0; width: 590px; }
#article #posts .content table { width: 590px !important;}
#article .content table tbody tr td { padding-left: 20px; width: 50% !important;}
#article .post .content { position: relative ;}
#article .post .content p, #article .post .content h3, #article .post .content h4, #article .post .content h5, #article .post .content h6, #article .post .content ul, #article .post .content div, #article #posts .content p, #article #posts .content h3, #article #posts .content h4, #article #posts .content h5, #article #posts .content h6, #article #posts .content ul, #article #posts .content div, #article #posts .content table { margin: 0 20px 1.3em 20px; }
#article #posts .content table td { padding: 0 20px 0px !important; }
#article #posts .content div.post  { margin: 0 0px 0em 0px; }
#article .post .content div p, #article .post .content div h3, #article .post .content div h4, #article .post .content div h5, #article .post .content div h6, #article .post .content div ul { margin: 0 0px 1.3em 0px; }
#article .post #sidebar, #article #posts #sidebar { float: right; margin: 20px 10px 20px 0; position: relative; width: 160px; }

#article .post .content form, #article .post .content form div { margin: 0 0 0 0 !important;}
#article .post .content form div.form-label, #article .post .content form div.form-input, #article .post .content form div.form-textarea, div#subscribeForm label { float: left;  margin-bottom: .5em !important;}
#article .post .content form div.form-label { clear: both; margin-right: 10px !important; width: 90px; }
.form-input input, .post form p input, #subscribeForm input.wpsb_form_txt { border: 1px solid #b1b1b1; height: 20px; width: 300px;}
.form-textarea textarea { border: 1px solid #b1b1b1; height: 150px; width: 350px;}
#article .post .content form div.form-option { padding-left: 100px; margin-bottom: 1em !important; }
#article .post .content form div.form-submit { clear: both; }
#article .post .content form div.form-submit input.button, #article .post .content form div.form-submit input, .post input#btn, input.wpsb_form_btn { background: #34b76b; border: 0px none; color: #fff; cursor: pointer; font-size: 14px; font-weight: bold; margin-left: 100px !important;}

.post input#btn { width: auto !important; margin-left: 0px !important;}

#subscribeForm form li br { display: none; }
#subscribeForm label,
#subscribeForm input.wpsb_form_txt { display: block; float: left; margin-bottom: .5em; }

#subscribeForm label,
#subscribeForm li {
	clear: both;
	padding-bottom: .5em !important;
	}
	
#subscribeForm label { width: 100px;}

#subscribeForm li.radio { margin-left: 100px;}
#subscribeForm li.radio label,
#subscribeForm li.radio input { float: none; display: inline; width: auto; font-size: 12px; margin-right: .5em;}
li.wpsb_fld_4 { position: absolute; top: -90000px;}

input.wpsb_form_btn {margin-top: .25em; } 
p.required { font-size: 10px !important; }

#home #article .post { background: transparent !important; margin: 0px 0px 0px 0px; padding: 0px !important; }
#home #article h2#title, .widget_text .widgettitle {display: none;}
#home #article div.intro {  background: #fdb016; height: 245px; padding: 0px 0px 0 0; margin-bottom: 0em; position: relative; overflow: hidden;}
#home #article .intro h2 { padding-top: 15px; margin-bottom: 0em; padding-bottom: 0em;}
#home #article .intro p { margin-top: 0; line-height: .8em; }
#home #article .intro p.intro { margin-bottom: 0;}
#home #article .intro p.more { margin-top: 1em ; text-align: right; }
#home #article .intro p.more a { font-weight: bold; }
#home #article .intro ul#slides { float: right; margin-left: 20px; width: 455px; height: 245px; position: relative; }
#home #article .intro ul#slides li { display: none; width: 455px; height: 245px; position: absolute; top: 0; left: 0; }
#home #article .intro ul#slides li.home { display: block; }

#home #article .spot { float: right; position: relative; }
#home #article .intro ul#share { position: absolute; bottom: 10px; right: 10px; z-index: 10; }
#home #sidebar { float: none !important; margin: 0px 0; position: relative;}
#home #sidebar #video { background: #34b76b; height: 232px; width: 360px; }
#home #sidebar #video img { height: 103px !important; width: 158px !important; }
#home #sidebar #video p { font-size: 11px !important; }
#home #sidebar #annc { background: #f57421; height: 232px; position: absolute; top: 0; left: 385px; width: 340px; }
#home #sidebar #annc h5 { font-size: 20px; }
#home #sidebar ul#cta { position: absolute; top: 0px; right: 0px; width: 215px; }
#home #sidebar ul#cta li { margin-top: 0px !important; }
#home #sidebar #annc a { font-size: 20px; }

.post #sidebar ul#share, #posts #sidebar ul#share { position: absolute; top: 0px; right: 0px; padding-bottom: 10px; }
.post #sidebar ul#share li { margin-bottom: 10px; }
.post p.meta {  border-bottom: 1px solid #ccc; padding: 0 10px 1em 10px; margin-bottom: 1em; text-align: right; }

#search .post { background: #f4f4f4 !important; padding: 15px; margin: 20px !important; }
#search .post p, #search .post h3 { margin: 0 0 0 0 !important; padding: 0 0 0 0 !important;}
#search .post h3 { margin-bottom: .25em !important;}
#search .post p { margin-bottom: 1em !important;}
#search .post p.meta { border: 0px none; margin-bottom: 0em !important;}

#bannerstrip { background: #f57421; height: 20px; }
#banner { background: #f57421; height: 172px; }
#banner img,#banner .bnrimg { float: right; }
#banner .bnrimg img { float: none; }
#banner h2 { margin-left: 10px !important; padding: 10px 0 0 0px; }
#banner blockquote { padding: 20px 20px 0px 50px; margin-right: 371px;}
#banner blockquote p { margin: 0 0 0 0 !important; padding: 0 0 0 0 !important; line-height: 1.4em !important; }

#article .section .banner { display: none; }

#article .section #info { text-align: center; position: relative;}
#article .section #info h3, #article .section #info h4, #article .section #info h5, #article .section #info h6, #article .section #info p{ position: absolute; text-indent: -999em; }

#article .section #info h3 { top: 0px; left: 0px; }
#article .section #info h4 { top: 25px; left: 0px; }
#article .section #info h5 { top: 50px; left: 0px; }
#article .section #info h5.col2 { top: 50px; left: 300px;  }
#article .section #info h6 { top: 75px; left: 0px;  }
#article .section #info h6.col2 { top: 75px; left: 300px;  }
#article .section #info p { top: 100px; left: 0px; }

#sidebar ul#cta { margin: 30px 0 0px 0; }
#home #sidebar ul#cta { margin: 0px 0 0px 0; }
#sidebar ul#cta li { margin: 10px 0 10px 0; padding:4px 0px;  }
#home #sidebar ul#cta li { padding:0px 0px; }
#sidebar ul#cta li { background: #FFBC8F; }
#sidebar ul#cta li#cta-donate { background: #f57421; }
#sidebar ul#cta li#cta-programs { background: #34b76b; }
#sidebar ul#cta li#cta-support { background: #fdb016; }
#sidebar ul#cta li#cta-cleo { background: #8ba3b3; }

ul#share li { background: url('style/images/share_sprite.png') no-repeat 0 0; float: left; margin-left: 4px; }
ul#share li a { display: block; height: 21px; width: 21px; }
ul#share li#label { background: none;  padding-top: 3px;}
#posts ul#share li#label { background: none;  padding-top: 5px;}
ul#share li#rss, ul#share li#li, ul#share li#fb {  height: 21px; overflow: hidden; text-indent: -999em; width: 21px;}

ul#share li#rss { background-position: 0 0 ; }
ul#share li#li { background-position: -27px 0 ; }
ul#share li#fb { background-position: -52px 0 ; }

#respond textarea { border: 1px solid #b1b1b1; height: 85px; width: 550px;}
#respond input { border: 1px solid #b1b1b1; }
#respond input#submit { background: #34b76b; border: 0px none; color: #fff; cursor: pointer; font-size: 14px; font-weight: bold; margin-top: 10px;}
.comment-body { position: relative;}
.comment-body , .comment-body cite { font-size: 12px;}
.comment-body cite { position: absolute; top: 15px; left: 55px;}
.comment-body span.says { position: absolute; top: 15px; left: 55px;}
.comment-body .comment-meta { position: absolute; font-size: 10px; top: 15px; right: 15px; }
.comment-body .comment-author { margin-bottom: 10px; padding-bottom: 10px;}
.comment-body p { clear: both; margin-top: 10px;padding-top: 10px;}

#q-signup { border-bottom: 1px solid #b1b1b1; padding: 4px 0; text-align: right; position: relative; }
#q-signup form { margin: 0 auto; width: 960px; position: relative;}
#q-signup form label { margin-right: 10px; }
#q-signup form input#emailnl { border: 1px solid #b1b1b1; padding: 3px; margin-right: 10px;  width: 216px; }
#q-signup form input#emailsubmit { background: #34b76b; border: 0px none; color: #fff; cursor: pointer; font-size: 14px; font-weight: bold; }


#footer { padding: 20px 0; }
#footer ul.contact, #footer p.legal { clear: both; padding-top: 4px; }
#footer p.legal { margin-bottom: 4px; }
#footer li { border-right: 1px solid #464646; float: left; margin-left: .5em; padding-right: .5em; }
#footer ul.nav li a:hover { text-decoration: underline !important; }
#footer li.first { margin-left: 0em; }
#footer li.last { border-right: 0 none; padding-right: 0em; }

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left; margin-top: 4px; margin-bottom: 20px; margin-right: 20px; }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
/* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them */

br.clear, div.clear { clear:both; } /* Use this br class to clear your floated columns */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#sidebar ul#cta { margin: 15px 0 0px 0; }
	#header label { left: -85px !important; }
	#header form#searchform div input#s { margin: 2px 4px; }
	#home #sidebar { margin-top: -10px !important; }
	#header form#searchform div input#s { border: 0px none;  margin: 0px !important; height: 20px; }
}

#TB_overlay { z-index:5000 !important; }
#TB_window { z-index:5002 !important; }
#TB_load {z-index: 5003 !important;}

div#bio {height: 545px;}
div#bioNav { margin: 0 0 0 0 !important; }
#bioNav li { float: left; margin-right:5px; margin-bottom: 10px !important; cursor: pointer; height: 30px; width: 30px;}
#bioNav li.noimg { height: auto !important; width: auto !important;}
#article .content #bioNav ul.noimg { margin-top: 0 !important; }
#bioNav ul.noimg {  margin-bottom: 0px !important; padding-bottom: 0px !important;margin-top: 0px !important; padding-top: 0px !important; float: left; margin-left: 0px !important;}
#bioNav ul.nomargin { margin-left: 0px !important;}
#bioNav ul.noimg li { color: #007cc2; font-size: 11px !important; padding-top: 2px !important; padding-bottom: 0px !important; margin-top: 0px !important;  margin-bottom: 10px !important; margin-right: 10px !important; cursor: pointer; height: auto !important; width: auto !important;}
#bioNav li img { width: 30px; height: 30px;}

div#bioGallery { clear: both !important;position: relative; margin: 0 0 0 0px !important; }
div#bioGallery p { display: none; position: absolute; top: 0; left: 0; } 

div#bioGallery p img { float: left; margin: 4px 10px 10px 0;}
div#bioGallery p strong { font-size: 16px; line-height: 1.5em !important; margin-bottom: .25em;}

form .wpcf7-response-output { position: absolute !important; font-size: 11px; font-weight: bold; border: 0px none !important; padding: 0 10px 0 0 !important; right: 0px; bottom: -30px; }

/* ROUNDED CORNERS */

/* * -moz-border-radius-topleft  / -webkit-border-top-left-radius
* -moz-border-radius-topright / -webkit-border-top-right-radius
* -moz-border-radius-bottomleft / -webkit-border-bottom-left-radius
* -moz-border-radius-bottomright / -webkit-border-bottom-right-radius */

ul.nav li a { 
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
}

#sidebar ul#cta li { 
	border-radius: 4px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 4px;
}

#home #sidebar ul#cta li { 
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

div#article,
div.intro,
div.post,
div#posts { 
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
	-moz-border-radius-bottomright: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
}

#search div#posts div.post,
#home div#video,
div#annc,
.comment-body{ 
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}

/* TYPOGRAPHY */
/* ----------------------------------------- */

p, div, table, tr, td, ul li, blockquote, form input { color: #101010; font-family: Verdana, Geneva, Tahoma, sans-serif; }
h1, h2, h3, h4, h5, h6,  #header ul.nav li, p.wpsb_form_label, form label, li#label, ul#cta li, #article ul.subpages li, #banner blockquote p, #q-signup form input#emailsubmit,#respond input#submit, .post p.date, #home #article .intro p,  input.button,#article .section #info p,div#bioGallery p strong { font-family: 'Gill Sans','Gill Sans MT',GillSans, Trebuchet, 'Trebuchet MS', Calibri, Verdana, sans-serif; } /* This helps to identify headings at the initial build stage, so I thought it'd be useful to have it */
.alert { background:red; color:white } /* 'alert' has a basic style, since it's useful to have it standing out for testing purposes. */
p.information { font-size: 11px !important; font-style: italic;}
a { color: #007cc2; text-decoration: none; }
a:hover { text-decoration: underline; }
#header ul.nav li { font-size: 18px; cursor: pointer;}
#header ul.nav li a { color: #fff; }

input#s { font-size: 12px; }
#header label,
#subscribeForm label { font-size: 17px; }

#article h2 { font-size: 40px; line-height: 1em; font-weight: normal; margin: 0 20px;}
#article h2 .second { display: block; font-size: 38px; padding-right: 1em; text-align: right; }
#article h2 strong{ color: #007cc2; }
#article h2 .second strong { color: #34b76b; }
#article .resources {font-weight: bold; }
#article .section { font-size: .95em; }
#article .section .content p, #article .section .content div.resources, #article .section .content ul li, #article .section .content td { font-size: 12px; line-height: 1.6em; margin-bottom: 1.2em; }
#article .section .content ul li { margin-bottom: 0em; }
#article .section .content h2.title { margin-bottom: .25em !important; }
#article .section .content h3 { font-size: 20px; font-weight: normal; margin-bottom: 15px !important; }
#article .section .content h2.small { font-size: 24px; font-weight: normal; margin-bottom: 1em !important; }
#article .section .content h2.nbm { margin-bottom: 4px !important; }
#article .section .content h4 { font-size: 20px; font-weight: normal; margin-bottom: 15px !important; }
#article .section .content h5 { font-size: 16px; font-weight: normal; margin-bottom: 15px !important; }
#article .section .content h5#comments { font-size: 16px; font-weight: normal; margin-top: .5em; margin-bottom: .25em; }
#article .section .content h6 { font-size: 14px; font-weight: normal; margin-bottom: 15px !important; }
#article .section .content #bioNav h6 small { font-size: .8em !important;}
#article .section .content #bioGallery strong small { font-size: .8em !important; line-height: .95em;}
#article .section .content #bioNav h6.noimg { clear: both !important; padding-top: 3px !important; padding-bottom: 0px !important; margin-bottom: 0px !important;}
#article .section .content ul.li { margin-left: 45px; list-style-type: disc; }
#article .section .content ul.li li { margin-bottom: 5px; list-style-type: disc; }
#article .section .content ul.commentlist { margin: 20px; padding: 0 0 0 0;}
#article .section .content ul.commentlist li .comment-body  { background: #f4f4f4; margin-bottom: 1em; padding: 15px;}
#article .section .content ul.commentlist li  ul.children { margin: 0 0 0 20px !important; padding: 0 0 0 0; }
#article .section .content ul.commentlist li  ul.children .comment-body { background: #bfffdb; }
#article .section .content ul.commentlist li  ul.children ul.children .comment-body { background: #ffeece; }
#article .section .content ul.commentlist li div { margin: 0 0 0 0; padding: 0 0 0 0;}
#article .section .content .prevnext { font-size: 10px;}

#home #article .section  p { margin: 0 20px 0 40px; }
#home #article p { font-size: 16px; line-height: 1.5em !important; }
#home #article .intro p { width: 90%; }
#home #article ul#share li#label { font-size: 14px; padding-top: 2px; }

#banner h2.widgettitle { display: none;}
#banner blockquote {text-indent: -9px; }
#banner blockquote p { font-size: 20px; font-style: italic; }
#sidebar ul#cta li a { color: #fff; display: block; font-size: 14px; font-weight: bold; padding:  4px 10px; }
#sidebar ul#cta li a:hover { color: #007cc2; text-decoration: none; }
#home #sidebar ul#cta li a {  padding: 7px 10px 10px; }
#home ul#cta li a { font-size: 20px; }

#sidebar #video { position: relative; }

#sidebar #video { width: 155px; }
#sidebar #video h4 { font-size: 16px; font-weight: normal; padding: 5px 0px; }
#sidebar #video img { height: 69px; width: 106px; }
#sidebar #video div.video { padding: 0 0 10px 0px; }
#sidebar #video p { font-size: 10px; padding: 5px 0; }
#sidebar #video p.more { font-weight: bold; padding: 0px 0; text-align: right; }
#sidebar h2.widgettitle, #sidebar h2 { font-size: 18px; margin: 20px 0 7px 0;}
#sidebar li { font-size: 12px;}
#sidebar li ul { margin-left: 0px;}
#sidebar li li { margin-bottom: 5px; }
#sidebar li ul#cta { margin-left: 0px; }
#sidebar li ul#cta li { list-style-type: none !important; }

#home #sidebar #video h4 { font-size: 20px; font-weight: normal; padding: 10px 15px; }
#home #sidebar #video div.video { float: left; margin: 0 0 0 15px; width: 158px; }
#home #sidebar #video p { font-size: 10px; padding: 5px 0; }
#home #sidebar #video p.more { font-weight: bold; padding: 0px 0; text-align: right; position: absolute; bottom: 15px; width: 158px; }
#home #sidebar #video p.more a { color: #fff; }

#home #annc h3,#home #annc h4,#home #annc h5 { font-weight: normal; margin: 10px 15px; }
#home #annc h3 { font-size: 30px; line-height: 1.2em; margin-top: 4px; }
#home #annc h4 { font-size: 20px; margin-bottom: 0px; }
#home #annc h5 { font-size: 17px !important; margin-bottom: 0px; position: absolute; bottom: 15px; }
#home #annc a { color: #007cc2; }
#home #annc h3 a { font-size: 30px !important; }


.post ul#share li#label { font-size: 13px; }

#q-signup form input#email { font-size: 12px; }

#footer p, #footer li { color: #464646; font-size: 11px; line-height: 1.35em; }

/* Font stack options

	The following represents a list of font stacks, as recommended by Nathan Ford in
	http://unitinteractive.com/blog/2008/06/26/better-css-font-stacks/

	I've added inverted commas around the relevant family names to ensure compatibility.
	p = balanced for paragraphs or body copy
	t = balanced for headlines or titles

	- - - -

Arial, "Helvetica Neue", Helvetica, sans-serif - p, t

Baskerville, "Times New Roman", Times, serif - p
Baskerville, "Times, Times New Roman", serif - t

Cambria, Georgia, Times, "Times New Roman", serif - p, t
"Century Gothic", "Apple Gothic", sans-serif - p, t

Consolas, "Lucida Console", Monaco, monospace - p, t

"Copperplate Light", "Copperplate Gothic Light", serif - p, t

"Courier New", Courier, monospace - p, t

"Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif - p, t

Futura, "Century Gothic", "Apple Gothic", sans-serif - p, t

Garamond, "Hoefler Text", "Times New Roman", Times, serif - p
Garamond, "Hoefler Text", Palatino, "Palatino Linotype", serif - t

Geneva, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif - p
Geneva, Verdana, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif - t

Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif - p
Georgia, Times, "Times New Roman", serif - t

GillSans, Calibri, Trebuchet, sans-serif - p
GillSans, Trebuchet, Calibri, sans-serif - t

"Helvetica Neue", Arial, Helvetica, sans-serif - p
Helvetica, "Helvetica Neue", Arial, sans-serif - t

Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif - p, t

"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif - p, t

Palatino, "Palatino Linotype", Georgia, Times, "Times New Roman", serif - p
Palatino, "Palatino Linotype", "Hoefler Text", Times, "Times New Roman", serif - t

Tahoma, Geneva, Verdana - p
Tahoma, Verdana, Geneva - t

Times, "Times New Roman", Georgia, serif - p, t

Trebuchet, "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif - p
Trebuchet, Tahoma, Arial, sans-serif - t

Verdana, Geneva, Tahoma, sans-serif - p
Verdana, Tahoma, Geneva, sans-serif - t

*/


/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(style/images/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(style/images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(style/images/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(style/images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(style/images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(style/images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(style/images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(style/images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(style/images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(style/images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(style/images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(style/images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(style/images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(style/images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}