/*
Theme Name: DoFo
Author: Brave Whale
Author URI: http://bravewhale.com
version: 1.0
*/

#sidebar li.page_item ul.children li{ list-style-type:none;list-style:none; }
#content h3 a{ font-size:16px; color: #666; text-decoration: none; }
#content h3 a:hover{ font-size:16px; color: #666; text-decoration: underline; }

/* basics */
* { margin: 0; padding: 0; }
.clear:after { content: "."; visibility: hidden; height: 0px; display: block; clear: both; }
body { background: url(images/bodybg.gif); font-family: arial, verdana, sans-serif; font-size: 14px; }
h1 { font-size: 18px; }
h2 { font-size: 14px; }
h3 { font-size: 10px; }
h4 { font-size: 9px; }
h5 { font-size: 20px; font-weight: bold; margin-bottom: 15px; }
img { border: none; padding: 0; }
img a { border: none; }
img.left { float: left; border: none; padding: 6px 0 0 0; }
img.right { float: right; border: none; padding: 0 0 0 6px; }
blockquote { border-left: 1px solid #A5ABAB; margin: 15px; padding: 0 12px 0 12px; }
code { font-family: "Courier New", Courier, monospace; }
.logo { margin-left: 55px; float: left; width: 165px; }

a { color: #1A688F; text-decoration: underline; }
a:hover { text-decoration: none; }

/* container */
#container { width: 927px; margin: 0 auto; padding: 0; color: #333; }
#holder { background: url(images/holderbg.png) repeat-y; font: 14px "times new roman", serif; color: #666; padding-bottom: 15px; }

/*home page*/
#banner { background: url(images/home-banner.png) top center no-repeat; height: 228px; padding: 10px 33px; }
#banner .col { float: left; width: 249px; padding: 0 20px; height: 211px; overflow: hidden; color: #666; font: 14px "times new roman"; line-height: 20px; border-right: 1px dashed #eee; }
#banner .col.none { padding: 0 0 0 20px; border: none; }
#banner .col h2 { font-size: 20px; color: #1A688F; text-shadow: 1px 1px 0px #eee; margin-bottom: 10px; }
#banner .col p { padding: 10px 0 0 0; }
#center-img { background: url(images/studentundertree.jpg) no-repeat; height: 256px; width: 821px; margin: 5px auto 0 auto; }
#center-img a { background: url(images/learnbutton.png) no-repeat; display: block; height: 31px; width: 249px; float: right; margin: 10px; text-decoration: none; }
#center-img a:hover { background-position: 0 -31px; }
#center-img a span { visibility: hidden; }
#ribbon { background: url(images/red-ribbon.png) no-repeat; height: 75px; }
#ribbon p { text-align: center; color: #fff; font: italic 24px "times new roman", georgia, serif; padding-top: 23px; text-shadow: 1px 1px 0px #333; }
#contact { float: left; height: 170px; background: #f1f1f1; width: 270px; margin: 0 20px 0 53px; border: 1px solid #CACFCE; padding: 15px;}
#news { float: left; height: 170px; background: #f1f1f1; width: 470px; margin: 0 20px 0 0; font-size: 16px; border: 1px solid #CACFCE; padding: 15px;}
#news h2, #contact h2 { font-size: 20px; color: #1A688F; text-shadow: 1px 1px 0px #eee; margin-bottom: 10px; }
#news a.more, #contact a.more { display: block; margin-top: 10px;}

/* header */
#header { background: url(images/headerbg.png) top center no-repeat; width: 927px; height: 168px; }
#header h1 { font: normal 20px georgia, times; padding: 20px 0 0 16px; margin: 0; }
#header h1 a { color: #404040; text-decoration: none; }
#header h1 a:hover { color: #666; text-decoration: none; }
#header h2 { font: normal 14px georgia, times; color: #333; padding: 0 0 0 18px; margin:0; }

/* main menu */
#menu { width: 671px; margin: 101px 0 0 0; float: left; }
#menu span { visibility: hidden; }
#menu a { text-decoration: none; }
#menu ul { margin: 0; padding: 0; }
#menu ul li { list-style-type: none; float: left; margin: 0; padding: 0; }
#menu ul li a.home { background: url(images/main-menu.png); display: block; width: 152px; height: 32px; }
#menu ul li a.home:hover { background-position: 0 -32px; }
#menu ul li a.projects { background: url(images/main-menu.png) -152px 0; display: block; width: 127px; height: 32px; }
#menu ul li a.projects:hover { background-position: -152px -32px; }
#menu ul li a.contributions { background: url(images/main-menu.png) -278px 0; display: block; width: 180px; height: 32px; }
#menu ul li a.contributions:hover { background-position: -278px -32px; }
#menu ul li a.contact { background: url(images/main-menu.png) -460px 0; display: block; width: 118px; height: 32px; }
#menu ul li a.contact:hover { background-position: -460px -32px; }
#menu ul li a.faq{ background: url(images/main-menu.png) -585px 0; display: block; width: 86px; height: 32px; }
#menu ul li a.faq:hover { background-position: -585px -32px; }

/* content */
#content-holder { float: right; margin: 0 53px 0 0; }
#content-top { background: url(images/post-top.png) no-repeat; height: 21px; width: 597px; }
#content { background: url(images/post-mid.png) repeat-y; width: 557px; padding: 20px; }
#content-btm { background: url(images/post-btm.png) no-repeat; height: 21px; width: 597px; }
.post { margin:0; padding:0; line-height: 22px; }
.post h2 { font: bold 18px "times new roman"; color: #1A688F; text-shadow: 1px 1px 0px #fff; }
.post h2 a { color: #000; text-decoration: none; }
.post h2 a:hover { color: #777; text-decoration: none; }
.post ul { margin: 0 0 0 20px; }
.post li { line-height: 24px; }
.entry p { margin: 12px 0; }
.postmetadata { clear: both; padding: 6px; margin: 20px 0; }
.navigation { font-size: 12px; width: 100%; float: left; margin: 0; padding: 0; }
.alignleft a { float: left; margin: 25px 0; }
.alignright a { float: right; margin: 25px 0; }
#faq{ list-style: none; }

/* sidebar */
#sidebar-holder { float: left; margin: 0 0 0 53px; }
#sidebar-top { background: url(images/sidebar-top.png) no-repeat; height: 21px; width: 206px; }
#sidebar { background: url(images/sidebar-mid.png) repeat-y; font-size: 12px; width: 166px; padding: 20px; }
#sidebar-btm { background: url(images/sidebar-btm.png) no-repeat; height: 21px; width: 206px; }
#sidebar h2 { font: normal 14px arial, georgia, times; color: #000; margin: 0; padding: 0; }
#sidebar label { font: normal 12px arial, georgia, times; color: #000; margin: 0; padding: 0; }
#sidebar p { margin: 0; padding: 0 6px 0 12px; }
#sidebar img { padding: 0; margin: 0; }
#sidebar ul { margin: 0; padding: 0; }
#sidebar ul li { margin: 0; padding: 0; line-height: 20px; list-style-type: none; }
#sidebar ul ul { margin: 14px 0; padding: 0; }
#sidebar ul ul li { list-style-type: none; }
#sidebar ul ul ul { margin: 0; padding: 0; }
#sidebar ul ul ul li { padding: 0 0 0 15px; list-style-type: square; color: #898989; }

/* comments */
#commentform { margin: 0; padding: 0; }
#commentform p { color: #000; }
#commentform a { color: #000; text-decoration: none; border-bottom: 1px dotted #465D71; line-height: 18px; }
#commentform h3 { font-family: georgia, times, verdana; font-size: 12px; font-weight: 300; color: #000; margin: 0; padding: 0; }
#comment { width: 80%; }
#author, #email, #url, #comment, #submit { background: #fff; font-family: arial, verdana, times; font-size: 12px; margin: 5px 5px 0 0; padding: 0; border: 1px solid #000; }
#submit { margin: 5px 5px 0 0; }
#comments { margin: 0; padding: 0 }
ol.commentlist { list-style-type: none; margin:0; padding:0; }
.avatar { float:left; margin:0 12px 0 0; }
ol.commentlist li { background: #fff; margin: 10px 0; padding: 5px 0 5px 10px; list-style-type: none; }
ol.commentlist li.alt { background: #eee; }
ol.commentlist li p { margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 20px; }
ol.commentlist a { color: #000; }
cite { font-family: arial, verdana, tahoma; font-size: 12px; font-weight: bold; font-style: normal; }
cite a { color: #000; text-decoration: none; border-bottom: 1px dotted #465D71; }

/* search */
#searchform { padding: 0; margin: 14px 0; }
#searchform input#s { margin:0; padding:2px; border: 1px solid #000; }
#searchform input#searchsubmit { border: none; background: #333; color: #fff; text-transform: lowercase; }

/*google donate*/
#google { background: #fff; border: dashed 1px #ccc; margin-bottom: 20px; padding: 5px 10px; }
#google input.btn { margin-left: 20px; padding-top: 7px; }
#google form { width: 273px; margin: 0 auto; }

/* misc */
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }

/* footer */
#footer { background: url(images/footerbg.png) no-repeat; clear: both; height: 36px; margin-bottom: 40px; }
#footer p { color: #fff; font-size: 12px; text-align: right; padding: 13px 65px 0 0; }
#footer a { color: #29adec; text-decoration: underline; }
#footer a:hover { text-decoration: none; }