/*
THEME NAME:TCS Centers
THEME URI:http://thechicagoschool.edu
DESCRIPTION:This theme was once loosely based on Corporate Sandbox
VERSION:1.1
AUTHOR:<a href="http://nathangjones.com">nate jones</a>
AUTHOR URI:http://nathangjones.com
*/

/* BASICS */
html{
height:100%;
margin:0;
padding:0;
width:100%;
}
* {
margin:0;
padding:0;
}
body {
background:#0097A1;
font-family:Arial, Helvetica, sans-serif;
font-size:.88em;
padding:0;
height:100%;
width:100%;
}
#wrapper{
width:1060px;
min-height:100%;
height: auto !important;
margin:0 auto -40px auto;
padding:0;
background:#fff url(images/wrapperbg.png) top left repeat-y;
display:block;
}

/* START HEADER + NAVIGATION */
#navcontainer{
background: url(images/navbg.png) 0 0 repeat;
width:100%;
height:50px;
display:block;
position:absolute;
z-index:10;
border-bottom:solid 1px #d8d8d8;
margin:0;
left:0;
top:0;
}
	#innernavcontainer{
	width:1024px;
	margin:0 auto;
	}
	
	#navigation {
	list-style: none;
	padding:0;
	width:824px;
	height:50px;
	margin:0 auto;
	float:left;
	display:inline;
	}
		#navigation li {
		float: left;
		padding:0;
		margin:0;
		}
			#navigation a, #navigation a:visited{
			height: 50px;
			position: relative;
			display:block;
			background: url(images/headerbg.png) 0 0 repeat-x;
			outline:none;
			border:none;
			font:normal 500 1.5em 'Arial Narrow',Futura,Arial;
			line-height:2.3em;
			color:#0097A1;
			text-transform:uppercase;
			text-decoration:none;
			text-shadow: #fff 1px 1px 0;
			padding:0 20px;
			}
			#navigation a:hover {
			background-position: 0 -50px;
			}

	.search{
	width:190px;
	height:30px;
	padding:5px;
	margin:0;
	display:inline;
	float:left;
	}
	.search .searchinput{
	line-height:1.4em;
	font:normal 100 1.5em arial;
	height:1.4em;
	background:#f4f4f4;
	width:150px;
	margin-right:6px;
	color:#999;
	}
.header{
height:200px
width:1024px;
border:none;
padding:0;
margin:0;
display:block;
}	
/* END HEADER + NAVIGATION */

/* START HOME */
#homecontainer{
width:1024px;
padding:0;
display:inline;
position:relative;
margin:0 0 40px 18px;
float:left;
background:transparent;
min-height:100%;
}
#homeimage{
width:1024px;
height:300px;
display:block;
margin:0;
float:left;
padding:0;
border:none;
position:relative;
}
#homecontent{
margin:0 0 20px 0;
width:1024px;
padding:0;
display:inline;
position:relative;
float:left;
min-height:100%;
border-top:solid 1px #d8d8d8;
}
#frontpost{
width:700px;
display:inline;
float:left;
margin:10px 10px 0 10px;
padding:0;
}
#frontpost .clearfloat{
background:#fff;
width:700px;
min-height:140px;
display:inline;
float:left;
margin:10px 0;
padding:5px;
}
#frontpost .clearfloat .info p{
margin:6px;
font:normal 500 1.2em Arial;
color:#565656;
line-height:1.5em;
}
#frontpost .clearfloat .info ul{
width:680px;
list-style:outside;
padding:0 0 0 20px;
margin:20px 0 0 20px;
font:normal 500 1.2em Arial;
color:#565656;
}
#frontpost .clearfloat .info ul li{
margin:7px 0;
}
#frontpost .clearfloat .info a, #frontpost .clearfloat .info a:visited{
font:normal 500 2.3em Georgia;
color:#0097A1;
text-decoration:none;
background:transparent;
padding:4px;
line-height:1.3em;
}
#frontpost .clearfloat .info a:hover{
background:#d8d8d8;
}
#feature{
width:280px;
display:inline;
float:left;
margin:20px 10px 0 10px;
padding:0;
}
#feature .clearfloat{
border-bottom:solid 1px #d8d8d8;
min-height:140px;
display:inline;
float:left;
margin:10px 0;
padding:5px 5px 5px 10px;
}
#feature .clearfloat .info p{
margin:6px 0;
font:normal 500 .9em Arial;
color:#999999;
line-height:1.3em;
}
#feature .clearfloat .info a.title, #feature .clearfloat .info a.title:visited{
font:normal 500 1.2em Georgia;
color:#0097A1;
text-decoration:none;
background:transparent;
padding:4px 0;
line-height:1.4em;
display:block;
}
#feature .clearfloat .info a.title:hover{
background:#d8d8d8;
}
#feature .info img{
float:left;
display:inline;
height:80px;
width:80px;
margin:10px 4px 4px 0;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
#feature .clearfloat .info a img, #feature .clearfloat .info a img:visited, #feature .clearfloat .info a img:hover{
background:transparent;
}
/* END HOME */



#container {
width:1024px;
padding:0;
display:inline;
position:relative;
margin:0 0 0 18px;
float:left;
min-height:100%;
}
#content {
margin:0 0 20px 0;
width:1024px;
padding:0;
display:inline;
position:relative;
float:left;
min-height:100%;
background:#fff;
}
#pagecontainer {
width:700px;
padding:0;
display:inline;
position:relative;
margin:0 0 0 18px;
float:left;
min-height:100%;
}
#pagecontent {
margin:0 0 20px 0;
width:700px;
padding:0;
display:inline;
position:relative;
float:left;
min-height:100%;
background:#fff;
}

img.left{
padding:3px;
background:#fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius:3px;
border: 1px solid #d8d8d8;
float:left;
display:inline;
margin:5px 7px 3px 0;
}


/* START SEARCH */
.searchlist{
background:#fff;
border-bottom:solid 1px #d8d8d8;
width:800px;
display:inline;
float:left;
margin:15px 0;
padding:5px;
}
.searchlist .info{
display:block;
}
.searchlist .info a, .searchlist .info a:visited{
font:normal 500 1.4em Georgia;
color:#0097A1;
text-decoration:none;
background:#fff;
padding:4px;
}
.searchlist .info a:hover{
background:#d8d8d8;
}
.searchlist .info p{
margin:6px;
font:normal 500 1em Arial;
color:#565656;
}
.searchlist img{
float:left;
display:inline;
height:80px;
width:80px;
margin:0 4px 4px 0;
border:solid 1px #d8d8d8;	
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
/* END SEARCH */


/* START FOOTER */
#heavy{
height:40px;
width:100%;
clear:both;
display:block;
}
#footer{
clear:both;
width:1024px;
margin:0 auto;
padding:5px 0;
background:#fff;
text-align:center;
font:normal 500 .8em arial;
color:#999;
display:block;
height:30px;
}
#footer a {
color:#999;
}
/* END FOOTER */



/* General */

img {
border:0;
}

.separator {
color:#CCCCCC;
margin:0 5px;
}

.clear {
clear:both;
font-size:0;
height:0;
}

.meta-sep {
color:#CCCCCC;
margin:0 5px;
}

.floater-left {
float:left;
}

.floater-right {
float:right;
}


#menu ul {
display:inline; /* Added to fix the double margin in IE6 */
list-style:none;
}

#menu ul li {
display:inline; /* Added to fix the double margin in IE6 */
float:left;
margin-left:10px;
padding:15px 10px;
}

#blog-title {
font:normal 500 3em arial;
margin:40px 0 0 20px;
}

#blog-title a {
color:#D3DDCA;
}
#blog-description {
font-size:120%;
font-weight:normal;
margin:0 0 0 20px;
}

/* Content */
h1{
font:normal 500 2.3em georgia;
color:#0097A1;
text-transform:uppercase;
left:-9999px;
position:absolute;
}
h2{
font:normal 500 2em georgia;
color:#0097A1;
margin:20px 5px 10px 5px;
}
.entry-content h3{
font:normal 800 1em arial;
color:#333;
margin:10px 20px 0 0;
padding:10px;
background: #d8d8d8;
}
.entry-content h4{
font:normal 500 1em arial;
color:#333;
margin:10px 20px 10px 0;
padding:10px;
background: #f4f4f4;
}

.post {
display:block;
}
.entry-title{
margin-left:20px;
}
.entry-title a, .entry-title a:visited {
color:#0097A1;
text-decoration:none;
padding:4px 0;
background:#fff;

}
.entry-title a:hover{
background:#d8d8d8;
}
.entry-content {
margin:15px 0;
display:block;
padding:0 20px;
}
.entry-content p {
font:normal 500 1em arial;
margin:14px 0;
color:#565656;
line-height:1.6em;
}
.entry-content strong {
font-weight:800;
color:#3F3D3D;
}
.entry-content a, .entry-content a:visited{
color:#0097A1;
text-decoration:none;
padding:4px 0;
background:#fff;
}
.entry-content a:hover{
background:#d8d8d8;
}
.entry-content img a, .entry-content img a:visited{
color:#0097A1;
text-decoration:none;
padding:0;
background:transparent;
}
.entry-content img a:hover{
background:transparent;
}
.entry-content ul{
margin:10px 30px;
color:#565656;
list-style:disc;
list-style-position:inside;
padding-left:10px;
}
.entry-content ol {
margin:10px 30px;
color:#565656;
list-style-position:outside;
padding-left:10px;
}

.entry-content ul li, .entry-content ol li {
margin:10px 0;
font:normal 500 .9em arial;
}

.alignright{
float:right;
display:inline;
margin:2px 10px 2px 2px;
}

/* START SIDEBAR */
#sidebar{
width:324px;
display:block;
float:right;
margin:200px 18px 0 0;
padding:20px 0 0 0;
position:relative;
min-height:100%;
background:transparent;
}

.widgettitle, a.widgettitle, a.widgettitle:visited{
font:normal 500 1.6em Georgia;
color:#0097A1;
text-decoration:none;
background:transparent;
padding:0;
margin:0;
display:block;
text-align:center;
}
a.widgettitle:hover{
background:transparent;
}
#sidebar ul {
list-style:none;
display:block;
width:260px;
margin:0 auto 10px auto
}
#sidebar ul li {
width:260px;
float:left;
display:block;
padding:0;
margin:0 0 15px 0;
border-bottom:solid 1px #d8d8d8;
}
#sidebar ul li ul{
margin:0;
}
#sidebar ul li ul li{
width:250px;
float:left;
display:block;
background:transparent;
margin:0 5px;
border:none;
padding:5px 0;
line-height:1.4em;
text-align:right;
}
#sidebar ul li ul li a, #sidebar ul li ul li a:visited{
color:#0097A1;
text-decoration:none;
padding:2px 0;
background:#fff;
font:normal 500 .88em arial;
line-height:1.2em;
}
#sidebar ul li ul li a:hover{
background:#d8d8d8;
}
/* END SIDEBAR */



.error404{
margin:80px 0 0 0
}
.wp-caption{
background:#f4f4f4;
border:solid 1px #d8d8d8;
margin:6px;
padding:4px 4px 2px 8px;
text-align:center;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
font:normal 500 11px arial;
}
.wp-caption-text{
font:normal 500 11px arial;
color:#000;
text-align:left;
}
.entry-content table{
border:none;
display:block;
padding:0;
margin:10px 0 20px 0;
width:100%;
font:normal 500 .9em arial;
color:#565656;
line-height:1.4em;
vertical-align:top;
text-align:left;
}
.entry-content table img{
padding:3px;
background:#fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius:3px;
border: 1px solid #d8d8d8;
float:left;
display:inline;
margin:5px 7px 3px 0;
}
.hint{
border:none;
outline:none;
width:133px;
height:32px;
background:url(images/image-hint.jpg) top left no-repeat;
float:right;
display:none;
margin:0;
padding:0;
text-decoration:none;
}
.searchlist .info a.readmore, .searchlist .info a.readmore:visited{
font:normal 500 1em arial;
float:right;
color:#0097A1;
text-decoration:none;
background:#fff;
padding:4px 0;
}
.searchlist .info a.readmore:hover{
background:#d8d8d8;
}
.directions{
float:left;
display:inline;
margin:10px 30px 15px 0;
font:normal 500 .9em arial;
color:#565656;
line-height:1.5em;
width:300px;
}
.directions a{
line-height:1.9em;
}
#map{
font:normal 500 .88em arial;
color:#000;
line-height:1.3em;
text-align:left;
margin:20px 0;
width:700px;
height:300px;
display:block;
clear:both;
}
#map a, #map a:visited{
font:normal 500 .88em arial;
color:#003f61;
text-decoration:underline;
padding:0;
background:transparent;
}
#map a:hover{
font:normal 500 .88em arial;
color:#00539b;
text-decoration:underline;
padding:0;
background:transparent;
}