/*
**	File: screen.css
**	Media: screen
**	Copyright: (c) 2008 Church Media Group, Inc. www.churchmedia.cc
**	Author: Brandon Neil Richards
**	Notes: 
*/
/* Reset Defaults */
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, font, img, ins, kbd, q, s, samp, small, sub, sup, tt, var, 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-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline;}
:focus { outline: 0;}
ul { list-style: none;}
table {	border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left;	font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q {	quotes: "" "";}

/* Defaults*/
html{height: 100%;}
body { background: #000; font: normal 62.5% Arial, Verdana, Helvetica, sans-serif; color: #000; height: 100%;}
body.home li a#home,
body.aboutmike li a#aboutmike,
body.services li a#services,
body.wp li a#blog,
body.casestudies li a#casestudies,
body.contact li a#contact {display: block; font: normal 1.2em/2.6em Arial, Verdana, Helvetica, sans-serif; color: #FFC428; text-decoration: none; text-transform: uppercase; text-align:center;}

body.home li a#home:hover,
body.aboutmike li a#aboutmike:hover,
body.services li a#services:hover,
body.wp li a#blog:hover,
body.casestudies li a#casestudies:hover,
body.contact li a#contact:hover {display: block; font: normal 1.2em/2.6em Arial, Verdana, Helvetica, sans-serif; color: #FFC428; text-decoration: none; text-transform: uppercase; text-align:center;}


a:link, a:visited, a:active,a:hover, a:visited:hover, a:focus{text-decoration: none; color: #FFC428;}
h1{font: normal 1.8em/2em Arial, Verdana, Helvetica, sans-serif; text-transform: uppercase; color: #FFF;}
.logo h1{}
.logo h1 a{text-indent:-9999px; background:transparent url(../images/mike_walker_creative_logo.png) top left no-repeat; height:60px; width:283px; display:block; outline:none;}


h2{font: normal 1.8em/3em Arial, Verdana, Helvetica, sans-serif; color: #FFC428; text-transform: uppercase;}
h3{ font: normal 1.8em Arial, Verdana, Helvetica, sans-serif; color: #FFF; margin: 10px 0 0 0;}
h4{font: bolder 1.4em/2em Arial, Verdana, Helvetica, sans-serif; color: #FFF;margin: 20px 0 0 0;}
h5{font: bolder 1.4em/2em Arial, verdana, Helvetica, sans-serif; color: #CACACA; margin: 4px 0px 4px 10px;}
p, #main ul, #main ol{font: normal 1.1em Verdana, Arial, Helvetica, sans-serif; color: #999;}
#main dt{font: 1.8em/1.8em Arial, Verdana, Helvetica, sans-serif; text-transform: capitalize; color: #FFF;}
#main dt a:link{color: #FFF;}
#main dd{ margin: 0 0 0 12px;}

#main dd a:link,
#main dd a:visited,
#main dd a:visited:hover,
#main dd a:hover,
#main dd a:focus,
#main dd a:active{color: #FFF;}

#main ul, #main ol{margin: 16px 0; }
#main li{ margin: 0 0 8px 16px;}

.align-left{text-align: left;}
.align-right{text-align: right;}
.align-center{text-align: center;}
.float-left{float: left;}
.float-right{float: right;}
.hide{display: none;}
.clear-left{clear: left;}
.clear-right{clear:right;}
.push{clear:both;}

img.float-left{margin: 0 18px 18px 0;}

/* Positioning */
#masthead .logo, #navigation li, .featured, #main, #main .section h2, #footer p{float: left;}
#navigation, #sidebar, .subnavigation, .rss, #footer p.creator{float: right;}

/* Main Structural selectors */
#wrapper{width: 960px; margin: 22px auto 0 auto;}
#masthead{height: 73px;}
#masthead .logo{width: 283px; height: 60px;}

#navigation{ width:600px; background: transparent url(../images/navigation_bg.png) repeat-x;height: 30px;}
#navigation li{display: inline; padding: 0 20px; list-style-type: none; background: transparent url(../images/navigation_tick_mark.png) right no-repeat;}
#navigation li.last{ background: none;}
#navigation a:link, #navigation a:visited, #navigation a:visited:hover, #navigation a:hover, #navigation a:focus, #navigation a:active{display: block;font: normal 1.2em/2.6em Arial, Verdana, Helvetica, sans-serif; color: #CCC; text-decoration: none; text-transform: uppercase; text-align:center;}

#content{}
.container{width: 960px; padding: 0 0 15px 0;}

.featured{position:relative; width: 602px; background: #333; text-align: center; padding: 10px 0; margin: 0 0 10px 0;}
.featured_content_box { position:absolute; background: #000; right:0; top:0; width:233px; height:243px; margin: 10px 10px 0 0;z-index:2;-moz-opacity:.90;opacity:.90;}
.featured_content { width:201px; padding:40px 16px 2px 16px; color:#ffffff;}
.featured_content p { font: bolder 1.4em Arial, Verdana, Helvetica, sans-serif; margin:10px 0; line-height:1.2em; text-align: left;}
.featuredItemLink a:link{}

/*redefine home page styles*/
#homefeatured{position:relative; width: 960px; height: 256px; background: #333; padding: 10px 0 0 10px;}
* html #homefeatured{ width: 960px; padding: 10px 0 0 10px; height: 234px;}
#homefeatured .featured-img{position: relative; float: left; width: 710px;}

#homefeatured .featured_content_box {position:absolute; margin:0; background: #000; right:0; top:0; width:165px; height:246px; z-index:2; -moz-opacity:.90; opacity:.90;}
#homefeatured .featured_content { width:145px; padding:20px 0px 2px 16px; color:#ffffff;}
#homefeatured .featured_content p { font: bolder 1.2em Arial, Verdana, Helvetica, sans-serif; margin:10px 0; line-height:1.2em; text-align: left;}
#homefeatured .featuredItemLink a:link{}

#homefeatured .subnavigation{background: #000;width: 240px; height: 246px;float: left;}
* html #homefeatured .subnavigation{height: 234px;}

#homefeatured .subnavigation h2{width: 210px;font: bolder 1.8em/40px Arial, Verdana, Helvetica, sans-serif; color: #FFC428; text-transform: uppercase; text-align: left;letter-spacing: .02em; margin: 10px auto 0 auto;}
* html #homefeatured .subnavigation h2{ line-height: 32px;}
#homefeatured .subnavigation li{border-bottom: none; border-top: 1px solid #333333;width: 210px; margin: 0 auto; text-align:left;}
#homefeatured .subnavigation a:link, 
#homefeatured .subnavigation a:visited{ display: block; vertical-align: middle; font: bolder 1.2em/47px Arial, Verdana, Helvetica, sans-serif; color: #666; text-transform: uppercase;}

#homefeatured .subnavigation a:visited:hover, 
#homefeatured .subnavigation a:hover, 
#homefeatured .subnavigation a:focus, 
#homefeatured .subnavigation a:active,
#homefeatured a.current_event:link,
#homefeatured a.current_event:visited,
#homefeatured a.current_event:visited:hover,
#homefeatured a.current_event:hover,
#homefeatured a.current_event:active { display: block; vertical-align: middle; font: bolder 1.2em/47px Arial, Verdana, Helvetica, sans-serif; color: #FFF; text-transform: uppercase;}

#sidebar .subnavigation{width: 326px;}
#sidebar .subnavigation h2{font: normal 1.8em Arial, Verdana, Helvetica, sans-serif; color: #FFC428; text-transform: uppercase; letter-spacing: .02em;}
#sidebar .subnavigation li{border-bottom: 1px solid #333333;}
#sidebar .subnavigation a:link, 
#sidebar .subnavigation a:visited{ display: block; vertical-align: middle; font: bolder 1.2em/4.7em Arial, Verdana, Helvetica, sans-serif; color: #666; text-transform: uppercase;}

#sidebar .subnavigation a:visited:hover, 
#sidebar .subnavigation a:hover, 
#sidebar .subnavigation a:focus, 
#sidebar .subnavigation a:active,
#sidebar a.current_event:link,
#sidebar a.current_event:visited,
#sidebar a.current_event:visited:hover,
#sidebar a.current_event:hover,
#sidebar a.current_event:active { display: block; vertical-align: middle; font: bolder 1.2em/4.7em Arial, Verdana, Helvetica, sans-serif; color: #FFF; text-transform: uppercase;}


#main{width: 602px;}
#main li{ list-style-type: square;}


#welcome h1{font: bolder 1.8em/2em Arial, Verdana, Helvetica, sans-serif; text-transform: uppercase; color: #FFF;}
#welcome p{font: normal 1.4em/1.6em Verdana, Arial, Helvetica, sans-serif; color: #CCC;}
.blog{margin: 30px 0 0 0; padding: 0 10px; background: transparent url(../images/main_content_top.png) repeat-x;}
#main .section{ border-bottom: 2px solid #1A1A1A;}
* html #main .section{height: 50px;}
#main .section h2{width: 450px;}
#main h4{font: bolder 1.4em/2em Arial, Verdana, Helvetica, sans-serif; color: #CCC;}
#main p {margin: 16px 0;line-height: 1.4em;}
#main .entry ul.references{ width: 100%;}
#main .entry .references li{display: inline;padding: 0; margin:0 10px 0 0;}
#main .entry .references li.name{font: 1.4em Arial, Verdana, Helvetica, sans-serif; color: #FFF;}
#main .photo{background: #1A1A1A; border: 1px solid #1A1A1A; padding: 6px;}
#event_photos, #category_links{float: right; width: 189px; margin: 0 0 10px 10px; background: transparent url(../images/case_study_photo_bg.png) no-repeat;}
#event_photos ul{display: block; list-style-type: none;margin: 0 auto; width: 169px; }
#event_photos li {list-style-type: none;background: #333;padding: 5px; height: 56px; margin: 0 0 10px 0;}
* html #category_links{height: 180px;}
#category_links ul{margin: 0 auto; width: 169px;min-height: 180px;}
#category_links li{width: 169px;padding: 0;margin:0;border-bottom: 1px solid #333;}
#category_links li a{display: block; line-height: 1.4em;padding: 5px;}
.entry-title{clear:left;}
h3.entry-title a:link, h3.entry-title a:visited, h3.entry-title a:active{color: #FFF; text-decoration: none;}
h3.entry-title a:visited:hover, h3.entry-title a:focus, h3.entry-title a:hover{text-decoration:underline;}

.rss{display: block; margin: 14px 0 0 0;}
#main p.entry-date{font: normal 1em Verdana, Tahoma, Helvetica, sans-serif; margin: 0 0 6px 0;}
.alt{background: #1A1A1A; padding: 10px;border: 1px solid #0F0F0F;}
.ref{padding: 10px;}

div.sitemap{width: 250px;margin: 16px 0;}
div.sitemap h3{border-bottom: 2px solid #1A1A1A; padding: 0 0 4px 15px;}

#sidebar{width: 326px;}
#sidebar .section{padding: 10px 0 30px 0;}
#sidebar .section.sidenews{background: #1A1A1A; width: 326px;padding: 6px 0 ;}
#sidebar .section.sidenews h2{padding: 6px 0 0 0;}
#sidebar .section.sidenews h2, #sidebar .section.sidenews p{padding: 0 6px;}
#sidebar .section h2{ line-height: 1.5em;}
#sidebar .podcast{background: transparent url(../images/sidebar_podcast_bg.png) bottom right no-repeat; height: 120px;}
#sidebar .podcast li{width:77px; float: left;padding: 0 0 0 20px;}
#sidebar .podcast p{ padding: 10px 20px 30px 20px;}
#sidebar .name{font: normal 1.8em Arial, Verdana, Helvetica, sans-serif; color: #FFC428; text-transform: uppercase; letter-spacing: .02em;}
#sidebar .address, #sidebar .citystate, #sidebar .officephone, #sidebar .mobilephone, #sidebar .contactemail{font: normal 1.4em Arial, Verdana, Helvetica, sans-serif; color:#FFF;padding: 2px 0 0 0;}


#footer{height: 58px; background: transparent url(../images/footer_bg.png) left bottom no-repeat; margin: 20px 0;}
* html #footer{height: 70px;}
#footer p{font: normal .9em/1.6em Verdana, Arial, Helvetica, sans-serif;padding: 20px 0 0 20px; width: 400px;}
#footer p.creator{width: 118px;}

#footer a.cm:link,
#footer a.cm:visited, 
#footer a.cm:active{display: block; float: right; margin: 10px 0 0 0; padding: 0 20px 0 0; width: 118px; height: 10px; background: transparent url(../images/church_media_logo.gif) 0 0 no-repeat;}

#footer a.cm:hover, 
#footer a.cm:focus, 
#footer a.cm:visited:hover{background: transparent url(../images/church_media_logo.gif) 0 -11px no-repeat;}

* html #footer a.cm:link,
* html #footer a.cm:visited, 
* html #footer a.cm:active{display: block; float: right; padding: 0 20px 0 0; width: 118px; height: 9px; background: transparent url(../images/church_media_logo.gif) 0 1px no-repeat;}

* html #footer a.cm:hover, 
* html #footer a.cm:focus, 
* html #footer a.cm:visited:hover{height: 10px; background: transparent url(../images/church_media_logo.gif) 0 -11px no-repeat;}