/*
Ohio University
September 30, 2009
Caleb White
Pursuant
*/

/****CSS Reset by Erik Meyer****/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
/*********END CSS RESET*********/

img, div, a, ul { behavior: url(js/iepngfix.htc) }

/***************************
*******GENERAL STYLES*******
***************************/
body  {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size:13px;
	line-height:20px;
	color:#666;
	background:#6BBECF url(../img/bg.jpg) top left repeat-x;
	padding-top:10px;
}
#mainwrap {
	width:960px;
	margin:0 auto;
	position:relative;
	background:url(../img/bordertransparency.png) repeat;
	padding:10px;
}
#mainblock {
	position:relative;
	background:#fff;
	padding-bottom:10px;
}
a {
	color:#000;
}
h2 {
	font-size:3em;
	color:#000;
}
h3 {
	font-weight:normal;
	font-size:1.2em;
	font-style:italic;
	margin:10px 0;
}
h5 {
	font-size:1.2em;
	margin-bottom:10px;
	color:#333;
}
/***************************
**********HEADER************
***************************/
#header {
	border-bottom:1px #ebebeb solid;
	height:53px;
	padding:20px 10px 0px 10px;
	margin-left:10px;
	width:920px;
}
h1 {
	text-indent:-9999em;
	display:block;
	width:266px;
	height:43px;
	background:url(../img/mainlogo.jpg) top left no-repeat;
	float:left;
}
h1 a {
	text-indent:-10000px;
	display:block;
	width:266px;
	height:43px;
}
#nav {
	float:right;
	margin-top:28px;
	width:650px;
}
#nav li {
	float:right;
	margin-left:14px;
	font-size:.8em;
}
#nav li a {
	color:#666;
	text-decoration:none;
}
/***************************
*****GENERAL TEMPLATING*****
***************************/
.content {
	position:relative;
	margin:10px 0 0 10px;
	height:431px;
}
#scrollnav {
	position:absolute;
	top:80px;
	right:20px;
	z-index:100;
}
#scrollnav a {
	color:#666;
	text-decoration:none;
}
#scrollnav a.current {
	font-weight:bold;
	text-decoration:underline;
}
#scrollnav li {
	float:right;
	margin-left:7px;
	font-size:.9em;
}
#scrollnav li.arrow a {
	display:block;
	text-indent:-10000px;
	width:14px;
	height:14px;
	margin-top:4px;
}
#scrollnav li.btnright {
	margin-left:5px;
}
#scrollnav li.btnright a {
	background:url(../img/arrowright.jpg) top left no-repeat;
}
#scrollnav li.btnleft a {
	background:url(../img/arrowleft.jpg) top left no-repeat;
	margin-left:10px;
}
#spread2, #spread3, #spread4, #spread5, #spread6, #spread7, #spread8 {
	display:none;
}
.captionimg {
	position:relative;
}
a.captionbtn {
	display:block;
	width:36px;
	height:35px;
	background:url(../img/btncaption.png) top left no-repeat;
	position:absolute;
	text-indent:-10000px;
	right:0;;
	bottom:10px;
	z-index:100;
}
.captionoverlay {
	background:url(../img/captionbg.png) repeat;
	height:405px;
	color:#fff;
}
.captionoverlay p {

}
.captionoverlay p.bigger {
	font-size:1.15em;
	padding:150px 50px 0;
}
.captionhidden {
	display:none;
}
.textoverlaytop {
	position:absolute;
	top:0;
	left:0;
	background:url(../img/textfadetop.png);
	height:20px;
	width:400px;
	z-index:100;
}
.textoverlaybot {
	position:absolute;
	bottom:0;
	left:0;
	background:url(../img/textfadebot.png);
	height:82px;
	width:400px;
}
.filler {
	margin:5px 10px;
	float:left;
}
.scrolling {

}
.scrolled {
	padding-bottom:100px;
}
.scrolled p {
	margin-bottom:10px;
}
.giantright {
	display:block;
	text-indent:-10000px;
	background:url(../img/arrowbigright.png) top left no-repeat;
	width:84px;
	height:84px;
}
.justcite {
	padding-top:312px;
}
.threelinecite {
	padding-top:270px;
}
.dropcap { 
	float:left;
	font-size:70px;
	line-height:55px;
	padding: 2px 3px 0 0;
}
/***************************
*********HOME PAGE**********
***************************/
#home {
	background:#6D8062;
}
#home .content {

}
#home h2 {
	font-size:5.5em;
	position:absolute;
	color:#fff;
	top:226px;
	left:77px;
}
#home h3 {
	top:283px;
	left:193px;
	color:#fff;
	position:absolute;
}
#home .content p {
	position:absolute;
	top:300px;
	left:80px;
	width:535px;
	color:#fff;
}
#home .homearrow {
	display:block;
	text-indent:-10000px;
	background:url(../img/arrowbigrightwhite.png) top left no-repeat;
	width:77px;
	height:77px;
	position:absolute;
	top:222px;
	right:75px;
}

#home h2, #home h3, #home a {
	z-index:100;
}

#slideshow {
    position:relative;
    height:350px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}
#slideshow IMG.last-active {
    z-index:9;
}

/***************************
*********BACKPAGE 1*********
***************************/
.back1 {
	
}
.back1 .content {
	
}
.back1 .leftcol {
	float:left;
	width:350px;
	margin-left:10px;
	margin-top:25px;
	overflow:hidden;
	height:403px;
}
.back1 .rightcol {
	float:right;
	margin:25px 10px 0 0;
	width:540px;
	height:405px;
}
.back1 .leftcol h2 {
	margin-top:10px;
}
.back1 .textoverlaytop {
	top:15px;
}
/***************************
*********BACKPAGE 2*********
***************************/
.back2 {
	
}
.back2 .content {
	
}
.back2 .leftcol {
	float:left;
	width:701px;
	margin-top:1px;
	height:429px;
	background:url(../img/back2img.jpg) top left no-repeat;
}
.back2 .rightcol {
	float:right;
	margin-top:25px
	padding-right:10px;
	width:215px;
	height:405px;
}
.back2 h2 {
	font-size:2.8em;
	text-align:center;
}
.back2 h3 {
	font-size:1.1em;
	padding:0 5px;
	text-align:center;
}
.back2 .rightcol .giantright {
	margin:20px 0 0 60px;
}
.back2 .captionoverlay {
	height:429px;
}
/***************************
*********BACKPAGE 3*********
***************************/
.back3 {
	
}
.back3 .giantimg {
	width:940px;
	height:180px;
	padding-top:225px;
	background:url(../img/back3img.jpg) top left no-repeat;
	position:relative;
	top:25px;
}
.back3 .textblock {
	height:120px;
	padding:15px 150px 0 30px;
	position:relative;
	background:black;
	color:#fff;
}
.back3 h4 {
	font-size:3.8em;
	text-transform:uppercase;
}
.back3 .textblock p {
	padding-top:5px;
	width:590px;
	font-size:.95em;
	line-height:15px;
}
.back3 .textblock a.giantright {
	position:absolute;
	top:30px;
	right:30px;
	width:84px;
	height:84px;
	background-image:url(../img/arrowbigrightwhite.png);
}
/***************************
*********BACKPAGE 4*********
***************************/
.back4 {

}
.back4 h2 {
	margin-bottom:10px;
}
.back4 .scrolling {
	width:226px;
	float:left;
	margin-top:25px;
	overflow:hidden;
	height:403px;
}
.back4 .notlast {
	margin-right:12px;
}
.back4 .textoverlaybot {
	width:230px;
}
.back4 .col2 .textoverlaybot {
	left:235px;
}
.back4 .col3 .textoverlaybot {
	left:473px;
}
.back4 .col4 .textoverlaybot {
	left:712px;
}
.back4 .col1, .back4 .col2, .back4 .col3 {
	margin-right:12px;

}
.back4 .textblock {

}
.back4 h2 {
	font-size:1.5em;
}
.back4 .textblock p {

}
.back4 .textblock a.giantright {

}
.back4 img.bordered {
	border:1px solid #e9e9e9;
	padding:5px;	
}
/***************************
*********BACKPAGE 5*********
***************************/
.back5 {
	
}
.back5 .content {
	
}
.back5 .rightcol {
	float:right;
	width:325px;
	padding-right:40px;
	margin-top:25px;
	overflow:hidden;
	height:403px;
}
.back5 .leftcol {
	float:left;
	margin:25px 0 0 1px;
	width:540px;
	height:405px;
}
.back5 .rightcol h2 {
	margin-top:10px;
}
.back5 .textoverlaybot {
	right:0;
	left:auto;
}
/***************************
*********BACKPAGE 6*********
***************************/
.back6 {
	
}
.back6 .leftcol {
	width:455px;
	float:left;
	padding-top:20px;
}
.back6 .rightcol {
	width:455px;
	float:right;
	padding:20px 10px 0 0;
}
.back6 .subleftcol, .back6 .subrightcol {
	width:225px;
}
.back6 .subleftcol {
	float:left;
}
.back6 .subrightcol {
	float:right;
}
.back6 h5 {
	font-size:1.8em;
	line-height:20px;
	padding:0;
}
.back6 .leftcol h2, .back6 .leftcol h5 {
	color:#645B49;
} 
.back6 .rightcol h2, .back6 .rightcol h5 {
	color:#4C629F;
} 
/***************************
**********PAGE 1************
***************************/
#page1 {
	background-color:#ABB6C8;
}
#page1 #spread1 .leftcol {

}
#page1 .captionoverlay p {
	padding:170px 50px 0;
	font-size:1.3em;
}
#page1 #spread1 .rightcol {
	background-image:url(../img/page1/spread1.jpg);
}
#page1 #spread3 .leftcol {
	background-image:url(../img/page1/spread3.jpg);
}
#page1 #spread4 .rightcol {
	background-image:url(../img/page1/spread4.jpg);
}
#page1 #spread2 .leftcol, #page1 #spread5 .leftcol {
	width:320px;
}
#page1 #spread2 .rightcol, #page1 #spread5 .rightcol {
	width:560px;
}
#page1 #spread6 .leftcol {
	background-image:url(../img/page1/spread6.jpg);
}
#page1 #spread3 .rightcol {

}
/***************************
**********PAGE 2************
***************************/
#page2 {
	background-color:#B2896D;
}
#page2 #spread1 {
	padding-left:70px;
}
/***************************
**********PAGE 3************
***************************/
#page3 {
	background-color:#63662D;
}
#page3 #spread1 .leftcol {

}
#page3 .captionoverlay p {
	padding:170px 50px 0;
	font-size:1.3em;
}
#page3 .captionoverlay p.sevenlines {
	padding:135px 50px 0;
}
#page3 .captionoverlay p.fivelines {
	padding:160px 50px 0;
}
#page3 #spread1 .frontspread {
	padding-top:25px;
	background-image:url(../img/page3/spread1.jpg);
	background-position:0px 25px;
	background-repeat:no-repeat;
	width:940px;
	height:405px;
}
#page3 #spread1 p {
	padding:170px 145px 0;
}
#page3 #spread2 .leftcol {
	/*background-image:url(../img/page3/spread2.jpg);*/
}
#page3 #spread3 .rightcol {
	background-image:url(../img/page3/spread3.jpg);
}
#page3 #spread4 .leftcol {
	background-image:url(../img/page3/spread4.jpg);
}
#page3 #spread4 .scrolled {
	padding-bottom:300px;
}
/***************************
**********PAGE 4************
***************************/
#page4 {
	background-color:#96332D;
}
#page4 #spread1 .leftcol {

}
#page4 .captionoverlay p {
	padding:170px 50px 0;
	font-size:1.3em;
}
#page4 #spread1 .leftcol {
	background-image:url(../img/page4/spread1.jpg);
}
#page4 #spread1 h2 {
	font-size:2.2em;
}
#page4 #spread2 .rightcol {
	width:350px;
}
#page4 #spread3 .rightcol {
	background:url(../img/page4/spread3.jpg) right top no-repeat;
}
#page4 #spread5 .rightcol {
	background:url(../img/page4/spread5.jpg) right top no-repeat;
}
/***************************
**********PAGE 5************
***************************/
#page5 {
	background-color:#B58847;
}
#page5 #spread1 .leftcol {

}
#page5 .captionoverlay p {
	padding:170px 50px 0;
	font-size:1.3em;
}
#page5 #spread2 .leftcol {
	background-image:url(../img/page5/spread2.jpg);
}
#page5 #spread5 {
	font-size:11px;
}
#page5 #spread5 h2 {
	font-size:2em;
	text-align:left;
}
#page5 #spread5 h5 {
	margin-bottom:5px;
}
#page5 #spread6 .rightcol {
	background-image:url(../img/page5/spread7.jpg);
}
#page5 #spread3 {
	display:relative;
	background-image:url(../img/page5/spread3_bg.jpg);
}
#page5 #spread3 a {
	display:block;
	text-indent:-10000px;
	position:absolute;
}
#page5 a#soclink1 {
	width:268px;
	height:31px;
	background-image:url(../img/page5/spread3_link1.jpg);
	top:58px;
	left:336px;
}
#page5 a#soclink2 {
	width:292px;
	height:24px;
	background-image:url(../img/page5/spread3_link2.jpg);
	top:177px;
	left:311px;
}
#page5 a#soclink3 {
	width:325px;
	height:25px;
	background-image:url(../img/page5/spread3_link3.jpg);
	top:365px;
	left:83px;
}
#page5 a#facebook, #page5 a#twitter, #page5 a#linkedin, #page5 a#youtube, #page5 a#flickr {
	width:64px;
	height:65px;
	top:286px;
}	
#page5 a#facebook {
	background-image:url(../img/page5/spread3_facebook.jpg);
	left:54px;
}
#page5 a#twitter {
	background-image:url(../img/page5/spread3_twitter.jpg);
	left:136px;
}
#page5 a#linkedin {
	background-image:url(../img/page5/spread3_linkedin.jpg);
	left:217px;
}
#page5 a#youtube {
	background-image:url(../img/page5/spread3_youtube.jpg);
	left:299px;
}
#page5 a#flickr {
	background-image:url(../img/page5/spread3_flickr.jpg);
	left:384px;
}
#page5 .back4 h2 {
	margin-bottom:3px;
}
/***************************
**********WELCOME***********
***************************/
#welcome {
	background-color:#293742;
}
#welcome #spread1 h2 {
	font-size:2.6em;
}
#welcome #spread1 p {
	padding-top:10px;
}
#welcome #spread1 .leftcol {
	background-image:url(../img/pagewelcome/main1.jpg);
}
.credits {
	font-size:.8em;
	line-height:18px;
	font-style:italic;
}
/***************************
***********JAZZ*************
***************************/
#jazz {
	background-color:#929292;
}
#jazz #spread1 .leftcol {
	background-image:url(../img/pagejazz/page1main.jpg);
}
#jazz #spread8 .leftcol {
	width:320px;
}
#jazz #spread8 .rightcol {
	width:570px;
}
/***************************
*********SCRAPBOOK**********
***************************/
#scrapbook {
	background-color:#81A9CD;
}
#scrapbook #spread1 {
	font-size:1.1em;
}
#scrapbook #spread1 .leftcol {
	background-image:url(../img/pagescrap/page1main.jpg);
}
#scrapbook #spread2 .leftcol {
	background-image:url(../img/pagescrap/page2main.jpg);
}
#scrapbook #spread3 .leftcol {
	background-image:url(../img/pagescrap/page3main.jpg);
}
#scrapbook #spread4 .rightcol {
	background-image:url(../img/pagescrap/page4main.jpg);
}
/***************************
*******STARTING LINEUP******
***************************/
#lineup {
	background-color:#ceb153;
}
#lineup #spread1 .leftcol {
	background-image:url(../img/pagelineup/page1main.jpg);
}
#lineup .captionoverlay p {
	padding:170px 50px 0 50px;
}
#lineup #spread2 .leftcol {
	background-image:url(../img/pagelineup/page2main.jpg);
}
#lineup #spread3 .leftcol {
	background-image:url(../img/pagelineup/page3main.jpg);
}
#lineup #spread4 .rightcol {
	background-image:url(../img/pagelineup/page4main.jpg);
}
/***************************
**********MOVE IN***********
***************************/
#movein {
	background:#0d540d;
}
#movein .back1 .rightcol {
	width:560px;
	background:none;
}
#movein .back1 .leftcol {
	width:330px;
}
/***************************
********CAMPUS NOTES********
***************************/
#notes .col3 img {
	float:left;
	margin-right:10px;
}
/***************************
*********GOING GREEN********
***************************/
#green {
	background:#3c7929;
}
#green .rightcol {
	text-align:center;
	width:325px;
}
#green .rightcol p {
	margin-top:10px;
}
#green #spread1 .leftcol {
	background-image:url(../img/pagegreen/page1main.jpg);
}
#green #spread1 .rightcol {
	margin-top:12px;
}
#green #spread1 a.social {
	display:block;
	float:left;
	text-indent:-10000px;
	height:31px;
	width:32px;
	background-position:0px 0px;
	background-repeat:no-repeat;
	margin:15px 0 0 10px;
}
#green #spread1 a.facebook {
	margin-left:117px;
	background-image:url(../img/pagegreen/facebook.jpg);
}
#green #spread1 a.twitter {
	background-image:url(../img/pagegreen/twitter.jpg);
}
#green #spread1 a.youtube {
	background-image:url(../img/pagegreen/youtube.jpg);
}
.sociallinks {
	text-align:center;
}

/***************************
****SIX DEGREES SPREAD******
***************************/
#page1 #spread7 p, #page5 #spread7 p {
	margin-top:18px;
}
#page1 #spread7 img, #page5 #spread7 img {
	margin-top:8px;
}
#page1 #spread7 .rightcol, #page5 #spread7 .rightcol {
	height:395px;
	padding-top:10px;
	background:none;
}
#page1 #spread7 .leftcol, #page5 #spread7 .leftcol {
	margin-top:15px;
}
.sixdegbtn {
	width:288px;
	height:91px;
	background:url(../img/sixdegbtn.jpg) top left no-repeat;
	display:block;
	text-indent:-10000px;
}

/***************************
*******APPEAL SPREAD********
***************************/
#page4 #spread7 p, #page3 #spread5 p {
	margin:8px 0;
}
#page4 #spread7 .rightcol, #page3 #spread5 .rightcol {
	height:395px;
	padding-top:0px;
	background:none;
	width:540px;
}
#page4 #spread7 .leftcol, #page3 #spread5 .leftcol {
	margin-top:15px;
	width:350px;
}
#page4 #spread7 #flashcontent, #page3 #spread5 #flashcontent {
	height:343px;
}
.appealleft {
	float:left;
	width:240px;
}
.appealright {
	float:left;
	padding-right:0px;
}
.appealbtn {
	width:216px;
	height:72px;
	background:url(../img/appealbtn.jpg) top left no-repeat;
	text-indent:-10000px;
	display:block;
}

/***************************
**********FOOTER************
***************************/
#footer {
	margin:0 auto;
	width:950px;
	font-size:.75em;
	color:#fff;
	height:50px;
	padding-top:3px;
}
#footer p {
	float:left;
	padding-top:5px;
}
#footer a {
	width:120px;
	height:34px;
	text-indent:-10000px;
	display:block;
	background:url(../img/footlogo.png) top left no-repeat;
	float:right;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
#nav li {
	font-size:12px;
}
}