/* ----- GENERAL RESETS below ----- */

* {
	padding: 0;
}/* same as std template */
body {
	background: #fff;
	margin: 0; /* same as std template */
	text-align: center; /* this centers the container in IE 5* browsers */
	color: #000000;
	font-family: verdana, arial, helvetica, geneva, sans-serif;
	font-weight: normal; /*note font changes affect entire site, please keep on body*/
	font-size: .7em; /* same as std template */
}
a img {
	border: none;
}
#home_row_1 a, #home_row_2 a, #home_row_3 a, #home_row_4 a, #pre-footer a { /*content level links*/
	color: #002878;
	text-decoration: underline;
}
.clearfloat {
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}
/* ----- PAGE WRAPPERS TOP below ----- */

#container { /* TEST VS STD TEMPLATE */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	background: url("img/home-bg.gif") repeat-y !important;
}
/* ----- CONTENT STRUCTURE below ----- */

#main { /*NOT CURRENTLY USED IN MARKUP - merged styles to specific divs*/
	padding: 40px 40px 0 40px; /*need content to have 40px whitespace around it, except bottom*/
	margin: 0 0 0 10px; /*margin puts content away from dropshadow on page edge*/
	width: 880px; /*total width of content*/
}
#home_row_1, #home_row_2, #home_row_3, #home_row_4 {
	margin-left:10px;
	padding-left: 40px;
	padding-right: 40px;
	width: 880px;
}
#home_row_1 { /*contains lead story and callouts*/
	width: 880px;
	margin-left:10px;
	height: 310px;
	overflow: hidden;
	padding-top: 40px;
	padding-bottom: 0;
	border-bottom:1px solid #DDDDDD;
}
#cover_story { /*the lead art, kicker, hed and graf */
	float: left;
	width: 639px;
	padding-right: 20px;
	padding-bottom: 20px;
	height: 290px; /*310*/
	border-right: 1px solid #ddd;
}
#cover_story img {
	float: left;
	padding-right: 20px;
}
#home_row_1 #cover_story p.cover_issue_name {
	margin-top: 1px;
	color: #999999;
}
#front-callouts { /*the callouts-advertisements at the top right of the page */
	float: left;
	width: 200px;
	padding-left: 20px;
}
#home_row_2 { /*aka media row*/
	height: 210px;/*needed for bg color stretch*/
	overflow: hidden;
	padding: 0px 40px 0px 40px;
}
#home_row_2, #home_row_3, #home_row_4 {
	clear: both;
}

#home_row_2, #home_row_4 { /* this item can be split into different selectors if needed */
	border-bottom: 1px solid #ddd;
	background-color: #e9eef5 !important;
	overflow:visible;/*need a min-height for each to get bg color to stretch*/
}

#home_row_2 div, #home_row_3 div, #home_row_4 div {
	float: left;
}


/* media row content. core styles are for manual entry */
#media_row {
	padding-top:20px;
	width: 880px;
	height: 170px;
	overflow: hidden;
	/*max height = 210*/
/*	border: 1px solid yellow;*/
}

/* media row using the layout builder */

div#media_row.mediarow_builder {
	padding-top:0px;
	height: 100%;
	overflow: hidden;
}
#media_row .narrow, #media_row .wide {
	float: left;
}

/*top padding is different on wide vs narrow. no top padding on parent divs*/

/*shared styles*/
#media_row .narrow, #media_row .narrowest, #media_row .wide {
	padding-left:20px;
	padding-right: 20px;
}

#home_row_2 #media_row.mediarow_builder div.mediarow_summary {
	float: none;	
}

/*.narrow = 3 narrow or .narrowest = 2 narrow with one wide*/



#media_row .narrow, #media_row .narrowest {
	width: 266px; /*max content size: 248*/
	height: 160px;
	margin-top: 20px;
	background-image: url(img/mediarow-border.gif);
	background-repeat:repeat-y;
	background-position: left;
}

#media_row .narrow.last, #media_row .narrowest.last {
	background-image: url(img/mediarow-border.gif);
	background-repeat:repeat-y;
	background-position: left;
}

#media_row.mediarow_builder .narrowest.first, #media_row.mediarow_builder .narrow.first {
	background-image: none;
}

#media_row .narrowest {
	width: 200px; /*rec img size: 200x126*/
}

#media_row.mediarow_builder .narrow img.mediarow_img_chooser, #media_row.mediarow_builder .narrowest img.mediarow_img_chooser {
	margin-bottom:5px;
}

#home_row_2 #media_row.mediarow_builder .narrow .mediarow_summary {
	float: none;	
}
#media_row .wide {
	height: 210px;
	width: 400px;
	background-image: none;
}
#home_row_2 div#media_row.mediarow_builder .wide img.mediarow_img_chooser {
	float: left;
	margin-right: 20px;
}
#media_row .wide h3, #media_row .wide .first_element {
	margin-top:20px;	
}
#media_row .last {
	background-image:none;
	padding-right:0px;
	margin-right: 0px;
}
#media_row .first {
	padding-left: 0px;
		
}










#home_row_3 { /*contains Of Note, Features, Campaign and Register */
	min-height: 425px; /*stretches borders as BG images on sub-divs*/
	background-image: url("//www.emory.edu/template_shared/oit_wdg/css/magazine/img/feature_row_borders.gif");
	background-repeat: repeat-y;
	overflow: visible;
}
#home_row_3A {
	width: 200px;
	padding: 20px 20px 20px 0;
}
#home_row_3B {
	width: 398px;
	padding: 20px;
	border-left: 1px solid #ddd; /*borders are on the features div because it's usually longest. */
	border-right: 1px solid #ddd;
}
#home_row_3C {
	width: 200px;
	padding: 20px 0 20px 20px;
}
#home_row_3_D {
	width: 200px;
	padding: 20px 0 20px 20px;
}

/*delete this? */
#home_row_4 {
	border-top: 1px solid #ddd;
	border-bottom: none;
	min-height:353px; /*needed for bg color*/
}

/* bottom row #home_row_4 is now #prefooter in footer.css*/

/* ----- PARAGRAPH STYLING below ----- */

p {
	font-size: 1.1em;
	line-height: 1.5em;
	color: #333;
	margin: 14px 0;
}
span.alumni {
	font-weight: bold;
}
span.title {
	font-style: italic;
}
#mediarow p, #home_row_2 p {
	margin-top: .5em;
}
/* aka p.tease styles */
#cover_story #cover_contents, #features p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.3em;
	line-height: 1.4em;
	margin: 14px 0;
}
/* ----- HEADLINE STYLING below ----- */

h1, h2, h3, h4 {
	font-family: Georgia, "Times New Roman", Times, serif !important;
}
h1 {
	font-size: 3.0em;
	color:#333;
	margin: 0 0 8px 0;
	padding-top: 0;
}
#home_row_1 h1 a, #home_row_2 h1 a, #home_row_3 h1 a, #home_row_4 h1 a, #home_row_3 div#home_row_3B div#features h2 a {
	text-decoration: none;
	color: #333;
}
#home_row_1 h1 a:hover, #home_row_2 h1 a:hover, #home_row_3 h1 a:hover, #home_row_4 h1 a:hover, #home_row_3 div#home_row_3B div#features h2 a:hover {
	text-decoration: underline;
}
#front-callouts div h1 {
	font-size: 2em;
	margin: 14px 0;
}

h2 {
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	font-size: 1.4em;
	color: #333;
	margin: 2px 0 10px 0;
	font-weight: normal;
}
div#home_row_2 h2, div#features h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.6em;
	font-weight: bold;
	margin-bottom: 0;
}
div#features h2 {
	font-size: 2em;
	margin-top: 14px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}
div#home_row_2 h2 a {
	text-decoration: none;
}
div#home_row_2 h2 a:hover {
	text-decoration: underline;
}
#letters h2 {
	padding-bottom: 0;
}
h3 {
	font-size: 1.25em;
	color: #333;
}
h3.header, #pre-footer h3 {
	font-size: 1em;
	color: #444;
	margin: 0 0 6px 0;
	font-weight: normal;
	margin-bottom: 15px;
	font-family: verdana, arial, helvetica, geneva !important;
	text-transform: uppercase;
	letter-spacing: .2em;
}
/* ----- LIST STYLING below ----- */ /* ADD SECTION BASED DIVS */

div#ofnote ul, div#campaign ul, div#register ul, ul#emory-info, div.home_section ul {
	list-style: none;
	padding: 0;
	margin: 10px 0 0 0;
}/*applies to all ul's on bottom row?*/
div#ofnote ul li, div#campaign ul li, div#register ul li, div.home_section ul li {
	color: #666;
	font-size: 1em;
	line-height: 1.4em;
	padding-bottom: 10px;
}
/* all headline sections except features*/
div#ofnote ul li a, div#campaign ul li a, div#register ul li a, ul#emory-info li a, div.home_section ul li a, #home_row_3 #home_row_3A a, #home_row_3 #home_row_3B #section_five a, #home_row_3 #home_row_3C a {
	font-weight: bold;
	text-decoration: none;
}
div#ofnote ul li a:visited, div#campaign ul li a:visited, div#register ul li a:visited, ul#emory-info li a:visited, div.home_section ul li a:visited, #home_row_3 #home_row_3B #section_five a:visited {
	font-weight: bold;
	text-decoration: none;
}
div#ofnote ul li a:hover, div#campaign ul li a:hover, div#register ul li a:hover, ul#emory-info li a:hover, div.home_section ul li a:hover, #home_row_3 #home_row_3A a:hover, #home_row_3 #home_row_3B #section_five a:hover, #home_row_3 #home_row_3C a:hover {
	text-decoration: underline;
}
ul#emory-info li {
	margin-top: 8px;
	line-height: 1.3em;
}
/* utilityNav fix */
#utilityNav p {
	font-size: 1em !important;
}