/* 
==================================================
Special Problems Styles - 2009
==================================================
*/

* {margin: 0; padding: 0;}

body {line-height: 14px; color: #333; font-family: Helvetica, Verdana, Arial, sans-serif; background-color: #999;}
/*body {line-height: 14px; color: #333; font-family: "Lucida Grande", "Lucida Sans", Verdana, "Arial"; background-color: #999;}*/
	
form {display:inline;}

ul, ol {list-style: none;}

img {border: none;}

p, div {font-size: 11px;}
/*p + p {text-indent: 15px;}*/

blockquote {padding: 14px 0; font-family: Times New Roman, serif; font-size: 22px; line-height: 22px;}

/*q {font-family: Times New Roman, serif; font-weight: normal; font-size: 14px; line-height: 18px;}*/

h1 {font-family: 'Times New Roman', Times, Serif; font-weight: normal; font-size: 13px; padding-top: 14px;}
h2 {display: inline; font-size: 11px; text-transform: uppercase; font-weight: normal;}
h3 {margin-bottom: 30px;}
h4 {font-weight: normal;}
h5 {}
h6 {}

.home_col2 {color: #666;}
.new {color: #85ffc5;}
.pull, .projectcredit {color: #666;}
.projectcredit {padding-top: 14px;}
.thumb {padding-bottom: 0px;}

a,
a:hover {text-decoration: none; color: #e9e9e9;}
a:hover {text-decoration: none; color: #fff;}
a.pulllink {text-decoration: underline; color: #333;}
a.pulllink2 {text-decoration: none; color: #333;}

#content_shell {float:left; padding: 28px 0 0 35px; width:640px; text-align:left; clear: left;}

/* DEV Start */

	.grid {background: url(../images/baseline.gif);}
	
/* DEV Stop */

	#showreel {margin-top: 56px; border-top: solid 1px #666; width: 100%;}
	/*.reel a {color: #666;}
	.reel:hover {background-color: #333;}*/

	#info-wrap-all, #colwrap-info, #colwrap-archive, .colwrap-project, .colwrap-project-home, #footer {clear: left; float: left; border-top: solid 1px #666; width: 100%;}
		#lastwrap {border-bottom: solid 1px #666;}
	#colwrap-info, #colwrap-archive {border-top: dotted 1px #666; margin-bottom: 14px;}
	#info-wrap-all {border-top: dotted 1px #666;}
	#info-wrap-all p, #colwrap-info p {clear: left; padding-top: 14px;}
	#info-wrap-all .col-grid-double, #colwrap-info .col-grid-double {padding-top: 0;}
	.colwrap-project {text-align: left; padding: 14px 0;}
	.colwrap-project-home {padding: 0;}
	/*.colwrap-project-home:hover {background-color: #666;}*/
		
	.col-grid-single {float:left; width: 120px; padding: 14px 40px 0px 0;}
	.col-grid-double {float:left; width: 280px; padding: 14px 40px 14px 0;}
	.web {clear: left;}
	
	#hometitle-col {float:left; padding: 0; color: #666;}
		#hometitle-col a {text-indent: -5000px; height: 42px; width: 200px; cursor: pointer; display: block; background: url(../images/specialproblems-logo.png) no-repeat;}
		#hometitle-col a:hover {background-position: 0 -42px;}
		
	.viewnav {clear: left; padding-bottom: 13px;}
	.viewnav li {display: inline;}
	
	.home_col1 {float:left; padding: 0 14px 0 0;}
	.home_col2 {float:left; padding: 14px 0 0 0; width: 401px;}
	#video1 {padding-top: 14px;}
	#slideshow {cursor: pointer;}
	.slideshowundervideo {padding-top: 14px;}
	.home_col3 { float:left; width:500px; padding: 7px 30px 0px 0px;}
	.home_col4 {float:left; width:600px; padding: 7px 30px 0px 0px;}
	
	.content-col1 {float:left; width:450px;}
	.project-col1 {padding-bottom: 13px;}
	
	#colwrap-archive h1 {padding-top: 14px;}
		
#footer {float:left; width: 100%; padding: 14px 0 28px 0; text-align: left; clear: both; font-family: 'Times New Roman', Times, Serif; font-size: 12px;}