/****************************************************************************************
		Techafriq
		http://techafriq.com/
	
	    sitehome.css - styles unique to the site home page
		
		June 2016
		
Layout Stylesheet for Middle content : defines widths, margins, floats, and other 
advanced display attributes for the middle section (sidebars and main content)
****************************************************************************************/

#container { 
    width: 960px; 
    min-width:960px; 
    margin: 0 auto; 
    padding-bottom: 120px;    
}

/**********************************
Headers
************************************/
h1 { 
    font-size:35px; 
    font-family: 'Crimson Text', "Times New Roman", Times, serif; 
    color: #565245; 
    font-weight: 400      
}

h1.title {
    font-family: 'Crimson Text', "Times New Roman", Times, serif; 
	color: #565245;
	text-decoration: none;
	font-size:35px;
	font-weight: 400;
	letter-spacing: 0.5px;
	line-height: 1.0em;
	padding-bottom: 5px;
}

h3 { 
    font-size:15px; 
    font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
    color: #565245; 
    font-weight: 400; 
}
h4 { 
    font-size:13px; 
    font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif; 
    color: #565245;
    font-weight: 400; 
}
h5 { 
    font-size:12px; 
    font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif; 
    font-weight: 400; 
}
	
/**********************************
Sidebars / Main Content
***********************************/	
#sidebar { 
    margin-right: -1px; 
}

/*********************************
Main Content - Wrapper
**********************************/
#content-main { padding: 0; margin: 15px 0 15px 0; float: left; width: 784px; border-right: 1px solid #e6e4db; position:relative;}

#content_main h3 { 
    font-size: 18px; 
    font-family: 'Crimson Text', "Times New Roman", Times, serif; 
    font-weight: 400; 
    line-height: 19px;    
}

/*********************************
Main Content - Wrapper
**********************************/
 
#content_main { margin: 0 0 30px 0; float: left; width: 784px;  padding: 0;  border-right: 1px solid #e6e4db; }

/*********************************
Center/Container styles
**********************************/
#content-center {margin: 0 -1px 0 0; float:left; width:568px; padding: 0 20px 20px 20px; border-left:1px solid #eae9e6;}
#content-center h2 { margin-top: 8px; }
#content-center h2 a { text-decoration: none; border-bottom: none; }

/*********************************
Center/Container styles
**********************************/
#content_center { margin: 0; padding: 0 20px 0 0; float: left; width: 630px; }
#content #headline {}
#content #headline p {font-size: 1.5em; font-weight: 200; margin: -.5em 0 1em 0;}

#maincontent {}
#maincontent h3 {color: #504C40; margin: 1em 0 0.5em 0; font: 300 20px Georgia, "Times New Roman",serif; letter-spacing: 1px;}
#maincontent h3 strong {font-weight: 300;}
#maincontent p {font-size: 15px; line-height: 1.3em; margin: 0 0 15px 0;}
#maincontent a {text-decoration: underline; border: none !important;}

#content ul {margin:1em 0 1em 2em;}
#content ul.video, #content ul.slideshow, #content ul.toc {margin: 0; padding: 0;}
#content ul.video li {list-style-image: url(../images-modern/icons/video_12.html);}
#content ul.slideshow li {list-style-image: url(../images-modern/icons/slideshow_12.html);}
#content ul.toc li {list-style-image: url(../images/moredot.html);}
#content ul.topiclist {font: 400 1.3em Georgia,"Times New Roman",serif;}
#content ul.topiclist a {text-decoration: none;}
#content ul.topiclist a:hover {color: #900; border-bottom:1px dotted #81785A !important;}

#content div.videolarge {width: 620px; margin: 0 0 .5em 0; padding: 0;}

#content div.videoembed {width: 620px; margin: 0 0 .5em 0; padding: 0; background-color: #f6f3e5;}
#content div.videoembed  div#videopane{width: 400px; float: left; margin: 0; padding: 0;}
#content div.videoembed  div#videocaption {width: 200px; float: left; background-color: #f6f3e5; padding: 0 5px;}
#content div.videoembed div#videocaption  p { font-size: 1em;}
#content div.videoembed div#videocaption  h2 { margin: .5em 0; font: 1.3em Georgia,"Times New Roman",serif; color:#565245; text-transform: none; letter-spacing: normal;}
#content div.videoembed div#videocaption  p.citation { display: block; text-align: left; background-color: #f6f3e5; color: #666; padding-top: 1em; font-size: 1em;}

#content div.youtube {width: 425px; margin: 0 auto .5em auto; padding: 0;}
#content div.video p, #content div.videolarge p, #content div.youtube p, #content div.video-left p {padding: .75em; background-color: #f6f3e5; font-size: 1em;}

#content div.video {float: right; margin: 0 0 1em 1em; width: 300px; padding: 0;}
#content div.video-left {float: left; margin: 0 1em 1em 0; width: 300px; padding: 0;}

#flvplayer {text-align: center;}
body.popup #content div.video {width: 320px; margin: 10px auto; font-size: small;}

#content div.photolarge {float: right; margin: 0 0 1em 1em; width: 302px;}
#content div.photolarge-left {float: left; margin: 0 1em 1em 0; width: 302px;}
#content div.photolarge p {background-color: #f6f3e5; font-size: 1em; margin: 0; padding: .5em; line-height: 1.25em;}
#content div.photolarge img {border:1px solid #e6e4db;}
#content img.photolarge   {border: 1px solid #e6e4db; width: 300px;}

#content div.photobanner {margin: 0 0 5px 0; width: 100%;}
#content div.photobanner p {background-color: #f6f3e5; font-size: 1em; margin-top: 0; padding: .5em;}
#content div.photobanner img {border:1px solid #e6e4db;}
#content img.photobanner  {border: 1px solid #e6e4db; width: 100%;}

#content div.photosmall {float: right; margin: 0 0 1em 2em; width: 202px;}
#content div.photosmall-left {float: left; margin: 0 2em 1em 0; width: 202px;}
#content div.photosmall p {background-color: #f6f3e5; font-size: 1em !important; font-style: normal !important; margin-top: 0; padding: .5em; }
#content div.photosmall img {border:1px solid #e6e4db;}
#content img.photosmall   {border: 1px solid #e6e4db; width: 200px;}

#content div.photomug {float: right; margin: 0 0 1em 2em; width: 202px;}
#content div.photomug-left {float: left; margin: 0 2em 1em 0; width: 202px;}
#content div.photomug p {background-color: #f6f3e5; font-size: 1em; margin-top: 0; padding: .5em; text-align: center;}
#content div.photomug img {border:1px solid #e6e4db;}
#content img.photomug {border: 1px solid #e6e4db; width: 200px;}

#content div.photo-agu {float: left; margin: 0 1em 0 0; width: 120px;}
#content div.photobug {float: left; margin: 0 1em 0 0; width: 120px;}

#content div.slideshow a {border-bottom: none; text-decoration: none;}
#content div.slideshow p {color: #3f3c30; text-transform:uppercase; text-align: right; letter-spacing: 1px;}
#content div.slideshow p img {width: 14px; margin: 0 !important; border: none !important;}

#content img.photomain {border: 1px solid #e6e4db;}

#content table.headlines {clear: both; margin-top: .5em;}
#content table.headlines td {padding: .5em .5em 1em .5em; }

p.photothumb { width: 102px; margin: 1em auto; padding: 1em; border: none;}
img.photothumb {width: 100px; border: 1px solid #e6e4db;}

/*********************************
Main/Middle Content 
**********************************/
#content_main { 
    margin-top: 0; 
    margin-bottom: 15px; 
    float: left; 
    width: 568px; 
    padding-left: 20px; 
    padding-right: 20px; 
    border-right: 1px solid #e0dfda; 
    border-left: 1px solid #eae9e6; 
}

.middle {  
    width: 568px; 
    border-top: 4px solid #820000; 
    margin-top: 0; 
    padding-top: 10px; 
    padding-bottom: 10px; 
    margin-bottom: 10px; 
}
.middle img { 
    float: left; 
    position: relative; 
    left: -3px; 
    top: -3px; 
    padding: 6px; 
    padding-left: 7px; 
    padding-top: 7px; 
    padding-bottom: 7px; 
    margin-bottom: 20px; 
}
.middle_content { 
    float: left; 
    margin-left: 7px; 
    margin-right: 10px; 
    margin-bottom: 10px; 
    padding-right: 5px; 
    width: 370px; 
    background-color: #ddcf99;  
    min-height: 120px; 
}
.download_content { 
    float: left; 
    margin-left: 7px; 
    margin-right: 10px; 
    margin-bottom: 10px; 
    padding-right: 5px; 
    width: 450px; 
    background-color: #ddcf99;  
    min-height: 80px; 
}
.middle_content h3 { 
    margin-top: 10px; 
    margin-left: 10px; 
}
.middle_content p { 
    margin-left: 10px; 
    margin-right: 10px; 
}
.middle_content a { 
    border-bottom: 1px dotted #81785a; 
}
.middle_links { 
    width: 120px; 
    float: left; 
    padding-top: 10px; 
    padding-left: 20px; 
    min-height: 100px; 
    padding-bottom: 5px;
}
.middle_links li { 
    padding-bottom: 4px; 
    line-height: 14px;
}

#middle_content_bottom { 
    width: 200px; 
    margin: 0; 
    padding: 0; 
    height: 3px;  
}

/*********************************
Spotlight
**********************************/
#spotlight {margin-bottom: 10px;}
#spotlight a {border: none;


/*********************************
Center Content - Wrapper
**********************************/

#content_center {margin: 0; padding: 0 20px; float: left; width: 568px; border-left: 1px solid #e6e4db;}
#content_center h2 {border-bottom: 6px solid #820000;}


/*********************************
Start Here
**********************************/

#start_here {float: left; padding-right: 10px; border-right: 1px solid #e6e4db; width: 372px;}

#start_left_col {width: 175px; float: left;}
#start_right_col {width: 175px; float: right;}

.start_here_item {float:left; width: 175px; background-color: #F8F3E5;}
.start_here_item h3 {color: #565347; margin-top: 5px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 17px; line-height: 19px; padding-left: 7px;}
.start_here_item h3 a {color: #565347; border-bottom: 1px dotted #565347; text-decoration: none;}
.start_here_item h3 a:hover {color: #820000; border-bottom: 1px dotted #820000; text-decoration: none;}
.start_here_item p {color: #8A887D; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; padding-left: 7px;}


/*********************************
Announcements
**********************************/
#announcements {float: right; width: 180px; background-color: #F8F3E5;}
#announcements h2 {text-transform: uppercase; border: none; color: #FFFFFF; background-color:#9D9573; padding-left: 7px; padding-top: 10px; padding-bottom: 10px;}
/*#announcements h2 {width: 155px; border-bottom: 6px solid #820000;}*/

#announcement_items {background-color: #FCFAF5;}
#announcement_items h3 {color: #820000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 15px; margin-top: 10px; padding: 0px 10px; padding-left: 10px; padding-right: 10px;}
#announcement_items p {color: #8A887D; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; border-bottom: 1px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; border-bottom-style: dotted;}

#announcements .last_item {border: none}

/*********************************
Sidebar - extra
**********************************/

#sidebar_extra  { padding-left: 20px;float: left; width: 155px;}
#sidebar_extra h2 {border-bottom: 6px solid #3F3c30; color: #565347; text-transform: uppercase;}
#sidebar h3 {color: #565347; font-size: 12px; padding: 3px 0 0 0; font-family: Arial, Helvetica, sans-serif; line-height: 15px;}

#sidebar_extra a.header {border-bottom: 1px dotted #81785a; text-decoration: none; color: #565347;}
#sidebar_extra a.header:hover {border-bottom: 1px dotted #820000; text-decoration: none; color: #820000;}

#sidebar_extra img { }
#sidebar_extra div { margin-bottom: 15px;}

#sidebar_extra ul {list-style: url("../images/raquo.html");}
#sidebar_extra li {margin-left: 15px; padding-bottom: 5px;}

/*********************************
Sidebar - sub
**********************************/

#sidebar_sub { margin: 0; padding-left: 20px; float: right; width: 250px;}
#sidebar_sub h3 {padding: 3px 0 10px 0; font: 400 1.1em  Georgia; margin: 0 5px 5px 0;}
#sidebar_sub h2 { border-bottom: 4px solid #565347; color: #3F3c30; }
#sidebar_sub div { margin-bottom: 20px; }
#sidebar_sub ul { padding-bottom: 1em 1em 1em 2em; }
#sidebar_sub li { margin-left: 0; padding-bottom: 5px; line-height: 14px; letter-spacing:.5px; }

#sidebar_sub a { }
#sidebar_sub p { }

#sidebar_sub ul.video {margin: 0 0 0 2em; list-style-image: url(../images/video.html);}
#sidebar_sub ul.slideshow {margin: 0 0 0 2em; list-style-image: url(../images/slideshow.html);}
#sidebar_sub ul li {margin: 0 0 .5em .5em;}
#sidebar_sub ul.video li {margin: 0 0 .5em .5em;}
#sidebar_sub ul.slideshow li {margin: 0 0 .5em .5em;}
#sidebar_sub li a {padding: 0; margin: 0;}

#sidebar_sub div.photo img {width: 200px; margin: 0; border: 1px solid #e6e4db;}
#sidebar_sub div.photo  p {padding: .5em;}

#sidebar_sub div.videothumb {width: 260px; margin-bottom: 10px; clear: both; position: relative;}
#sidebar_sub div.videothumb img {width: 100px; height: 56px; float: left; margin: 0 18px 10px 0; border: 1px solid #e6e4db;}
#sidebar_sub div.videothumb p {}
#sidebar_sub div.videothumb span { display: block; position: absolute; width: 14px; height: 14px; background: url(../images-modern/video-arrow-sm.html) no-repeat; left: 88px; top: 0;}

#sidebar_sub .dateline {font-size: .9em; }

#sidebar_sub img.linkthumb {float: left; margin-right: 10px;}

#sidebar_sub div#subscribe { background-image: url("../images-modern/enews_bgrd.html"); height: 29px;}
#sidebar_sub div#subscribe p {padding-top: 10px; text-transform:uppercase; letter-spacing: .5px; font-size: 12px; line-height: 1em;}
#sidebar_sub div#subscribe p a {text-decoration: none;}
#sidebar_sub div#subscribe a:hover {border-bottom: 1px dotted #900 !important;}
#sidebar_sub div#subscribe img {margin: 0 8px 0 0; padding: 0; float: left;}

#sidebar_sub #campustopics h3 { padding: 3px 0 0 0;}
#sidebar_sub #campustopics div {margin-bottom: 10px;}

#sidebar_sub div#thedish { height:35px; line-height: 1em;}
#sidebar_sub div#thedish p {text-transform:uppercase; font-size: 12px; padding-right: 10px; padding-top: 5px;}
#sidebar_sub div#thedish a { text-decoration: none; }
#sidebar_sub div#thedish a:hover {border-bottom: 1px dotted #900 !important;}
#sidebar_sub div#thedish img {margin: 0 10px 0 0; padding: 0; float: left;}

#sidebar_sub div#dish {background-color:#e6e4db; padding-bottom: 20px;}
#sidebar_sub div#dish img {margin: 0 0 5px 0; padding: 0; }

#sidebar_sub div#obit {background:#e6e4db url(../images-modern/inmemory.html) no-repeat right bottom; padding-bottom:50px;}
#sidebar_sub div#obit p {width:150px;}

#sidebar_sub div.infobox {background-color: #e6e4db;}
#humanities-infobox { background: url("../images/humanities-infobox-back.html") no-repeat scroll right bottom #E6E4DB;}
#election-infobox { background: url("../images/election-infobox.html") no-repeat scroll right bottom #E6E4DB;}

#sidebar_sub div.promo { padding:10px 10px 20px 10px; color:#333; border:5px solid #fff; box-shadow: 0 0 5px #888;
    font-family:Georgia, "Times New Roman", Times, serif; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888;}
#sidebar_sub div.promo h4 { font-size: 1.75em;}
#sidebar_sub div.promo h2 { margin-bottom: 5px !important; margin-top: 0 !important; font-size: 1.5em; border-bottom: none; text-transform: none; letter-spacing: normal;  color: #504c40;}
#sidebar_sub div.promo p { margin:0; line-height:normal; font-size: 1.1em; font-style: italic;}
#sidebar_sub div.promo li {font-family: Verdana,Arial,sans-serif;}
#sidebar_sub div.promo a {color: #666; text-decoration:none; border-bottom: none;}
#sidebar_sub div.promo a:hover { 
    color: #333;
    
}