/*

      Wordpress Vanilla-Themes by bhg GRAPHIC DESIGN

	  

	  These themes are a nice starting point from which to build your own WP theme.

	  The css layouts for these themes are modified versions of keith donegans layouts 

	  which you can find at http://code-sucks.com.

	  

	  Wordpress integration by bhg GRAPHIC DESIGN

	  

	  Do what you want with this, but please be kind enough to show us some link love 

	  

	  http://bhggraphicdesign.com/blog

	  

	  Thanks, happy theming :)

	  

*/



/* global resets ala eric meyer http://meyerweb.com */

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, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

dd, dl, dt, li, ol, ul,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	font-weight: inherit;

	font-style: inherit;

	font-size: 100%;

	line-height: 1;

	font-family: inherit;

	text-align: left;

	vertical-align: baseline;

}

a img, :link img, :visited img {

	border: 0;

}

a{text-decoration: none;}







table {

	border-collapse: collapse;

	border-spacing: 0;

}

ol, ul {

	list-style: none;

}

q:before, q:after,

blockquote:before, blockquote:after {

	content: "";

}





/*main structure*/



body {

 font-family: Verdana, Arial, Helvetica, sans-serif;

 background: #fff url(images/background.jpg) repeat-x top left;

 color: #333;

}

#wrapper { 

 margin: 0 auto;

 width: 860px;



}

#header {

 color: #333;

 width: 860px;

 float: left;

 height: 400px;
 
 position: relative;
 
}

#navigation{color:#333;

width:860px;

float:left;

height:36px;

background:#79919b;}



#navigation ul li{

float:left;

}

#navigation ul li a{

text-decoration:none;

width:170px;

display:block;

text-align:center;

line-height:2.4em;

height:36px;

border-left:1px solid #63808b;

border-right:1px solid #9eb0b7;

color:#fff;



font-family:'trebuchet ms',sans-serif;

}



#navigation ul li a:hover{

color:red;}

#navigation ul li.current_page_item a{

background-color:white;

color:#9EB0B7;

}



#navigation ul li a:active{

color:white;

background-color:red;}



#content_wrap {

width: 860px;

background-color: white;

float: left;

}



/*removal of sidebar on other pages*/



body.Merchandise #content, body.Mission #content, body.RelatedLinks #content, body.MS #content { 

width:750px;

}



body.Merchandise #content h2, body.Mission #content h2, body.RelatedLinks #content h2, body.MS #content h2 { 



margin-bottom:20px;

}

#sidebar { 

/*  color: #333;

 border: 1px dotted #ccc;

 background: #e9f3f6;

 width: 260px;

  padding-top: 15px;

 padding-bottom: 15px;

  padding-left: 15px;

   padding-right: 15px; */
 

 float: right;

 margin-top: 20px;

 margin-right: 20px;
 
 width: 290px;
}
	#sidebar div {
		color: #333;
		border: 1px dotted #ccc;
		background-color: #e9f3f6;
		padding: 15px;
	}
	#sidebar p {
		width: 260px;
	}

#content { 

 float: left;

 color: #333;

 

 width: 480px;

 display: inline;

 margin-top: 20px;

 margin-left: 20px;

}

h2{



font-family:'Georgia','Times New Roman',serif;





}



body.index #content h2{

margin-left:0px;



}

#bottom_wrap {

width: 740px;

float: left;

margin-left: 20px;

border: 15px solid #66828e;

background-color: white;

padding: 15px;

margin-top: 30px;

 margin-bottom: 20px;

 clear:both;

}



#links {

width: 280px;

/*height: 200px;don't forget to remove this*/

float: left;

background-color: #edf5fa;

}



#mission {

width: 450px;

float: right;

}





#footer { 

 width: 100%;

 clear: both;

 color: #white;

 border: 1px dotted #ccc;

 background: rgb(18,62,88);

padding-top:20px;

padding-bottom:20px;



}

#footer p{

font-size:10px;

font-family:Verdana, Arial, Helvetica, sans-serif;

text-align:center;

color:white;



}

#footer a{



color:#fff;

}

/* =typography */

.post_block {

width: 500px;

float: left;

margin-top:20px;



}





.calendar {

background: transparent url(images/cal.jpg) no-repeat scroll 0pt;

float: left;

margin-left: 10px;

padding-top: 0px;

width: 48px;

height: 59px;

float: left;



}



.month {

display: block;

font-size: 10px;

font-weight: bold;

line-height: 0.9em;

padding-top: 6px;

text-align: center;

color: white;

}



.day {

display: block;

font-size: 20px;

font-weight: bold;

line-height: 0.9em;

padding-top: 7px;

text-align: center;

}



.year {

display: block;

font-size: 10px;

padding-top: 3px;

text-align: center;

}





#content p {

padding-left: 70px;

line-height: 1.5em;

color: #333;

font-size: 12px;

margin-bottom: 10px;

text-indent: 30px;

}





.hblock {

width: 420px;

float: left;

margin-left: 10px;





}



h2 a{

 color: #ba2025;



}



#report{

font-family: Verdana, san-serif;

font-size: 24px;

color: #123e59;

padding-left: 68px;

padding-bottom: 10px;





}



.hblock h2, h2{

font-family: georgia, times, serif;

font-size: 20px;

margin-top: 10px;



}





.hblock h2 a{





}



.cat_slug{

display: block;

font-size: 14px;

text-transform: lowercase;

font-variant: small-caps;

padding-top: 0px;



}



.cat_slug a{

color: #123e59;





}



/* =typography for QuickLInks */





#links a{

font-family: verdana, , san-serif;

font-size: 16px;

line-height: 24px;

color: #123e59;

padding-left: 15px;}



#links h3{

width: 111px;

height: 29px;

background: transparent url(images/quicklink_head.jpg) no-repeat scroll 0pt;

text-indent: -5000em;

margin-left: 10px;

margin-bottom: 6px;

margin-top: 10px;



}





}





/* =typography for Showcase Sidebar */







#sidebar h2 {



margin-top: 10px;

margin-bottom: 10px;

}



h2.showcase {

font-family: georgia, times, serif;

font-size: 26px;

color: #66818d;

letter-spacing: 2px;

text-transform: lowercase;

font-variant: small-caps;



}





.time{

display: block;

font-size: 11px;

padding-bottom: 0px;

color: #66818d;



}





#sidebar p{

line-height: 1.7em;

color: #333;

font-size: 13px;

padding-top: 15px;

font-family: Georgia, times, serif;



}





/* =image border */



.right{

padding-left: 15px;

padding-bottom: 15 px;



}



.left{

padding-right: 15px;

padding-bottom: 15 px;



}





/* site wide topics, category links, etc/*/



li.categories {

list-style-type:none;





}

li.categories ul{

margin-top:20px;



}

#sitewide{

margin-top:20px;

display:block;}



li.categories ul li{

float:left;

width:150px;

padding-bottom:5px;







}

li.categories ul li a{



color:#123E59;}



/* =merchandise */

body.Merchandise #content {

width:750px;

}



.Merchandise .post_block , .Mission .post_block, .RelatedLinks .post_block,

.MSTrooperMagazine .post_block{

width:800px;



}

.Merchandise .post_block h2,.MSTrooperMagazine .post_block h2, .Mission .post_block h2, .RelatedLinks .post_block h2{

margin-left:60px;



}





.Merchandise #content .leftim{

padding-right:20px;

}

.Merchandise #content .rightim{

padding-left:20px;

}

.Mission .calendar, .Mission .cat_slug,

.RelatedLinks .calendar, .RelatedLinks .cat_slug,

.ContactUs .calendar, .ContactUs .cat_slug,

.MSTrooperMagazine .calendar, .MSTrooperMagazine .cat_slug{display:none;}

.RelatedLinks ul.first{

float:left;

margin-left:70px;

width:560px;



}

.RelatedLinks ul.first li a{



color:#BA2025;

}

.RelatedLinks ul.first li{





margin-top:10px;}

.right{



float:right;

}

.left{



float:left;

}



.fader{

float:left;

width:860px;





}

#navigation ul li a.home { 

border-left:none;

}

#header a.donate {
	position: absolute;
	display: block;
	width: 292px;
	height: 46px;
	left: 568px;
	top: 0;
	text-indent: -5000px;
	background: url(images/mstrooper-button-top.gif) no-repeat 0 0;
	border-width: 0;
}

#sidebar a.donate {
	display: block;
	width: 200px;
	height: 240px;
	margin: 50px 0 0 45px;
	text-indent: -5000px;
	background: url(images/ms-trooper-button-bottom.jpg) no-repeat 0 0;
	border-width: 0;
}