/* CSS Document */

/* overkill reset */
* { margin:0; padding:0; outline:0; line-height:1; }

/* ==================================================================== =base */
body {
	background:#34507E url('images/bg.gif') top left repeat-x;
	text-align:center;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 70%;
	color:#65645B;
	}
a { color:#1B62BF; }
a:hover {text-decoration:none;}
:focus {outline:0;}
h1,h2,h3,h4,h5,h6 { margin-bottom:6px; }
p { margin-bottom:14px; line-height:1.4; }
ul, ol, dl {margin-left:20px;margin-bottom:12px;}
li {line-height:1.4;}
h2 {font-size:18px; letter-spacing:-1px;}

.padT {padding-top:12px;}
.bumpT {margin-top:12px;}
.bumpR {margin-right:8px;}
.bumpB {margin-bottom:12px;}
.bumpL {margin-left:8px;}
.floatL {float:left;}
.floatR {float:right;}
.hideMe { display:none; }
.border1 {background-color:#fff;padding:2px;border:1px solid #999189;}
.sideTop {margin-bottom:5px;}
.picLeft {float:left;margin-right:8px;}
.picRight {float:right;margin-left:8px;}

.newsBox {border-bottom:1px solid #ccc;margin-bottom:10px;height:60px;}
.newsBox img {float:left;border:1px solid #000;}
.newsBox h3 {margin:0 0 0 50px;padding-top:12px;}
.newsBox p {margin-left:50px;}

.gallery img {background-color:#fff;padding:3px;border:1px solid #999189;margin:0px 5px 16px 5px;}

#bodyWrap {
	margin:0 auto;
	text-align:left;
	width:748px;
	}

/* ==================================================================== =header */
#header {
	margin-top:31px;
	height:165px;
	background: url('images/bg-header.gif') top left no-repeat;
	}
#header h1 { text-indent:-9000px;font-size:11px; }
#header h3 { text-indent:-9000px;font-size:11px; }

/* ==================================================================== =navigation */
ul#nav {
	height:36px;
	background-color:#fff;
	list-style:none;
	padding-bottom:6px;
	margin:0;
	}
ul#nav li {
	float:left;
	display: inline;
	line-height: 1;
	}
ul#nav li a {
	display: block;
	width:186px;
	height:34px;
	line-height:34px;
	color:#fff;
	font-weight:bold;
	font-size: 110%;
	text-decoration:none;
	border:1px solid #000;
	margin-right:-1px;
	text-align:center;
	background:#1757AF url('images/nav-bg-all.gif') 0px 0px repeat-x;
	}
ul#nav li a:hover {background:#53A8FF url('images/nav-bg-all.gif') 0px -68px repeat-x;}

/* set active tab based on body id */
#home #nav-home a,
#projects #nav-projects a,
#involved #nav-involved a,
#about #nav-about a {background:#2D87FF url('images/nav-bg-all.gif') 0px -34px repeat-x;}


/* ==================================================================== =content */
#contentWrap {background:#fff url('images/bg-content.gif') top left repeat-y;}
#contentWrap.oneCol {background:#fff url('images/bg-content-1col.gif') top left repeat-y;}

#content { 
	float:left; 
	display:inline;
	width:480px; 
	margin:14px 20px 14px 20px;
	}
#contentWrap.oneCol #content {width:700px;}


/* ==================================================================== =content-posts */
.post { border-bottom:1px solid #cbcac5; margin-bottom:12px; }
.post h2 a {text-decoration:none;}
.entry {margin-top:8px;}
.postmetadata {font-size:10px;}

.navigation {margin-bottom:6px;}

#commentform textarea { width:478px; }

/* ==================================================================== =sidebar */
#sidebar { 
	float:left; 
	display:inline;
	width:198px; 
	margin:14px 0 14px 14px;
	}
#sidebar h2 { font-size:13px; letter-spacing:0; }
#sidebar ul { list-style-type:none; margin:0 0 20px 0; padding:0; }
#sidebar li { margin:0 0 10px 0; padding:0; }
#sidebar ul ul { margin-bottom:0; }
#sidebar li li{ margin:0 0 0 10px; padding:0; }
#sidebar input#s { width:120px; height:17px; }
#sidebar input#searchsubmit { font-family:Tahoma,Verdana; font-size:11px; }

/* ==================================================================== =footer */
#footer {
	background:url('images/bg-footer.gif') top left repeat-x;
	padding-top:7px;
	margin-bottom:14px;
	}
#footer p {
	background-color:#718EB9;
	margin:0 10px;
	text-align:center;
	color:#C3D5EA;
	height:34px;
	line-height:34px;
	border:1px solid #1F3047;
	border-top:none;
	}
#footer a {color:#C3D5EA;}

/* ==================================================================== =P.I.E. float clearing */
.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 */