/*
Theme Name: Raising Students
Theme URI: http://upwardvelocity.com
Description: Custom for class proj.
Author: Drew Covi
Author URI: http://drewcovi.com/
Tags: blue, custom header, fixed width, two columns, widgets

*/



/* Begin Typography & Colors */

/* CSS Document */
*{margin: 0; padding: 0;}
html {
	color: white;
	font: 125% Arial, Helvetica, sans-serif;
}
body {
	font-size: 50%;
	background: #001a57 url(img/bg2.gif) center top;
}
.alignleft{display: block; float: left; margin: 0 10px 10px 0;}
.alignright{display: block; float: right; margin: 0 0 10px 10px;}
.navigation{clear: both;}
/*/////////LAYOUT///////////////////////////////////////////*/
#home #container{
	background: url(img/container-home.gif) repeat-x;}
	#container{
	background: url(img/container.gif) repeat-x;}
	#home #header{
		background: url(img/header.jpg) no-repeat center top;
		height: 454px;
		}
		#header{
				background: url(img/nav.gif) no-repeat center top;
				height: 41px;
		}
		#home #header .extra{
			width: 933px;
			height: 100%;
			margin: 0 auto;
			position: relative;}
			#header div div{}
			h1, .description{
				position: absolute;
				height: 0;
				overflow: hidden;
			}
			h1 a{}
	#middle{
		background: url(img/middle.gif) repeat-x bottom left;
	}
	#middle .extra{
		
		background: url(img/middle-bottom.gif) no-repeat bottom center;
		width: 933px;
		min-height: 500px;
		margin: 0 auto;
		padding: 20px 0 150px;
		position: relative;
		clear: both;}
		#home #nav{ background: none;
					height: auto;}
			#nav{
				height: 41px;
				width: 933px;
				margin: 0 auto;
				position: relative;
			}
			#nav li{
				display: inline;
			}
			#nav a{
				line-height: 33px;
				font-size: 1.3em;
				text-transform: uppercase;
				text-decoration: none;
				color:#000033;
				display: block;
				padding: 0 10px;
				margin: 0 5px;
				float: left;
			}
			#nav a:hover, #nav a.current{
				background: #CAD8FF;
			}
			#subnav{
				width: 680px;
				height: 68px;
				position: absolute;
				bottom: 26px;
				left: 34px;
				
			}
			#subnav a{
				display: block;
				float: left;
				padding-top: 68px;
				height: 0;
				overflow: hidden;
				margin: 0 5px;
				background: url(img/home-buttons.gif) no-repeat;
			}
			#subnav li{
				display: inline;
			}
			#sub1 a{
				width: 162px;
			}
			#sub1 a:hover{
				background-position: 0 -136px;
			}
			#sub1 a:active{
				background-position: 0 -68px;
			}
			#sub2 a{
				width: 254px;
				background-position: -173px 0;
			}
			#sub2 a:hover{
				background-position: -173px -136px;
			}
			#sub2 a:active{
				background-position: -173px -68px;
			}
			#sub3 a{
				width: 194px;
				background-position: -436px 0;
			}
			#sub3 a:hover{
				background-position: -436px -136px;
			}
			#sub3 a:active{
				background-position: -436px -68px;
			}
		#content{
			width: 380px;
			float: left;
			margin: 5px 25px;}
		#content-wide{
			float: left;
			width: 655px;
			margin-right: 30px;
		}
		#bottom{}
	#footer{
		padding: 1px 0;
		background: url(img/footer.gif) repeat-x;
		
		}
		#footer li{
			display: inline;
			list-style: none;
		}
		#footer ul{
			text-align: center;
		}
		#footer{
			text-align: center;
		}
		#footer .extra{
			margin: 0 auto;
			position: relative;
			width: 933px;
		}
		.commentlist li{
			margin: 2em 0;
			position: relative;
		}
		img.avatar{
			float: right;
			display: block;
		}

/*/////////Forms////////////////////////////////////////*/

fieldset{
	position: relative;
	padding: 5px;
	border: 1px solid #333333;}

legend {font-size: 1.3em; color: #333333;}

label{ 
	display: block;
	float: left; 
	width: 150px;
	padding: 0;
	line-height: 20px;
	color: #fff;
	margin: 5px 0 0;
	text-align: left;}
.sg_QuestionSet label{
	width: auto;
	float: none;
	display: inline;
	text-align: left;
}
#commentform label{
	width: 300px;
	padding: 2px 5px;
	font-size: 1.5em;
}
#sidebar-left ul,#sidebar ul, #sidebar-right ul{
	list-style: none;
}
#sidebar-left{
	width: 255px;
	float: left;
	
}
#sidebar{
	width: 245px;
	float: left;
}
#sidebar-right{
	width: 245px;
	float: left;
}

input, textarea {
	width: 200px;
	margin: 5px 0 0 0px;
	border: none;
	padding: 5px 5px 0;
	background: #254884 url(img/input.gif) repeat-x;
	border-width: 0px;
	color: #333333;
	}
	input.sg_Radio{
		width: auto;
		height: auto;
	}
	#commentform input{
	float: left;
	}
	#searchsubmit{
		display: none; 
	}
	input{
		line-height: 15px;
		height: 22px;}
	input:focus, textarea:focus{
		background: #c0d3f4 url(img/input-active.gif) repeat-x;
	}
		
#sidebar-left input, #sidebar input{
	width: 235px;
	height: 22px;
}
textarea {
	overflow: auto;
	width: 500px;}

form .required{font-weight:bold;}

#commentform {
	margin: 1em 15px;}
form br {clear:left;}
#sidebar form{
	margin: 0 0 15px 0;
}
button, input#submit, input#sg_SubmitButton {
	color: white;
	background: #0066FF !important;
	letter-spacing: 1px;
	padding: 2px 5px;
	text-transform:uppercase;
	border-color: #e0e0e0 #b0b0b0 #b0b0b0 #e0e0e0;
	float: left;
	width: auto;
	height: 30px;}
	
.checkbox{
	width: auto;}
	
#loadBar, #emailSuccess{
	text-align: center;}
.linkcat a:hover{
	color: white;
	text-decoration: underline;
}

/*/////////sIFR/////////////////////////////////////////*/
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;}
	
.sIFR-replaced {visibility: visible !important;}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;}


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash .post h2{
	display: inline;
	visibility: hidden;

}
.sIFR-hasFlash h3 span, .sIFR-hasFlash #sidebar-right h2, .sIFR-hasFlash #sidebar h2, .sIFR-hasFlash .page-title{
	visibility: hidden;
}
/*/////////BUTTONS////////////////////////////////////////*/


/*/////////TYPOGRAPHY/////////////////////////////////////*/
a{
	color: #FF9900;
}
h4{
	font-size: 1.7em;
	margin: 1em;
	color:  #9dabd0;
	border-bottom: 1px solid #9dabd0;
	font-weight: normal;
}
.sg_QuestionTitle{
	color: white;
	font-size: 1.8em;
	font-weight: normal !important;
}
h3{
	background: url(img/bg-h3.gif) repeat-x left bottom;
	font-size: 2.4em;
}
.post h3, .post h2, .page-title{
	font-size: 2.8em;
	font-weight: normal;
	background: none;
	color: #9dabd0;
	margin: 1em 0 0;
}
.postmetadata{
	margin: 1em 0;
	color: #5c7e9e;
	line-height: 1em;
}
.postmetadata a{
	color: #0099FF;
}
.post h3{
	font-size: 2.2em;
}
.post h3 a{
	color: white;
	text-decoration: none;
}
.post, #sidebar, #sidebar-left, #sidebar-right{
	margin: 10px 0;
}
#sidebar-right h2, #sidebar h2{
	background: url(img/bg-h3.gif) repeat-x left bottom;
	height: 24px;
}
p, .linkcat a{
	font-size: 1.4em;
	line-height: 1.4em;
	color: #9dabd0;
	text-decoration: none;
}
p{
	margin: 1em 0;
}
td{
	background: #9dabd0;
}
.linkcat li{
	margin: 1em 0;
}
.sg_QuestionSet{
	font-family: Arial, Helvetica, sans-serif;
}

/*/////////CLEARFIX///////////////////////////////////////*/
.clearfix:after, #work-list li:after, #middle .extra:after, .navigation:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: block;}




/*///////Lightbox//////////////////////////////////////////*/


#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(img/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/assets/img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/assets/img/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	opacity: 0.6;
	}
/* End Various Tags & Classes*/



/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */