/*
Theme Name: drew hildebrand teen benefit fund
Author: Bev Stofko
*/

/* Main website styles */
body {
background:#000 url("images/head.jpg") top left repeat-x;
font-family:Impact, Arial, sans-serif;
font-size:13px;
letter-spacing: +1.5px;
color:#fff;
padding:0;
margin:45px 0 0 0;
}

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

* {
padding:0;
margin:0;
}

a {
color:black;
}

a:hover {
color:#c00;
}

#container {
width:900px; 
margin:0 auto;
/*position:relative;*/
}

#sidebar {
background: white url("images/logo4.jpg") center top no-repeat;
width:212px;
padding: 300px 0 10px 0;
margin:0;
font-family:arial;
letter-spacing:normal;
}
.sidebar {
background-color:white;
}

/*#sidebar h2 { display: none; }*/

#sidebar ul {
list-style:none;
}

#pages ul ul li {
border-bottom: solid 1px #e0e0e0;
}

#sidebar li.cat-post-item {
list-style-type: disc;
color: #1597C3; 
border-bottom: none;
}

#sidebar ul ul {
list-style:none;
/*text-transform: uppercase;*/
font-size: 1em; /*1.2em;*/
padding: 5px 20px;
letter-spacing: normal;
font-weight: bold;
}

#sidebar ul ul ul {
font-size: 1em;
text-transform: none;
padding: 5px 0 5px 15px;
}

#sidebar ul ul ul ul { 
display: none;
}

#sidebar ul a {
text-decoration: none;
padding: 5px 0 0 15px;
display: block;
}

#sidebar li.current_page_item a {
color: #c00;
background: white url("images/star.gif") left center no-repeat;
}

#sidebar li.current_page_item ul li a {
color: black;
background: white;
}

#sidebar li.current_page_item ul li a:hover {
color: #c00;
}

#sidebar ul ul ul li {
font-family: arial;
font-size: .8em;
border-bottom: none;
}

#sidebar ul ul ul ul {
font-size: .7em;
font-family: arial;
}

#sidebar ul ul ul a {
display: block;
}

#sidebar .widget_pages h2 {display:none;}

#sidebar .media_widget ul {padding: 5px 0;}
#sidebar .media_widget li {border: none;}

#sidebar .widget_text, #sidebar .media_widget {
font-family: arial;
font-size: .9em;
padding: 0;
color: #c00;
letter-spacing: normal;
}

#sidebar .textwidget p, #sidebar .media_widget p {
padding: 3px 20px;
}

#sidebar .textwidget a, #sidebar .media_widget a {
padding-left: 0;
display: inline;
font-weight: normal;
}

#sidebar .textwidget img, #sidebar .media_widget img {
border: none;
}

#sidebar .textwidget a.pdf, a.pdf, #sidebar .media_widget a {
background: transparent url("images/pdf-logosm.gif") center left no-repeat;
padding-left: 20px;
display: block;
min-height: 20px;
color: rgb(21, 151, 195);
text-decoration: none;
font-size: .9em;
margin-left: 3px;
}

#sidebar .textwidget a:hover, #sidebar .media_widget a:hover {
text-decoration: underline;
}

#sidebar .widgettitle {
display: block;
background: #c00;
margin: 0 0 8px 0;
font-family: comic sans ms;
font-size: .9em;
letter-spacing: normal;
padding: 4px 15px 4px 5px;
color: #fff;
}

#sidebar .widget_categoryposts {border: solid 1px #c0c0c0;margin: 5px 10px;padding: 5px;}
#sidebar .widget_categoryposts h2 {display:block; font-size:.9em;color:#424242; background: #fff; margin: 2px 0; font-family: arial; }
#sidebar .widget_categoryposts ul {padding: 0 20px;}
#sidebar .cat-post-item h2 {font-size:.8em; display:block; background: #fff; margin: 0; padding: 0; font-family: arial; }
#sidebar .cat-post-item a {color: rgb(21, 151, 195);display:block; padding: 5px 0 0 0; }
#sidebar .cat-post-item a:hover {text-decoration:underline;}

#sidebar .green1box {background-color: #3fa34d; border-right: solid 15px #2f933d; color: white; font-family: arial; padding: 10px; text-align: left; margin: 0;}
#sidebar .green2box {background-color: #48ba58; border-right: solid 15px #38aa48; color: white; font-family: arial; padding: 10px; text-align: left; margin: 0;}
#sidebar .green1box a, #sidebar .green2box a {color:white; text-decoration:none; text-transform:uppercase;}
#sidebar .green1box a:hover, #sidebar .green2box a:hover { color: #000; }

/* WP Opt-in style (hide on pages, display on sidebar) */
li#wpoi, li#wpoi2 {
list-style:none;
}

#content #wpoi h2, #content #wpoi p {display: none;}


#content #wpoi h3 {
font-size: 14px;
color: black;
background: #ffebe8;
width: 70%;
padding: 10px;
border: solid 1px black;
}

#sidebar-micro #wpoi h2, #sidebar-micro #wpoi2 h2 { color: #000; font-size: .9em; padding: 7px 0 3px 0; }
#sidebar-micro #wpoi h3, #sidebar-micro #wpoi2 h3 { color: #c00; font-size: .9em; padding: 7px 0 3px 0; }
#sidebar-micro #wpoi p, #sidebar-micro #wpoi2 p { color: #424242; font-size: .8em; }

.boxes {
background: #f0f0f0;
border: solid 1px #c0c0c0;
padding: 0 3px 3px 3px;
font-family: arial;
font-size: 12px;
text-transform: none;
letter-spacing: 0px;
color: black;
}

#content .boxes h2, .boxes h2 {
background-color: #c00;
color: white;
font-size: 1.1em;
padding: 2px 5px;
}

#highlight {
background: black;
padding: 0 0 20px 0;
}

#highlight div {
background: black url("images/drew1.jpg") top left no-repeat;
margin: 0 0 10px 20px;
padding-left: 230px;
height: 168px;
font-family: impact;
}

#highlight h3 {
color: #c00;
font-size: 24px;
font-weight: normal;
margin-top: 0;
padding-top: 0;
}

#highlight em {
color: white;
font-style: normal;
font-size: 18px;
}

#highlight p {
font-family: sans-serif;
letter-spacing: normal;
font-size: 12px;
}

#highlight a, #content a {
color: rgb(21,151,195);
/*text-decoration: none;*/
}

#highlight a:hover, #content a:hover {
/*text-decoration: underline;*/
color: #c00;
}

.stripes {
background: black url("images/bg.jpg") top left repeat;
}

#content {
background: transparent;
padding: 20px;
color: rgb(66,66,66);
width: 648px; /* needed to fix ie7 disappearing content */
}

#content h1 {
color: #c00;
font-size: 1.3em;
font-weight: normal;
padding: 0 0 5px 0;
}

#content h1 a {
color: #c00;
text-decoration: underline;
}
#content h1 a:hover {
color: black;
}

#content h1.graybar {
background: #c0c0c0;
color: black;
padding:5px;
margin-bottom: 10px;
}

#content h2 {
font-size:1.2em;
margin:5px 0 7px 0;
font-weight: bold;
}

#content h2, #content h3 {
font-family: "Comic Sans MS", Arial, Sans-serif;
letter-spacing: normal;
color: #c00;
}

#content h2 {
font-size: 1.1em;
}

#content h3 {
font-size: 1.05em;
font-weight: bold;
padding-top: 4px;
}

#content p {
font-family: arial;
letter-spacing: normal;
margin: 1em 0;
}

#content img {
border:none;
}

#content em {
color: #c00;
/*font-size: 1.1em;*/
}

#content .excerpt p {
margin-top: 0;
}

#content .excerpt a {
font-size: .9em;
}

.bordered, table.bordered {
border: solid 1px #d0d0d0;
font-family: arial;
}

table.bordered  td {
padding: 5px;
letter-spacing:normal;
}

.rcbox div .squiggle{
background: white url("images/squiggle.jpg") center left repeat-x;
height: 79px;
min-height: 79px;
padding-top: 35px;
color: white;
}

.rcbox div .squiggletop{
background: white url("images/squiggle.jpg") top left repeat-x;
height: 15px;
padding-top: 15px;
color: white;
}
.rcbox div .squigglebot{
background: white url("images/squiggle.jpg") bottom left repeat-x;
height: 15px;
padding-top: 15px;
}

.squiggle ul {
list-style-type: none;
background: black;
padding: 0 8px;
}

.meta {
border-bottom: solid 1px #c00;
margin-bottom: 10px;
}

.alignright, .thumblink {
float:right;
padding-left: 5px;
}

.alignleft {
float:left;
padding-right: 5px;
}

img.alignleft {
padding-bottom: 5px;
}

.aligncenter {
margin: 0 auto;
display: block;
}

.clearleft {
clear: left;
}

/* This div goes to the left of thumblinks */
.leftstuff {
width: 350px;
}

/* Used for pdf downloads on right, use with leftstuff */
.thumblink {
width:155px; 
text-align:center;
font-size: .9em;
}

.thumblink img {
display: block; /* prevent hover underline in chrome and firefox */
}

.thumblink a img, .thumblink a:hover img {
border:none;
text-decoration: none;
}

.paddedlist {
margin-top: 1em;
margin-bottom: 1em;
}

.starlist, #content ul {
padding: 6px 0;
margin-left: 25px;
font: italic 1em arial;
}

.starlist li, #content ul li {
list-style-image : url("images/star.gif");
}

#content li.media-tag-list {
list-style-image: none;
list-style-type: none;
}

.commentlist {
padding-top: 8px;
}

.commentlist li {
border-bottom: dashed 1px #f0f0f0;
margin-bottom: 8px;
padding-right: 15px;
}

.paginated-comments-pages strong, .paginated-comments-pages {
font-weight: normal;
color: rgb(21,151,195);
font-size: .9em;
}

.paginated-comments-number, .avatar {
display: none;
}

.paginated-comments-pages ol {
list-style-type: none;
}

#content h2.boxhead {
clear:left;
padding: 5px;
margin: 10px 0;
background-color: #f2f2f2;
color: black;
border-bottom: solid 5px #c00;
}

.divider {
color: black; 
margin-bottom: 10px; 
height: 20px;
background-color: black;
border-bottom: solid 5px #c00;
}

.centrestripe {
background: transparent url("images/bg.gif") top center repeat-y;
}

.centrestripe p {
padding: 5px;
}

.event_table {
background: white;
}

.event_full {
clear:left;
display: block;
border-bottom: solid 1px #c0c0c0;
}

.event_left {
float: left;
margin: 10px auto;
width: 280px;
}

.rcbox div.event_right {
float:right;
padding-left: 15px;
margin: 10px auto;
border-left: solid 1px #c0c0c0;
width: 280px;
}

#footer {
height: auto;
background: transparent url("images/foot2.jpg") top left repeat-x;
color: #888;
font: normal .8em arial;
}

#footer div {
height: auto;
background: transparent url("images/foot.jpg") top center no-repeat;
padding-top: 114px;
padding-bottom: 3px;
}

#footer a {
color: #888;
}

#footer a:hover {
color: #fff;
}

.slideshowlite {
font-family: arial;
height: 198px;
}

body#tinymce.mceContentBody {
  background-color:#FFF !important;
  color: #000 !important;
  background-image: none;
}

.blue td {
background-color: #1597c3;
color: black;
font-family: arial;
padding: 18px 6px 6px 6px;
text-align: center;
}
#content .blue td a {
color: white;
}
#content .blue td a:hover {
color: black;
}

.blue td.blueleft {
background: #1597c3 url("images/bluebgleft.jpg") top right no-repeat;
}

.blue td.blueright {
background: #1597c3 url("images/bluebgright.jpg") top left no-repeat;
}

/* Microsite styles */
body.microsite {background:#fff; color: #000; letter-spacing:normal; margin:10px 0 0 0;font-family: arial;}

.microsite a img {border:none;}
.microsite h1 {color: #c00; font-size:1.5em; padding: 2px 0;}

.microsite #sidebar-micro {background:white; width:225px; float:right; padding:0; font-family:arial; }
.microsite #sidebar-micro li {list-style:none; padding:0; margin:0;}

.microsite #content {padding: 0; }
.microsite #content p {font-size:.9em;}

#topnav {background: #000; color:#fff; height:3em; font-size: .8em; padding-left: 20px; }
#topnav li {float: left; list-style: none; position:relative; }
#topnav li a {line-height:3em; padding: .9em 25px; }
#topnav li a:hover {background: #404040;}
#topnav li a {color:#fff; text-decoration:none; text-transform:uppercase;}

/* Format submenu as drop-down list */
#topnav li ul li {float:none; padding: 0;}

/* Hides items under top menu */
#topnav li ul { position: absolute; top: -999em; }

/* Shows submenus */
#topnav li:hover ul { left: -1px; top: 3em; /* match top ul list item height */ z-index: 99; background:#000;}

.microsite #footer, .microsite #footer div {background:transparent; padding:0; text-align:center;}

/* Sidebar widget styles */
.microsite #sidebar-micro .widget_categoryposts { margin: 10px 0; padding: 5px; border: solid 1px #c0c0c0;}
#sidebar-micro .cat-post-item h2 {display:none;}
#sidebar-micro li.cat-post-item h2 {color: #c00; font-size:.9em; text-transform:uppercase; }
#sidebar-micro li.cat-post-item h3 {color: #000; font-size:.9em; padding:3px 0;}
#sidebar-micro li.cat-post-item p {font-size:.9em;}

#sidebar-micro .bluebox {background-color: #1597c3; border-left: solid 15px #0587b3; color: white; font-family: arial; padding: 10px; text-align: left; margin: 10px 0;}
#sidebar-micro .bluebox a {color:white; text-decoration:none;}
#sidebar-micro .bluebox a:hover { color: #000; }

#sidebar-micro .green1box {background-color: #3fa34d; border-left: solid 15px #2f933d; color: white; font-family: arial; padding: 10px; text-align: left; margin: 10px 0;}
#sidebar-micro .green2box {background-color: #48ba58; border-left: solid 15px #38aa48; color: white; font-family: arial; padding: 10px; text-align: left; margin: 10px 0;}
#sidebar-micro .green1box a, #sidebar-micro .green2box a {color:white; text-decoration:none; text-transform:uppercase;}
#sidebar-micro .green1box a:hover, #sidebar-micro .green2box a:hover { color: #000; }

#sidebar-micro .graybox {background-color:#f0f0f0; color: #c00; border: solid 1px #c0c0c0; padding: 8px; margin: 5px 0; text-align:center; }
#sidebar-micro .graybox a {text-decoration:none; color:#1597C3; text-transform:uppercase; }
#sidebar-micro .graybox a:hover { color: #000; }

#sidebar-micro .whitebox {background-color:#fff; border: solid 1px #c0c0c0; padding: 3px; margin: 5px 0 10px 0;}
#sidebar-micro .whitebox h3 {color: #c00; }

/* main content */
.microsite #content h1 {padding-top: 8px;}
.microsite #content h2.boxhead { border-bottom:solid 1px #999999; background:#fff; color:black;padding-bottom:0; width:50%; }
.microsite #content hr {margin: 8px 0;}
.microsite #content .sponsors h3 { color: black;}

.microsite .sponsors td { padding: 3px; text-align: center; }
.microsite .sponsors td img { vertical-align: middle; }

.redbox { border: 2px solid #cc0000; margin: 0pt auto; text-align: center;}
.wp-caption-text { text-align:center; font-style:italic; }

/* plugin styles */
.wpif2_captions, .wpif2_loading { font-family: arial; }
#wpif2_topboxcaption { color: #000; }