/*
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 none center center repeat-x;
	padding-top:30px;
}
#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-image:url(../img/pagewelcome/bg.jpg);
}
#home .content {

}
#home h2 {
	font-size:5.5em;
	color:#000;
}
#home h3 {
	color:#000;
}
#home .content p {
	color:#000;
}
#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 div {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    color:#000;
}

#slideshow div.active {
    z-index:10;
    opacity:1.0;
}
#slideshow div.last-active {
    z-index:9;
}
#home #slide1 h2 {
	font-size:2.8em;
	text-align:center;
}
#home #slideshow div#slide1 {
	width:210px;
	background:#fff url(../img/pagehome/slideimg1.jpg) 0px 6px no-repeat;
	height:400px;
	padding:31px 0 0 720px;
}
#home #slideshow div#slide2 {
	width:210px;
	background:#fff url(../img/pagehome/slideimg2.jpg) 0px 6px no-repeat;
	height:400px;
	padding:31px 0 0 720px;
}
#home #slide2 h2 {
	font-size:3.5em;
}
#home #slide3 h2 {
	font-size:3.5em;
}
#home #slideshow div#slide3 {
	width:210px;
	background:#fff url(../img/pagehome/slideimg3.jpg) 0px 6px no-repeat;
	height:400px;
	padding:31px 0 0 720px;
}
#home #slideshow div#slide4 {
	width:210px;
	background:#fff url(../img/pagehome/slideimg4.jpg) 0px 6px no-repeat;
	height:400px;
	padding:31px 0 0 720px;
}
#home #slide4 h2 {
	font-size:3.5em;
}
#home #slideshow a.enter {
	position:absolute;
	width:168px;
	height:56px;
	background:url(../img/arrowbigright.jpg) right top no-repeat;
	font-style:italic;
	font-size:1.7em;
	padding-top:16px;
	text-decoration:none;
	color:#adadad;
	bottom:10px;
	right:10px;
}

#home #slide1 a.enter {
	background:url(../img/pagehome/arrow1.jpg) right top no-repeat;
}
#home #slide2 a.enter {
	background:url(../img/pagehome/arrow2.jpg) right top no-repeat;
}
#home #slide3 a.enter {
	background:url(../img/pagehome/arrow3.jpg) right top no-repeat;
}
#home #slide4 a.enter {
	background:url(../img/arrowbigright.jpg) right top no-repeat;
}


/***************************
*********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;
}

/***************************
*********BACKPAGE 7*********
***************************/
.back7 {
	padding-top:20px;
	font-size:12px;
	line-height:18px;
}
.back7 .leftcol {
	width:455px;
	float:left;
}
.back7 .leftcol div {
	clear:right;
	float:right;
	padding:0;
}
.back7 .rightcol {
	width:455px;
	float:right;
	padding:0px 10px 0 0;
	text-align:right;
}
.back7 .rightcol div {
	clear:left;
	float:left;
	padding:0;
}
.back7 h5 {
	margin-bottom:0;
}
.back7 .rightcol h5 {
	text-align:right;
}
.back7 p {
	padding-bottom:10px;
}

/***************************
*********ALUMNI AD**********
***************************/
.back8 {
	display:relative;
	background-image:url(../img/page3/spread3.jpg);
}
.back8 a {
	display:block;
	text-indent:-10000px;
	position:absolute;
}
.back8 a#soclink1 {
	width:269px;
	height:31px;
	background-image:url(../img/pagead/link1.jpg);
	top:58px;
	left:336px;
}
.back8 a#soclink2 {
	width:291px;
	height:25px;
	background-image:url(../img/pagead/link2.jpg);
	top:177px;
	left:231px;
}
.back8 a#soclink3 {
	width:326px;
	height:26px;
	background-image:url(../img/pagead/link3.jpg);
	top:365px;
	left:83px;
}
.back8 a#facebook, .back8 a#twitter, .back8 a#linkedin, .back8 a#youtube, .back8 a#flickr {
	width:64px;
	height:65px;
	top:286px;
}	
.back8 a#facebook {
	background-image:url(../img/pagead/facebook.jpg);
	left:54px;
}
.back8 a#twitter {
	background-image:url(../img/pagead/twitter.jpg);
	left:136px;
}
.back8 a#linkedin {
	background-image:url(../img/pagead/linkedin.jpg);
	left:217px;
}
.back8 a#youtube {
	background-image:url(../img/pagead/youtube.jpg);
	left:299px;
}
.back8 a#flickr {
	background-image:url(../img/pagead/flickr.jpg);
	left:384px;
}

/***************************
**********WELCOME***********
***************************/
#welcome {
	background-color:#8F7576;
	background-image:url(../img/pagewelcome/bg.jpg);	
}
#welcome #spread1 h2 {
	font-size:2.6em;
}
#welcome .rightcol
 p {
	padding-top:10px;
}
#welcome #spread1 .leftcol {
	background-image:url(../img/pagewelcome/main1.jpg);
}
.credits {
	font-size:.8em;
	line-height:18px;
	font-style:italic;
}
/***************************
**********PAGE ************
***************************/
#page1 {
	background-color:#40A65C;
}
#page1 #spread1 .leftcol {
	background-image:url(../img/page1/spread1.jpg);
}
#page1 .captionoverlay p {
	padding:170px 50px 0;
	font-size:1.3em;
}
#page1 #spread2 {
	background:url(../img/page1/spread2.jpg) 300px 80px no-repeat;
}
#page1 #spread3 {
	background:url(../img/page1/spread3.jpg) 326px 35px no-repeat;
}
#page1 #spread4 {
	background:url(../img/page1/spread4.jpg) 352px 35px no-repeat;
}
#spread4 .leftcol div, #spread4 .rightcol div  {
/*	background:url(../img/captionbg.png);*/
}

/***************************
**********PAGE 2************
***************************/
#page2 {
	background-color:#3878B0;
	background-image:url(../img/page2/bg.jpg);
}
#page2 #spread .leftcol {
	background-image:url(../img/page1/spread1.jpg);
}
#page2 .captionoverlay p {
	padding:170px 50px 0;
	font-size:1.3em;
}
#page2 #spread1 .frontspread {
	background-image:url("../img/page2/spread1.jpg");
	background-position:0 25px;
	background-repeat:no-repeat;
	height:405px;
	padding-top:25px;
	width:940px;
}

/***************************
**********PAGE 3************
***************************/
#page3 {
	background-color:#48B0A0;
}
#page3 #spread .leftcol {
	background-image:url(../img/page1/spread1.jpg);
}
#page3 .captionoverlay p {
	padding:150px 50px 0;
}
#page3 #spread1 .leftcol {
	background-image:url(../img/page3/spread1.jpg);
}
#page3 #spread2 .rightcol {
	background-image:url(../img/page3/spread2.jpg);
}

/***************************
**********PAGE 4************
***************************/
#page4 {
	background-color:#565659;
	background-image:url(../img/page4/bg.jpg);
}
#page4 .captionoverlay p {
	padding:150px 50px 0;
}
#page4 #spread1 .leftcol {
	background-image:url(../img/page4/spread1.jpg);
}
#page4 #spread3 .rightcol {
	background-image:url(../img/page4/spread3.jpg);
}
#page4 #spread2 {
	font-size:13px;
	height:413px;
}
#page4 #spread2 h5 {
	font-size:1.5em;
}
#page4 #spread2 .rightcol {
	text-align:left;
}
#page4 #spread2 p {
	padding-top:7px;
	padding-bottom:0;
}
#page4 #spread2 p#quote {
	float:none;
	position:absolute;
	top:100px;
	left:330px;
	width:218px;
	height:94px;
	padding:18px 20px 0 25px;
	background:url(../img/page4/spread2quotebg.jpg) 0px 0px no-repeat;
	font-size:17px;
	font-style:italic;
	color:#000;
}
#spread2 .leftcol div, #spread2 .rightcol div  {
/*	background:url(../img/captionbg.png);*/
}
/***************************
**********PAGE 5************
***************************/
#page5 {
	background-color:#3B1A49;
}
#page5 #spread .leftcol {
	background-image:url(../img/page1/spread1.jpg);
}
#page5 .captionoverlay p {
/*	padding:170px 50px 0;
	font-size:1.3em;*/
}

/***************************
**********PAGE ************
***************************/
#page {
	background-color:#3B1A49;
}
#page #spread .leftcol {
	background-image:url(../img/page1/spread1.jpg);
}
#page .captionoverlay p {
	padding:170px 50px 0;
	font-size:1.3em;
}

/***************************
**********ARCHIVES**********
***************************/
#archives {
	background-color:#427B26;
}
#archives #spread1 {
	background:url(../img/pagearchives/footer.jpg) 276px 361px no-repeat;	
}
ul#issues {
	float: left;
	list-style: none;
	margin: 0;
	padding: 80px 0 0 27px;
}
ul#issues li {
/*	margin: 0; padding: 5px;*/
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 300px;
	height: 200px;
}
ul#issues li img {
	width: 273px; height: 162px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	padding: 5px;
	position: absolute;
	left: 0; top: 0;
}
#archives #titlestht {
	position:absolute;
	width:432px;
	height:29px;

	top:341px;
	left:276px;
}


/***************************
*********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 #spread5 p, #page5 #spread4 p {
	margin-top:18px;
}
#page1 #spread5 img, #page5 #spread4 img {
	margin-top:8px;
}
#page1 #spread5 .rightcol, #page5 #spread4 .rightcol {
	height:395px;
	padding-top:10px;
	background:none;
}
#page1 #spread5 .leftcol, #page5 #spread4 .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********
***************************/
#page5 #spread2 p, #page3 #spread5 p {
	margin:8px 0;
}
#page5 #spread2 .rightcol, #page3 #spread5 .rightcol {
	height:395px;
	padding-top:0px;
	background:none;
	width:540px;
}
#page5 #spread2 .leftcol, #page3 #spread5 .leftcol {
	margin-top:15px;
	width:350px;
}
#page5 #spread2 #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;
	font-size:.8em;
	padding:10px 0 0 10px;
	color:#d5dae3;
}
#footer a#footlogo {
	width:120px;
	height:34px;
	text-indent:-10000px;
	display:block;
	background:url(../img/footlogo.png) top left no-repeat;
	float:left;
}
#footer a#subscribe {
	float:right;
	padding-top:8px;
	color:#fff;
	font-size:1.1em;
	text-decoration: none;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
#nav li {
	font-size:12px;
}
}