/*
Theme Name: War College Theme
Theme URI: http://wordpress.org/
Author: Jon Bukiewicz

*/


* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body {text-shadow:rgba(0,0,0,0.01) 0 0 0;text-align:center;font-size:62.5%;background-color:#36362C;background-image:url(http://www.thewarcollegechicago.com/_gfx/body_bg.jpg);
font-family: Cambria, Georgia, Times, Times New Roman, serif;

color:#FFFFFF;}

body > #wrap {height: auto;}

#crest {
	width:300px;height:300px;position:absolute;z-index:3;left:90px;top:70px;
}
#crest a {
	display:block;position:relative;width:100%;height:100%;
}

#header {width:980px;margin:0 auto;height:450px;position:relative;background-image:url(http://www.thewarcollegechicago.com/_gfx/top_bg.jpg);}

.marginfix {z-index:1;background-color:#36362C;background-image:url(http://www.thewarcollegechicago.com/_gfx/center_bg.jpg);background-repeat:repeat;background-position:-11px 0;margin:0 auto;position:relative;width:960px;text-align:left;}

#footer .marginfixer {margin:0 auto;width:960px;text-align:left;float:left;}

.line {width:100%;height:1px;
	border-bottom:1px #000000 solid;margin-bottom:25px;clear:left;float:left;
}

.post .line {
	margin-top:25px;float:left;
}

#logo {width:571px;height:146px;position:absolute;left:400px;top:25px;background-image:url(http://www.thewarcollegechicago.com/_gfx/wc_header_logo.jpg);}

img.float_right {
	margin:10px;float:right;display:inline;
}

img.float_left {
	margin:10px;float:left;display:inline;
}


.intro {
	width:460px;position:absolute;z-index:3;
color:#000000;left:500px;top:215px;text-align:left;margin-top:45px;}

.bio {
	width:100%;display:block;clear:left;float:left;border-bottom:1px #111111 solid;padding-top:10px;padding-bottom:10px;margin-bottom:10px;
}

.container {margin:10px;float:left;display:inline;}

.grid_60 {
	width:60px;
float:left;
}

.grid_140 {
	width:140px;
}

.grid_140 {float:left;
	width:140px;
}

.grid_220 {width:220px;}

#footer .grid_220 {margin:0;float:right;}

.footer_right {
	float:left;
}

.grid_300 {width:300px;}


.grid_380 {width:380px;}

.grid_460 {width:460px;}

#footer .grid_460 {padding-top:40px;}

.grid_540 {width:540px;}

.grid_620 {width:620px;margin:0 auto;}

.grid_700 {width:700px;}

.grid_940 {width:940px;}

#searchform {float:left;margin-right:10px;padding-bottom:20px;}


#main {padding-bottom: 296px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -309px; /* negative value of footer height */
	height: 309px;
	clear:both;
	width:960px;
	margin-right: auto;
        margin-left: auto;
	background-image:url(http://www.thewarcollegechicago.com/_gfx/footer_bg.jpg);
	background-position:-9px 0;} 
#footer p strong {
	font-size:.9em;
line-height:1.1em;

}

#footer img {
	vertical-align:middle;
margin-right:10px; }


.Page_Title {
	width:217px;height:86px;position:absolute;z-index:6;top:-20px;left:84px;border:0;
}

.Photo_Gallery {
	width:208px;height:78px;position:absolute;top:-20px;z-index:6;left:354px;
border:0;}

.Apply_Now {
	width:211px;height:73px;position:absolute;top:-10px;z-index:6;left:621px;
border:0;}

.leader img {clear:left;display: inline; float: left; padding-right: 25px; padding-top: 5px; padding-bottom:10px;}


/*nav*/
#Campus {
	width:148px;height:45px;position:absolute;z-index:4;top:195px;left:470px;
}
#Blog {
	width:148px;height:45px;position:absolute;z-index:4;
top:195px;left:640px;}
#Resources {
	width:148px;height:45px;position:absolute;z-index:4;
top:195px;left:810px;}
/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*text*/

p {clear:left;line-height:1.5em;font-size:1.5em;padding-bottom:10px;}

h1 {
	color:#CB3B2D;font-size:21px;font-weight:normal;
}

#footer h2 {

text-shadow: 0px 0px .1em white, 0 0 .1em white, 0 0 0.1em white;}

h2 {text-shadow: 0px 0px 1px black, 0 0 .5em black, 0 0 0.1em black;font-size:2.6em;font-weight:normal;padding-bottom:4px;border-bottom:1px solid #000000;margin-bottom:18px;color:#CB3B2D;}

.screen-reader-text {display:none;}



h2 a {color:#FFFFFF;}

h3 {font-size:1.5em;color:#8F733C;font-weight:normal;}

h3 a {color:#8F733C;text-decoration:none;}

h4 {
	font-size:1.8em;color:#35352C;padding-bottom:10px;font-weight:normal;
}

h4 span {
	color:#CB3B2D;
}

h6, h6 a {color:#FFFFFF;font-size:1.1em;font-weight:normal;padding-bottom:10px;clear:left;}

#footer h6 {
	display:inline;font-size:1.1em;color:#CCCCCC;font-weight:normal;float:left;clear:none;}

#footer h6 a {
	color:#CB3B2D;
}

#footer h6 a:hover {
	color:#FFFFFF;
}
.intro h2 {
	font-size:1.5em;border:0;padding-top:10px;padding-bottom:10px;color:#111111;
text-shadow: 0px 0px 0px black, 0 0 0 black, 0 0 0 black;
}

.intro h2 a {
	color:#548977;font-weight:bold;
text-shadow: 0px 0px .2em white, 0 0 .1em white, 0 0 0.1em white;

}

.intro h2 a:hover {
	color:#CB3B2D;
}

.post {
	padding-top:80px;
}

.post ul {
	margin-left:40px;font-size:1.2em;list-style-type:circle;margin-bottom:10px;
}

.post li {
	margin-bottom:5px;
font-weight:bold;}

.post h4 {
	color:#FFDC8B;font-size:1.9em;clear:left;
text-shadow: 0px 0px 1px black, 0 0 .5em black, 0 0 0.1em black;}

.post h5 {
	color:#FFDC8B;font-size:1.4em;font-weight:normal;clear:left;
}

ul {list-style:none;}

ol {margin-left:25px;}

#home li {font-size:1.5em;padding-bottom:10px;font-weight:normal;}

#home li strong {font-weight:bold;color:#A8AC7E;font-weight:bold;}

a {text-decoration:none;color:#FFFFFF;}

p a {
	text-decoration:none;font-weight:normal;color:#C7C1A3;border-bottom:1px dotted #4A4A40;padding-bottom:2px;margin-bottom:5px;
}

p a:hover {
	text-shadow: 0px 0px .2em black, 0 0 .1em black, 0 0 0.1em black;color:#FFFFFF;border-bottom:1px #CCCCCC dotted;padding-bottom:2px;
}

#footer a {border-bottom:0;color:#111111;text-shadow:0 0 0, 0 0, 0 0 0;}

#footer a:hover {border-bottom:0;color:#CB3B2D;}
a:active {position:relative;top:1px;left:1px;}

/*hax*/

.hidden {display:none;}

.space {
	top:-10px;left:384px;
}

#s {
	width:100px;
}

img {
	border:0;
}

.post p strong {
	color:#FFDC8B;
}

div.growlUI { background: url(check48.png) no-repeat 10px 10px }
div.growlUI h1, div.growlUI h2 {
	color: white; padding: 5px 5px 5px 75px; text-align: left
}

.addtoany_share_save_container {
	float:left;clear:left;
}

.credit {
	width:960px;margin:0 auto;clear:left;
}

.credit h4 {
	color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: lowercase;
	font-weight:normal;
	font-size: 11px;
	margin:10px 25px;
	text-align:center;
}
.credit h4 a {
	color: #989B9C;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	font-weight:bold;
	text-decoration:none;
	font-size: 10px;
}
.credit h4 a:hover {
	font-size:11px;
	color: #FFFFFF;
	}
