/*
Theme Name: 501st New England (2010 Theme)
Theme URI: http://www.501neg.com/
Description: Theme developed for sole use by the 501st New England Garrison in 2010 by James Andrews, Design by Bob Gouveria
Version: 1.0
Author: James Andrews, Bob Gouveria, Brian Anderson
Author URI: http://www.jamesmandrews.com/
Tags: 

*/

body.background {  margin: 0px; padding: 0px; background: url('images/background2.png') repeat-x #000; font-size: 15px; }
body.nobackground {  margin: 0px; padding: 0px; background: #000; font-size: 15px; }

a { color: #fff; text-decoration: none; }
a:hover { text-decoration: underline; }
#page { color: #fff; font-family: arial; text-align: center; margin-top: 10px; padding: 0px;}

/* header css */
#page .header { margin: 0px auto; width: 972px; text-align: left; }
#page .header .logo { float: left; margin: 0px 0px 5px 20px;  }
#page .header .sidebar { float: right; margin-top: 80px; font-style: italic;}
#page .header .sidebar a { color: #fff; text-decoration: none; }
#page .header .sidebar a:hover { color: #fff; text-decoration: underline; }

/* navigation css */
.mainnav { margin-bottom: 10px; } 
.mainnav ul { list-style: none; padding: 0; margin: 0; }
.mainnav li { float: left; margin: 0; font-family: Verdana, Arial, sans-serif; text-shadow: 0.1em 0.1em 0.2em black;}
.mainnav li a { height: 25px; line-height: 1.5em; float: left; width: 97; display: block; color: #fff; text-decoration: none; text-align: center; }
/*.mainnav li.active { background: url("images/redgradient2.png"); }
.mainnav li.active a:hover { background: url("images/redgradient2.png"); text-decoration: none; } 
.mainnav li.current_page_item { background: url("images/redgradient2.png"); }
.mainnav li.current_page_item a:hover { background: url("images/redgradient2.png"); text-decoration: none; } */
.mainnav li a:hover { text-decoration: underline; background: url("images/redgradient3.png");}
.mainnav { width: 970px; border: 1px solid #bea89f; background: url("images/redgradient1.png"); height: 25px; }


#page .homemain { margin: 0px auto; width: 972px; text-align: left; }
#page .homemain .sidebar { float: right; width: 318px; }

/* homepage sidebar*/
#page .homemain .sidebar div.missionsheader { height: 40px;  background: url('images/gradient1.png'); border-top: 1px solid #bebebe; border-left: 1px solid #bebebe; border-right: 1px solid #bebebe; }
#page .homemain .sidebar div.missions { height: 215px; margin-bottom: 15px; background: url("images/bluelines1.png"); color: #fff; padding: 10px; border: 1px solid #bebebe; display: block; } 
#page .homemain .sidebar div.missions ul{ padding: 0px 10px; margin: 5px 0px 5px 5px; list-style: url('images/li_icon_dash.png'); font-size: .88em; }
#page .homemain .sidebar div.missions h1 { padding: 0px; margin: 0px; font-size: 1em;} 

#page .homemain .sidebar img.featured { border: none; width: 317px; height: 400px; margin-bottom: 15px; border: 1px solid #bebebe; }

#page .homemain .sidebar img.joinus { border: none; }


#page .homemain .content { float: left; width: 632px; }


/* carousel section */
#page .homemain .content .carousel { width: 629; height: 408px; border: 1px solid #bebebe; margin-bottom: 15px;     position: static; z-index: 100; overflow: hidden; }
#page .homemain .content .carousel a { text-decoration: none; }
#page .homemain .content .carousel .slides a:hover { text-decoration: none; }
#page .homemain .content .carousel .slides a .slide { width: 629px; height: 203px; padding-top: 295px; background-repeat: no-repeat;}
#page .homemain .content .carousel .slides a .slide .dialog { width: 629px; height: 113px; background: url('images/carousel_overlay.png');  }
#page .homemain .content .carousel .slides a .slide .dialog h2 { padding: 8 0 0 15px; margin: 0px; font-size: 1.4em; text-decoration: underline;}
#page .homemain .content .carousel .slides a .slide .dialog p { padding: 5 25px 0 15px; margin: 0px; font-size: 1em; }

#slide-1 { background: url('images/promo_image_tmp.png'); } 

/* rss feed header & footer section */
#page .homemain .content .rssfeeds { width: 632px; }
#page .homemain .content .rssfeeds .rssheader { width: 630px; height: 40px;  background: url('images/gradient1.png'); border: 1px solid #bebebe;}
#page .homemain .content .rssfeeds .rssfooter { width: 630px; height: 1px; background: #bebebe; no-repeat; padding: 0px; }

/* rss feed main section */
#page .homemain .content .rssfeeds .rssmain { width: 630px; background: url('images/bluelines1.png'); border: 1px solid #bebebe; border-top: none; border-bottom: none; } 
#page .homemain .content .rssfeeds .rssmain ul { padding: 0px; margin: 0px; }
.rssfeeds .rssmain ul.feeds { padding: 0px; margin: 0px; list-style: none; }
#page .homemain .content .rssfeeds .rssmain ul.feeds li.photos { background: url('images/bluelines2.png');}
#page .homemain .content .rssfeeds .rssmain ul.feeds li.feedSection { height: 175px;}
#page .homemain .content .rssfeeds .rssmain ul.feeds img.feedicon { display: block; float: left; margin: 20px 0px 0px 20px; }
#page .homemain .content .rssfeeds .rssmain ul.feeds ul.feed { width: 340px; display: block; float: right; list-style: url('images/li_icon_dash.png'); font-size: .87em; margin: 10px 10px 10px 0px; }

#page .homemain .sociallinks { margin: 7px 0 0 15px; }
#page .homemain .sociallinks h5 { padding: 18px 0 0 0; margin: 0 0 8px 0; float: left; }
#page .homemain .sociallinks ul { padding: 0; margin: 0 0 0 30px; float: left;}
#page .homemain .sociallinks ul li { display: inline; margin-right: 4px;}

#page .leftmain { margin: 0px auto; width: 972px; text-align: left; }
#page .leftmain .content { float: left; width: 632px; }
#page .leftmain .content .post { }
#page .leftmain .content .post .titlearea { }
#page .leftmain .content .titlearea .badge { float: left; width: 65px; height: 80px; background: url("images/impcog60x60.png"); background-repeat: no-repeat;}
#page .leftmain .content .post .titlearea .info { float: left; width: 566px; margin-top: 15px; }
#page .leftmain .content .post .titlearea .info h1.title { font-weight: normal; padding: 0px 0px 0px 8px; margin: 0px; font-size: 1.4em; border-bottom: 1px solid #fff; }
#page .leftmain .content .post .titlearea .info h1.title span.author { float: right; font-size: .6em; margin: 9px 8px 0 0;  }
#page .leftmain .content .post .titlearea .info h3.category { font-weight: normal;  padding: 0px 0px 0px 8px; margin: 3px 0 0 0; font-size: 1.1em; }
#page .leftmain .content .post .titlearea .info h3.category span.date { float: right; font-size: .7em; margin: 1px 8px 0 0; }

#page .leftmain .content .post .postcontent { margin: 0 0 0 70px; padding: 0px 5px; font-size: 1em; }
#page .leftmain .content .post .postcontent p { margin-left: 0px; margin-right: 0px; margin-top: 5px; margin-bottom: 5px ; padding: 0; }

#page .leftmain .content .page { }
#page .leftmain .content .page .titlearea { }
#page .leftmain .content .page .titlearea .badge { float: left; width: 65px; height: 80px;  }
#page .leftmain .content .page .titlearea .info { float: left; width: 566px; margin-top: 15px; }
#page .leftmain .content .page .titlearea .info h1.title { font-weight: normal; padding: 0px 0px 0px 8px; margin: 0px; font-size: 1.4em; border-bottom: 1px solid #fff; }
#page .leftmain .content .page .titlearea .info h1.title span.author { float: right; font-size: .6em; margin: 9px 8px 0 0;  }
#page .leftmain .content .page .titlearea .info h3.category { font-weight: normal;  padding: 0px 0px 0px 8px; margin: 3px 0 0 0; font-size: 1.1em; }
#page .leftmain .content .page .titlearea .info h3.category span.date { float: right; font-size: .9em; margin: 1px 8px 0 0; }
#page .leftmain .content .page .pagecontent { margin: 0 0 0 70px; padding: 0px 5px; font-size: 1em; }
#page .leftmain .content .page .pagecontent p { margin-left: 0; margin-right: 0; margin-top: 8px; margin-bottom: 8px; padding: 0; }


#page .leftmain .sidebar { float: right; width: 317px; }

#page .leftmain .content .page .pagecontent a  { color: #f7dd00; }
#page .leftmain .content .post .postcontent a {  color: #f7dd00; }


#page .rightmain .content .page { }
#page .rightmain .content .page .titlearea { }
#page .rightmain .content .page .titlearea .badge { float: left; width: 65px; height: 80px;  }
#page .rightmain .content .page .titlearea .info { float: left; width: 566px; margin-top: 15px; }
#page .rightmain .content .page .titlearea .info h1.title { font-weight: normal; padding: 0px 0px 0px 8px; margin: 0px; font-size: 1.4em; border-bottom: 1px solid #fff; }
#page .rightmain .content .page .titlearea .info h1.title span.author { float: right; font-size: .6em; margin: 9px 8px 0 0;  }
#page .rightmain .content .page .titlearea .info h3.category { font-weight: normal;  padding: 0px 0px 0px 8px; margin: 3px 0 0 0; font-size: 1.1em; }
#page .rightmain .content .page .titlearea .info h3.category span.date { float: right; font-size: .7em; margin: 1px 8px 0 0; }
#page .rightmain .content .page .pagecontent { margin: 0 0 0 70px; padding: 0px 5px; font-size: .85em; }
#page .rightmain .content .page .pagecontent p { margin: 0; padding: 0; }


#page .rightmain { margin: 0px auto; width: 972px; text-align: left; }
#page .rightmain .content { float: right; width: 632px; }
#page .rightmain .sidebar { float: left; width: 317px; }

#page .rightmain .sidebar ul, #page .leftmain .sidebar ul{ padding: 0px; margin: 10px 0 0 30px; list-style: url('images/li_icon_dash.png'); }
#page .rightmain .sidebar .widget, #page .leftmain .sidebar .widget { margin-bottom: 10px; border: 1px solid #bebebe; padding: 0px 0px 10px 0px; background: url("images/bluelines1.png"); }
#page .rightmain .sidebar .widget h4, #page .leftmain .sidebar .widget h4 { padding: 10px 5px; margin: 0 0 10px 0;  background: url('images/gradient1.png');  border-bottom: 1px solid #bebebe; font-weight: none; }
#page .rightmain .sidebar .widget div, #page .leftmain .sidebar .widget div { padding: 5px 15px; }
#searchsubmit { margin: 10px 0 0 80px; }


#page .rightmain .wide-content { float: right; width: 782px; }
#page .rightmain .small-sidebar { float: left; width: 157px; }
#page .rightmain .small-sidebar .widget .w-main .leftmenu a{ font-size: .8em; }

#page .oldmain { font-size: 11px; text-align: left; width: 972px; margin: 0px auto; }

/* doku wiki overrides lots of fun */
#page .dokuwiki { text-align: left; width: 972px; margin: 0px auto;  }
#page .dokuwiki .page { text-align: left; width: 942px; margin: 0px auto; border: 1px solid #fff; padding: 10px 15px; background: none repeat scroll 0 0 #333333; }
#page .dokuwiki .page h3 { margin: 10px 0 0 10px; }
#page .dokuwiki .page ul { margin: 0 0 0 10px; }
#page .dokuwiki .page p { margin: 0 0 5px 10px; }

#forumMenu { font-size: 1.1em; border: 1px solid #BEA89F; background: #404040; margin-top: 10px; width: 700px; float: left; }
#forumMenu li { padding: 7px 5px; width: 100px; background: #404040; color: #6699CC; }
#forumMenu li ul { border: 1px solid #BEA89F; border-top: none; }
#forumDonation { float: right; margin-top: 12px; }
#forumAdmin { font-weight: bold; font-size: 1.1em; margin: 15px 0px 5px;}

#page .oldmain .forumadmin p,#page .oldmain .forumadmin strong{ margin: 10px 0; }
.gallery .footer a { color: #fff; text-decoration: none; }
.gallery .footer a:hover { text-decoration: underline; }

/* youtube video page. */
.neg-youtube { border-bottom: 1px solid #fff; padding: 20px 0; }
.neg-youtube h2 { padding: 0px; margin: 0px; font-size: 1.1em; }
.neg-youtube h2 a { color: yellow; }
.neg-youtube img { float: left; display: block; border: 1px solid #bebebe; }
.neg-youtube p { float: right; display: block; width: 400px; }
.neg-youtube-nav { padding: 0px; margin: 0px; display: inline; }
.neg-youtube-nav li { display: inline; margin: 0 5px; padding: 0 10px 0 0; border-right: 1px solid #fff; }
.neg-youtube-nav li.lastChild { border-right: none; }

#page .main .error404 h1 { font-size: 1.3em; padding: 10px 40px 0px 40px; }
#page .main .error404 .entry-content { font-size: 1em; padding: 0px 40px; margin-bottom: 350px; }

/* footer css */
#page .pagefooter { background: url("images/redgradient4.png"); text-align: center; font-size: .7em; padding: 8px 0px; margin: 20px 0 0 0; }
#page .pagefooter .footcontent { margin: 0px auto; width: 930px; }
#page .pagefooter .footcontent p{ margin: 0; padding: 0; }
.clear, .clearer { clear: both; }