/* ---------------------------------------------------->>> INFO <<<--- //
 *
 * Title:	Georgetown Law Magazine Screen Stylesheet
 * File:	/styles/magazine.css
 * Updated:	April 21th, 2009
 * Author:	James Colvard <jrc95@law.georgetown.edu>
 *
 * ------------------------------------------------------------------- */

/* ----------------------------------------->>> SHORTHAND NOTES <<<--- //
 *
 * [PROPERTY:margin, padding, border-width]
 *   (1 value ) property: all-sides;
 *   (2 values) property: top and bottom, right and left;
 *   (3 values) property: top, left and right, bottom;
 *   (4 values) property: top right bottom left;
 *
 * [PROPERTY:border]
 *   (3 values) property: border-width border-style border-color;
 *
 * [PROPERTY:background]
 *   (1 value ) property: background-color;
 *   (3 values) property: background-color background-image background-repeat;
 *   (5 values) property: background-color background-image background-repeat background-attachment background-position;
 * 
 * [PROPERTY:font]
 *   (6 values) property: font-style font-variant font-weight font-size/line-height font-family;
 *
 * [PROPERTY:list-style]
 *   (3 values) property: list-style-type list-style-position list-style-image;
 *
 * [PROPERTY:outline]
 *   (3 values) property: outline-color outline-style outline-width; 
 *
 * ------------------------------------------------------------------- */
 

/* -------------------------------------------------->>> COLORS <<<--- //
 * 
 * YELLOW DARK.......:  #DDDDB7
 * YELLOW LIGHT......:  #FEFEF6
 * BLUE BLACK........:  #1C3955
 * BLUE DARK.........:  #7088A1
 * BLUE MEDIUM.......:  #C3D1E0
 * BLUE LIGHT........:  #E3EAF1
 * BLUE WHITE........:  #F4F8FB
 * RED DARK..........:  #892912
 * RED MEDIUM........:  #A75636
 * GRAY DARK.........:  #767676
 * GRAY MEDIUM.......:  #B1B1B1
 * GRAY LIGHT........:  #E6E6E6
 * WHITE.............:  #FFFFFF
 *
 * ------------------------------------------------------------------- */

/* reset
---------------------------------------------------------------------- */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 font-weight: inherit;
 font-style: inherit;
 font-size: 100%;
 font-family: inherit;
 vertical-align: baseline;
}
/* global
---------------------------------------------------------------------- */
.group:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.group {
	zoom: 1;
	display: block;
}
/* header
---------------------------------------------------------------------- */
#mag-head {
	width: 750px;
	height: 73px;
	position: relative;
	background: #7088A1 url(../alumni/magazine/2009-spring/img/lgo_magazine.gif) 18px 19px no-repeat;
}
#mag-head h1 {
	position: absolute;
	text-indent: -999em;
	padding: 0;
	margin: 10px 0 0 8px;
}
#mag-head h1 a {
	display: block;
	width: 360px;
	height: 55px;
}
#mag-head h2 {
	position: absolute;
	top: 41px;
	left: 546px;
	font: italic normal 10px Georgia, "Times New Roman", Times, serif;
	color: #FFF;
	text-align: right;
}
/* top navigation
---------------------------------------------------------------------- */
#mag-top-nav {
	background: #B1B1B1 url(../alumni/magazine/2009-spring/img/brdr_top_nav.gif) top repeat-x;
	width: 750px;
	height: 27px;
	border-bottom: 2px solid #767676;
}
#mag-top-nav ul {
	margin: 0;
	padding: 0;
	background: none;
	list-style-image: none;
	list-style-type: none;
	display: inline;
}
#mag-top-nav li {
	margin: 0;
	padding: 0;
	background: none;
	list-style-image: none;
	list-style-type: none;
	display: inline;
}
#mag-top-nav li a {
	display: inline;
	float: right;
	height: 26px;
	padding: 0 24px;
	line-height: 23px;
	font-size: 12px;
	color: #FFF;
	border-top: 2px solid #FFF;
	text-decoration: none;
	list-style-image: none;
}
#mag-top-nav a:hover {
	background: #767676 none repeat scroll 0 0;
	color: #FFF;
	border-top: 2px solid #767676;
}
#mag-top-nav a:visited {
	color: #FFF;
	text-decoration: none;
}
body.current #top-nav-current, body.archive #top-nav-archive, body.contact #top-nav-contact {
	background: #767676 none repeat scroll 0 0;
	color: #FFF;
	border-top: 2px solid #767676;
}
/* main body
---------------------------------------------------------------------- */
#mag-body {
	width: 750px;
	margin: 0 auto;
	padding: 0;
	background: url(../alumni/magazine/2009-spring/img/bg_lft_col.gif) left repeat-y;
}
#mag-body a {
	color: #1C3955;
}
#mag-lft-col {
	width: 178px;
	float: left;
}
#mag-rht-col {
	width: 572px;
	float: right;
}
body.lft-home #mag-rht-col {
	width: 572px;
	height: 475px;
	float: right;
	background: url(../alumni/magazine/2009-spring/img/bg_home.jpg) left top no-repeat;
}
body.fall-09 #mag-rht-col {
	width: 572px;
	height: 475px;
	float: right;
	background: url(../alumni/magazine/2009-fall/img/bg_home_2.jpg) left top no-repeat;
}
body.spring-10 #mag-rht-col {
	width: 572px;
	height: 475px;
	float: right;
	background: url(../alumni/magazine/2010-spring/img/bg_home.jpg) left top no-repeat;
}
#mag-rht-content {
	width: 522px;
	margin: 10px 25px;
	padding: 0;
}
#call-home-holder {
	width: 175px;
	float: right;
}
.call-home-box {
	display: block;
	width: 175px;
	margin: 0 0 12px 0;
	font: normal normal 17px Georgia, "Times New Roman", Times, serif;
	border: 1px solid #DDDDB7;
	background: #FEFEF6;
}
.call-home-content {
	width: 145px;
	margin: 15px;
}
.sm {
	font: normal small-caps 13px Georgia, "Times New Roman", Times, serif;
}
.call-home-content a {
	font: normal normal 11px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	text-decoration:none;
	background: url(../alumni/magazine/2009-spring/img/btn_sm_call.gif) no-repeat;
	padding: 6px 0 10px 22px;
	margin: 15px 0 0 0;
}
body.lft-home #mag-rht-content h1 {
	font: normal normal 18px Georgia, "Times New Roman", Times, serif;
	color: #555;
	padding: 0 0 7px 130px;
}
body.fall-09 #mag-rht-content h1 {
	font: normal normal 18px Georgia, "Times New Roman", Times, serif;
	color: #555;
	padding: 0 0 7px 5px;
}
body.spring-10 #mag-rht-content h1 {
	font: normal normal 18px Georgia, "Times New Roman", Times, serif;
	color: #555;
	padding: 0 0 7px 5px;
}
body.lft-home #mag-rht-content h2 {
	font: normal normal 14px Verdana, Arial, Helvetica, sans-serif;
	color: #555;
	padding: 0 0 2px 130px;
}
body.lft-home #mag-rht-content p {
	padding: 0 0 16px 131px;
}
body.fall-09 #mag-rht-content p {
	padding: 0 0 16px 5px;
}
body.spring-10 #mag-rht-content p {
	padding: 0 0 16px 5px;
}
#mag-rht-content h1 {
	font: normal normal 22px Georgia, "Times New Roman", Times, serif;
	color: #5f7994;
	margin: 0;
	padding: 0 0 7px 0;
}
#mag-rht-content h2 {
	font: normal normal 18px Georgia, "Times New Roman", Times, serif;
	color: #afaf82;
	margin: 0;
	padding: 0 0 7px 0;
}
#mag-rht-content h3 {
	font: normal normal 15px Georgia, "Times New Roman", Times, serif;
	color: #666;
	margin: 0;
	padding: 7px 0 7px 0;
}
#mag-rht-content.arch-content h3 {
	font: normal normal 15px Georgia, "Times New Roman", Times, serif;
	color: #666;
	margin: 24px 0 -8px;
	padding: 0;
}
#mag-rht-content h4 {
	font: normal normal 13px Georgia, "Times New Roman", Times, serif;
	color: #666;
	margin: -5px 0 0 0;
	padding: 0 0 8px 0;
}
#mag-rht-content h5 {
	font: normal normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #888;
	margin: -6px 0 0 1px;
	padding: 0 0 12px 0;
}

#mag-rht-content h6 {
	font: normal normal 17px Georgia, "Times New Roman", Times, serif;
	color: #1C3955;
	margin: 0;
	padding: 7px 0 7px 0;
}
#mag-rht-content p {
	margin: 0;
	padding: 0 0 11px 1px;
}
.lft {
	font-size: 9px;
	text-indent: -1px;
	padding: 8px;
	margin: 2px 0 8px 8px;
	border: 1px solid #DDDDB7;
	background: #FEFEF6;
	float: right;
}
.lft img {
	margin: 0 0 4px 0;
}
.rht {
	font-size: 9px;
	text-indent: -1px;
	padding: 8px;
	margin: 2px 0 8px 8px;
	border: 1px solid #DDDDB7;
	background: #FEFEF6;
	float: right;
}
.rht img {
	margin: 0 0 4px 0;
}
.rht-quote {
	font: normal normal 15px Georgia, "Times New Roman", Times, serif;
	padding: 10px;
	margin: 2px 0 8px 8px;
	border: 1px solid #ddd;
	background: #fefefe;
	float: right;
	width: 170px;
}
.rht-pdf {
	font-size: 9px;
	padding: 5px 5px 5px 25px;
	margin: 2px 0 0 8px;
	border: 1px solid #DDDDB7;
	background: #FEFEF6 url(../alumni/magazine/2009-spring/img/ico_pdf_small.gif) 6px 4px no-repeat;
	float: right;
}
.first {
	margin: 2px 8px 8px 0;
	float:left;
}
.second {
	margin: 2px 14px 8px 0;
}
.pages {
	clear: both;
	float:right;
	text-align:right;
	margin: 7px 0 0 0;
	display:block;
}
.lft {
	font-size: 9px;
	text-indent: -1px;
	padding: 4px;
	margin: 2px 8px 1px 0;
	border: 1px solid #DDDDB7;
	background: #FEFEF6;
	float: left;
}
.content-lft-col {
	margin: 0 0 8px 0;
	width: 252px;
	float: left;
	clear: left;
}
.content-rht-col {
	margin: 0 0 8px 0;
	width: 252px;
	float: right;
	clear: right;
}
.bio-holder {
	margin: 0 10px 10px 0;
}
.decade-holder {
	width: 522px;
	margin: 0 0 15px 0;
}
.active-page {
	background: #E3EAF1;
}
.pages a {
	padding: 0 2px;
	
}
.photo-holder {
	display: table;
	width: 124px;
	height: 124px;
	overflow: hidden;
	background: #FEFEF6;
	border: 1px solid #CCC;
	text-align:center;
	float:left;
	margin: 2px;
	
}
.gallery-item {	
	display: table-cell;
	vertical-align: middle;
	_padding-top: 20px;
	
}
#editors-note {
	background:#FEFEFE none repeat scroll 0 0;
	border:1px solid #DDDDDD;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:8px;
	margin:2px 0 8px 0;
	padding:10px;
}
.cleaner {
	clear: both;
}
/* left-main navigation
---------------------------------------------------------------------- */
#mag-lft-nav {
	width: 178px;
	padding: 0 0 20px 0;
	border-top: 1px solid #F4F8FB;
}
#mag-lft-nav ul {
	margin: 0;
	padding: 0;
	background: none;
	list-style-image: none;
	list-style-type: none;
}
#mag-lft-nav li {
	margin: 0 auto;
	padding: 0;
	list-style-image: none;
	list-style-type: none;
}
#mag-lft-nav li a {
	display: block;
	font-size: 10px;
	padding: 6px 21px;
	text-decoration:none;
	background: #E3EAF1 url(../alumni/magazine/2009-spring/img/blt_blue_rht.gif) 9px 11px no-repeat;
	border-bottom: 1px solid #F4F8FB;
	color: #1C3955;
}
#mag-lft-nav li a:hover {
	background: #7088A1 url(../alumni/magazine/2009-spring/img/blt_white_rht.gif) 9px 11px no-repeat;
	color: #FFF;
}
body.lft-home #lft-nav-home, body.lft-letter #lft-nav-letter, body.lft-feature #lft-nav-feature, body.lft-fac-notes #lft-nav-fac-notes, body.lft-lectures #lft-nav-lectures, body.lft-alumni #lft-nav-alumni, #mainbody.ten-fall #lft-ten-fall, #mainbody.ten-spring #lft-ten-spring, body.zero-nine-spring #lft-zero-nine-spring, body.zero-nine-fall #lft-zero-nine-fall, body.zero-eight-fall #lft-zero-eight-fall, body.zero-eight-spring #lft-zero-eight-spring, body.zero-seven-fall #lft-zero-seven-fall, body.zero-seven-spring #lft-zero-seven-spring, body.zero-six-fall #lft-zero-six-fall, body.zero-six-spring #lft-zero-six-spring, body.zero-five-fall #lft-zero-five-fall, body.zero-five-spring #lft-zero-five-spring, body.zero-four-fall #lft-zero-four-fall, body.zero-four-spring #lft-zero-four-spring, body.zero-three-fall #lft-zero-three-fall, body.zero-three-spring #lft-zero-three-spring, body.zero-two-fall #lft-zero-two-fall, body.zero-two-spring #lft-zero-two-spring, body.zero-one-fall #lft-zero-one-fall, body.zero-one-spring #lft-zero-one-spring, body.zero-fall #lft-zero-fall {
	background: #7088A1 url(../alumni/magazine/2009-spring/img/blt_white_rht.gif) 9px 11px no-repeat;
	color: #FFF;
}
#feature-sub {
	display:none;
}
body.lft-feature #feature-sub {
	display:block;
}
#fac-notes-sub {
	display:none;
}
body.lft-fac-notes #fac-notes-sub {
	display:block;
}
#lectures-sub {
	display:none;
}
body.lft-lectures #lectures-sub {
	display:block;
}
#alumni-sub {
	display:none;
}
body.lft-alumni #alumni-sub {
	display:block;
}
/* left-sub navigation
---------------------------------------------------------------------- */
#mag-lft-nav li li {
	margin: 0;
	padding: 0;
	list-style-image: none;
	list-style-type: none;
}
#mag-lft-nav ul ul {
	margin: 0;
	padding: 0;
	list-style-image: none;
	list-style-type: none;
}
#mag-lft-nav li li a {
	display: block;
	font-size: 9px;
	padding-left: 31px;
	text-decoration:none;
	background: #f9f9e0 url(../alumni/magazine/2009-spring/img/blt_grey_rht.gif) 20px 11px no-repeat;
	border-bottom: 1px solid #eaeac8;
	color: #444;
}
#mag-lft-nav li li a:hover {
	background: #eaeac8 url(../alumni/magazine/2009-spring/img/blt_grey_rht.gif) 20px 11px no-repeat;
	color: #333;
}
body.notes-1 #notes-1, body.notes-2 #notes-2, body.notes-3 #notes-3, body.notes-4 #notes-4, body.notes-5 #notes-5, body.lectures-1 #lectures-1, body.lectures-2 #lectures-2, body.lectures-3 #lectures-3, body.lectures-4 #lectures-4, body.lectures-5 #lectures-5, body.lectures-6 #lectures-6, body.lectures-7 #lectures-7, body.lectures-8 #lectures-8, body.lectures-9 #lectures-9, body.lectures-10 #lectures-10, body.lectures-11 #lectures-11, body.lectures-12 #lectures-12, body.lectures-13 #lectures-13, body.lectures-14 #lectures-14, body.lectures-15 #lectures-15, body.lectures-16 #lectures-16, body.lectures-17 #lectures-17, body.lectures-18 #lectures-18, body.feature-1 #feature-1, body.feature-2 #feature-2, body.feature-3 #feature-3, body.feature-4 #feature-4, body.feature-5 #feature-5,  body.feature-6 #feature-6, body.alumni-1 #alumni-1, body.alumni-2 #alumni-2, body.alumni-3 #alumni-3, body.alumni-4 #alumni-4, body.alumni-5 #alumni-5, body.alumni-6 #alumni-6, body.alumni-7 #alumni-7, body.alumni-8 #alumni-8, body.alumni-9 #alumni-9, body.alumni-10 #alumni-10, body.alumni-11 #alumni-11, body.alumni-12 #alumni-12, body.alumni-13 #alumni-13, body.alumni-14 #alumni-14, body.alumni-15 #alumni-15, body.alumni-16 #alumni-16, body.alumni-17 #alumni-17, body.alumni-18 #alumni-18 {
	background: #eaeac8 url(../alumni/magazine/2009-spring/img/blt_grey_rht.gif) 20px 11px no-repeat;
	color: #333;
}
/* left-call-outs navigation
---------------------------------------------------------------------- */
#turner-dwnld a {
	display: block;
	font-size: 10px;
	padding: 8px 60px 8px 25px;
	text-decoration:none;
	background: #E4E5E7 url(../alumni/magazine/2010-spring/img/ico_arw_fla.gif) 4px 9px no-repeat;
	border-bottom: 1px solid #F4F8FB;
	color: #1C3955;
}
#turner-dwnld a:hover {
	background: #DDD url(../alumni/magazine/2010-spring/img/ico_arw_fla.gif) 4px 9px no-repeat;
}
#entire-dwnld a {
	display: block;
	font-size: 10px;
	padding: 8px 60px 8px 25px;
	text-decoration:none;
	background: #E4E5E7 url(../alumni/magazine/2009-spring/img/ico_arw_pdf.gif) 4px 9px no-repeat;
	border-bottom: 1px solid #F4F8FB;
	color: #1C3955;
}
#entire-dwnld a:hover {
	background: #DDD url(../alumni/magazine/2009-spring/img/ico_arw_pdf.gif) 4px 9px no-repeat;
}
#reader-dwnld a {
	display: block;
	width: 178px;
	height: 60px;
	text-indent: -999em;
	background: #E4E5E7 url(../alumni/magazine/2009-spring/img/btn_reader_sm.gif) 32px 12px no-repeat;
	border-bottom: 1px solid #F4F8FB;
}
#reader-dwnld a:hover {
	background: #DDD url(../alumni/magazine/2009-spring/img/btn_reader_sm.gif) 32px 12px no-repeat;
}