/*
Theme Name: UWGC 2009 Campaign Template
Theme URI: http://www.optimle.com
Description: United Way of Greater Cincinnati 2009 Campaign Theme
Version: 1.0
Author: Jason Haines
Author URI: http://www.optimle.com

*/


/***********************************/
/***************LAYOUT**************/
body{text-align:center;background:#fff;}
a{text-decoration:none;display:inline-block;}
#container{width:960px;margin:0 auto;text-align:left;padding:10px 0;}
#header{background:#fff url('images/bg_header.jpg') bottom left no-repeat;height:140px;}
#main{height:460px;background:#fff}

/**************************/
/******FONTS / COLORS******/
/*
00529c - blue nav
474747 - copy text color
f05421 - orange
*/

body{font-family: arial, verdana, helvetica, sans-serif;color:#474747;}
#nav {font:14px century gothic, tahoma;}
.subnav {font:.95em century gothic, tahoma;line-height:1.3em;letter-spacing:.02em; }
a{color:#00529c;}
a:hover{text-decoration:underline;}
p{margin-bottom:8px;}


/********************/
/******HEADER******/
#topHeader{padding:0;height:30px;width:670px;line-height:30px;}
#topHeader img{display:inline;vertical-align:middle;}
#followLinks img{}
#header .emailInput{
background:url('images/bg_email.gif') bottom left no-repeat;
border:0;
height:20px;
width:138px;
padding:4px 4px 0px 3px;margin:0px 5px 0 5px;color:#00529c;font-weight:100;font-style:italic;}
#followLinks, #emailBox,.emailStatus{display:inline;color:#00529c;font:11px Tahoma;font-weight:700;height:30px;margin-top:0px;line-height:30px;}
#header form,#header input, #nav li{display:inline;}
#logo{width:238px;height:135px;display:inline-block;}
#topHeader,#nav,#logo{float:left;}
#logo{float:right;margin-top:-35px;}
#emailBox{margin-left:20px;}
.emailStatus{color:#f05421;padding-top:5px;}

#banner{z-index:0;}
/********************/
/*********NAV********/

#nav{width:670px;margin-top:8px;float:left;}
#nav li{float:left;}
.n1{margin-right:80px;}
.n2{margin-right:112px;}

#navholder li ul {
left:-999%;
position:absolute;
background:transparent;
z-index:10;
}

#navholder li:hover ul {
left:auto;
}
#navholder ul a {
display:block;
}


/***********************/
/*********SUBNAV********/

.n2 #subnav{padding:15px 15px 0 15px;margin-top:-11px;
width:413px;height:185px;
background:url('images/bg_dropdown1.png') top left no-repeat;
}
#snHeader{border-bottom:1px solid #e6e6e6;width:380px;padding-bottom:5px;color:#f05421;font:16px Tahoma;}
#subnav ul{margin-top:10px;float:left;display:block;clear:both;}
#subnav li{float:left;clear:both;font:12px Arial;padding:0 0 4px 10px;}
#subnav li a{color:#515151;display:block;width:120px;}
#subnav li a:hover{text-decoration:underline;color:#00529c;}
#subnav li.snSection{color:#00529c;padding:5px 0 3px 0;font-weight:700;font-size:13px;}
#subnav li.snSTop{padding-top:0;}
#subnav .sn2{margin-left:121px;}
#subnav .sn3{margin-left:265px;}
#subnav .sn2, #subnav .sn3{border-left:1px solid #e6e6e6;padding-left:8px;}


/**************************/
/*********BLUEBOXES********/
#homeBlueBuckets{float:left;}
#bb1,#bb2,#bb3{height:160px;float:left;padding:10px 15px;}
#bb1{width:219px;background:#fff url('images/bg_bb1.jpg') top left no-repeat;}
#bb2{width:271px;background:#fff url('images/bg_bb2.jpg') top left repeat-x;}
#bb3{width:379px;background:#fff url('/wp/wp-content/themes/uwgc/images/bg_bb3.jpg') top left no-repeat;}
.bbWhite{color:#fff;font:10px Arial;line-height:11px;padding-bottom:5px;}
.bbTitleImg{padding-bottom:8px;}

#bb2 .tweet{color:#fff;font:11px Arial;padding-bottom:10px;}
#bb2 .tweet a{color:#fff;text-decoration:underline;}
#bb2 .twtUser{text-decoration:underline;margin-right:10px;}
#bb2 .twtTime{color:#7ebdf6}

#bb3 p{margin:0;padding:0;}
#bb3 .bbTitleImg{padding-bottom:1px;}
.blogBox,.blogImg{float:left;}
/*.blogBox{width:260px;margin-top:5px;color:#fff;border-top:1px solid #337dbf;padding-top:5px;}*/
.blogBox{width:379px;margin-top:5px;color:#fff;border-top:1px solid #337dbf;padding-top:0px;}
.blogName{font-size:11px;display:inline;color:#337dbf;margin-left:5px;}
.blogTag{font:10px Arial;line-height:12px;color:#fff;}
.blogTitle a{background:transparent url('/wp/wp-content/themes/uwgc/images/subhead-small.png') top left no-repeat;color:#fff;font-size:12px;font-weight:100;margin-top:0px;padding:0 0 2px 15px;}
.blogText{font-size:11px;margin-top:0px;padding-left:0px;}
.blogLink{margin-top:0px;float:right;}
.blogSuggest{margin-top:2px;}
.blogLink a, .blogSuggest a{text-decoration:none;font-size:11px;font-weight:700;color:#fdb73f}
.blogLink a:hover, .blogSuggest a:hover{color:#f15c2b}
.blogImg{border:1px solid #333;margin-left:25px;margin-top:-20px;}
.story{padding-bottom:20px}


.subPage{width:600px;float:left;}
.breadcrumbs{font-size:12px;color:#b3b3b3;}
h2.pageTitle{font-size:34px;color:#00529c;padding:10px 0 20px 0;}
.pageContent {font-size:.9em;line-height:1.4em;color:#515151;}

#sideBlueBuckets{float:right;width:280px;}
#sideBlueBuckets #bb1,#sideBlueBuckets #bb3{clear:left;width:250px;}
.sideDonate{margin-bottom:10px;}

#sideBlueBuckes #bb3{height:240px;}
#sideBlueBuckets #bb1{background:#fff url('images/bg_side_bb1.jpg') top left no-repeat;}
#sideBlueBuckets .blogBox{width:250px;margin:0;padding-top:2px;}
#sideBlueBuckets .blogTitle{float:left;width:233px;}
#sideBlueBuckets .blogName{margin:0;float:left;}
#sideBlueBuckets .story{margin:0;padding:3px 0;float:left;}
#sideBlueBuckets .blogLink{margin:0;}

#submain{margin-top:10px;}
.share{float:right;font-size:11px;line-height:17px;margin-top:40px;}
.share a{text-decoration:none;line-height:17px;}
.share img{vertical-align:top;margin-left:15px;}
.linkshare{display:inline;margin-left:15px;}
.linkprint{background:url('images/print.png') top left no-repeat;padding:1px 2px 5px 22px;}



.pageContent h3{font-size:16pt;margin-bottom:5px;padding-top:30px;padding-left:15px;
color:#00529c;
background:#fff url('images/subheadarrow.jpg') bottom left no-repeat;
}
.pageContent h4{font-size:.9em;margin-bottom:0px;margin-top:10px;font-weight:700;}
.pageContent h4 a{color:#333;text-decoration:none;}
.pageContent p{font-size:.9em;padding-left:0px;padding-bottom:5px;}
.pageContent ul,.pageContent ol{font-size:.9em;padding-left:40px;}
.pageContent ol li{list-style:decimal;}
.pageContent li{list-style:disc;}
.bannerImg,.bannercode textarea{float:left;height:130px;margin-top:10px;}
.bannerImg{width:150px;clear:left;}
.bannercode textarea{width:435px;height:100px;border:1px solid #ccc;
background:#f9f9f9;font-size:12px;color:#444;}
.pageStory p{padding-bottom:20px;}

.profilePicHolder{width:100%;float:left;}
.profilePic,.profileLink{float:left;}
.profileLink{text-align:center;clear:both;width:100%;padding-top:3px;}
.profilePic{width:60px;padding:5px 10px;}
.profilePic img{border:1px solid #ccc;}

.subInput,.subTextarea,.subdiv{border:1px solid #ccc;
display:block;padding:3px 5px;color:#444;
width:95%;background:#f9f9f9;margin:5px 10px;}
.subTextarea{height:130px;}
.pageContent select{display:inline;float:left;border:1px solid #ccc;}

h2.postTitle a{font-size:16px;float:left;}
.postDate{float:right;font-size:11px;}
.post{clear:both;padding:5px 0 30px 0;}
.postLink{font-size:12px;}

h2#comments{border:1px solid #ccc;background:#f9f9f9;padding:5px;}
#commentlist li{list-style:none;padding:10px;margin:15px 0;border:1px solid #ccc;}
#commentlist p cite{color:#333;margin-left:20px;}
#comment{border:1px solid #999;background:#f9f9f9;}

/******************/
/******FOOTER******/
#footer{padding:10px 0;clear:both;}
.fabout,.flinks{font:12px Arial; color:#b1b1b1;float:left;}
.flinks{text-align:right;float:right;}
.flinks a{color:#b1b1b1}
.copyright{color:#b1b1b1;float:left;width:100%;font:12px Arial;text-align:center;margin-top:5px;}

/*************************/
/*******CLASSES***********/
.noshow{text-indent:-2000em;line-height:0px;height:0px;}
.hidden {position: absolute;top: -999%;}
.doubleList li{list-style:none;font-weight:700;}
.doubleList ul li{list-style:disc;padding:4px 0;font-weight:100;text-decoration:none;}
h4.blue a{color:#00529c;font-weight:100;}
h4.blue a:hover{text-decoration:underline;}

.alignleft{float:left;}
.alignright{float:right;}
.clear{clear:both;}
.tLeft{}
.tRight{float:right;}
strong{font-weight:700;}
a.fb_share_button{margin:0;line-height:15px;}
.fb_share_button { display: -moz-inline-block; display:inline-block; padding:1px 20px 0 5px; height:15px; border:1px solid #d8dfea; background:url(http://b.static.ak.fbcdn.net/rsrc.php/z39E0/hash/ya8q506x.gif) no-repeat top right; }
.fb_share_button:hover { color:#fff; border-color:#295582; background:#3b5998 url(http://b.static.ak.fbcdn.net/rsrc.php/z39E0/hash/ya8q506x.gif) no-repeat top right; text-decoration:none; }

.shareTable td{padding:4px 0;font-size:.9em;}
.shareInput{padding:2px;color:#575757;font-style:italic;width:300px;border:1px solid #ccc;}
.shareSelect{padding:2px;color:#575757;width:100%;border:1px solid #ccc;}
.shareTextarea{padding:2px;color:#575757;width:99%;border:1px solid #ccc;height:200px;}
.shareCheckbox{margin-right:10px;}
.shareTable{margin-bottom:20px;}

.thTable,.thTableLogin{font-size:.8em;}
.thTable td{padding:4px 2px;}
.thTableEvenRow{background:#efefef;}
.thTableHeader{font-weight:700;font-size:1.2em;text-align:center;}
.thTableDesc{font-weight:700;background:#ccc;}
.thTable tr td:first-child{text-align:center;}
.thTableLogin td{text-align:left;padding:4px 2px;}
.thTableLogin .thSelect, .thTableLogin .thTextbox{border:1px solid #ccc;padding:2px;color:#575757;}
.thTableLogin .thTableImportantRow td{text-align:center;}
.thTableLogin {margin:200px auto;}
#thanks{font-weight:700;text-align:center;}

.volPgms li{margin:5px;padding:5px;list-style:none;border:0px solid #ccc;width:160px;height:180px;text-align:center;float:left;}
.volPgms{padding:0!important;margin:0!important;}
.volPgms a{line-height:17px;}
.volPgms img{padding:3px 0;}
.volPgms.bump{float:left;padding-left:90px!important;height:220px!important;}

#innerfade{height:160px;}
#innerfade li, #volops li{list-style:none;}
#innerfade ul, #volops ul{padding:0!important;}
#innerfade a{background:#fff;}

#qbox{border:1px solid #ccc;padding:10px;margin-bottom:10px;}
#qbox li{list-style:none;}
#qbox ul{padding:0 0 10px;}
#qbox input{margin-right:5px;}
#qbox div{height:200px;}
#val1,#val2,#val3,#val4,#val5{height:20px!important;border:1px solid;padding:3px;margin-bottom:4px;background:#feefef;text-align:center;border:1px solid #c00;}
#ansA,#ansB,#ansC,#ansD{height:300px!important;}
#qbox img{float:right;}
.qimgs{height:120px!important;float:left;}
.qimgs img{width:140px;float:left;padding:10px 2px 0;}