/* 
	Name:  fadein.css
	Description:  Main CSS rules for fadeinonline.com
	
=============================
     GLOBAL RESET
*/
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,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,textarea,tfoot,thead,tr,th,td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { font: normal 12px/16px 'Times New Roman',  times,  serif; color: #000; background: #fff url(../images/bgBody.jpg) no-repeat 0 0; }
ol,ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption,th { text-align: left; font-weight: normal; }
legend { margin-left: -.49em; }
em { font-style: italic; }

/*
     END GLOBAL RESET
=============================
     TEXTS

h1, h2, h3, h4 {
	font-size: 2.6em;
	line-height: 1em;
	margin: 0 0 .5em;
	padding: 0;
}
h2 {
	line-height: 1.3em;
	border-bottom: 1px solid #fff;
	padding: 0 0 .1em .3em;
	margin: 0 0 .5em;
}
h3, h4 {
	margin: 1.3em 0 .7em;
}
h4 {
	margin: .5em 0 .3em;
	font-size: 1.18em;
	font-weight: normal;
	padding: 0;
}*/
h1 { font-size: 2em; font-weight: bold; margin: 0 0 1em; }
p,li,dt,dd { font-size: 12px; margin: 0 0 1em; padding: 0; }
p.tall {line-height:400%}
strong { font-weight: 700; }
a {	color: #b72504; text-decoration: underline; }
a: hover { text-decoration: none; }
a: visited { color: #fdefdc; }

/*
     END TEXTS
=============================
     FORMS
*/
form div { width: 90%; overflow: hidden; margin: .5em 0; }
.labelLeft { display: block; float: left; width: 10em; }
.ctrlTextField, textarea { border: none; border: 1px solid #cdcdcd; padding: 3px 7px; margin: 0px; font-size: 12px; font-family: 'Times New Roman',  times,  serif; }
.requiredMarker { color: #ff0000; font-weight: bold; font-size: 1.3em; }
.validation-failed { border: 1px solid #cb7e7e; border-top: 1px solid #9d5050; border-bottom: 1px solid #e59898; background: #ffb2b2 !important; }
.validation-advice { color: #cb7e7e; margin-left: 10em; }

/*
     END FORMS
=============================
     LAYOUTS
*/
#masthead #fadeInLogo { margin: 0 0 12px; }

/* Navigation */
#navigation { font-family: 'Myriad Pro',  Tahoma,  Verdana,  Helvetica,  Arial,  sans-serif; line-height: 14px; }
#navigation li { margin: 0; }
#navigation a { color: #000; text-decoration: none; font-weight: bold; font-size: 12px; display: block; padding: 12px 0; border-bottom: 2px solid #e6e7e8; }
#navigation li: last-child a { border-bottom: none; }
#shareButton, #twitterButton { position: absolute; top: 70px; right: 50px; }
#twitterButton { top: 30px; right: 100px; }
/* Content */
#wrapper { background: url(../images/bgWrapper.png) no-repeat 0 0; padding: 28px 0 0 28px; overflow: hidden; width: 909px; height: 842px; position: relative; }
#leftBar { width: 127px; float: left; }
#content { padding: 20px 27px; width: 537px; height: 698px; float: left; position: relative; }

/* Homepage */
.homepage #content { padding: 0; width: 590px; height: 752px; }
.homepage #content .cover { margin: 0; padding: 0; position: relative; }
.homepage #content #c1 { background: #000 url(../images/cover/cover_01.jpg) right center no-repeat; height: 280px; }
.homepage #content #c2 { background: #000 url(../images/cover/cover_02.jpg) right center no-repeat; height: 175px; }
.homepage #content #c3 { background: #000 url(../images/cover/cover_03.jpg) right center no-repeat; height: 155px; }
.homepage #content #c4 { background: #000 url(../images/cover/cover_04.jpg) right center no-repeat; height: 130px; }
.homepage #content #crosstown a, .homepage #content #decadeOscar a, .homepage #content #marion a { position: absolute; display: block; }
.homepage #content #crosstown a { top: -1px; right: 1px; width: 183px; height: 116px; }
.homepage #content #decadeOscar a { bottom: 1px; left: 1px; width: 208px; height: 110px; }
.homepage #content #marion a { top: -6px; right: 34px; width: 334px; height: 107px; }
.homepage #content .cover a span { margin-left: -999px; }
.homepage #content #crosstown a:hover { background: transparent url(../images/cover/crosstown_traffic_hover.jpg) no-repeat; }
.homepage #content #decadeOscar a:hover { background: transparent url(../images/cover/decade_oscar_hover.jpg) no-repeat; }
.homepage #content #marion a:hover { background: transparent url(../images/cover/marion_hover.jpg) no-repeat; }

/* Articles */
.article #content p { text-indent: 1.5em; margin: 0; text-align: justify; text-justify: newspaper; }
.article #content p.noIndent { text-indent: 0; }
.article #content .initialCap { float: left; margin: .3em 1em .3em 0; }
.article #content #viewablePage { height: 688px; overflow: hidden; position: relative; }
.article #content #pages { width: 53700px; }
.article #content .page { width: 536px; height: 685px; margin-right: 20px; float: left; }

/* Article Links */
#articleLinks { margin: 2em 0; padding: 1em 0; border-top: 1px dashed #ccc; }
#articleLinks li { float: left; margin: 0 2.1em; }

/* Article Footer */
.article #pageInfo, .article #pageNavigation { font-family: 'Myriad Pro',  Tahoma,  Verdana,  Helvetica,  Arial,  sans-serif; font-size: 1em; padding-top: .5em; position: absolute; bottom: 12px; }
.article #pageInfo { left: 27px; }
.article #pageNavigation { right: 27px; font-size: 2em; }
.doublespaced{ line-height: 1.5; }
/*.article #pageCredits { text-align: center; } */
.article #pageInfo2 a, .article #pageNavigation a { color: #666; text-decoration: none; }
.article #pageInfo a:hover, .article #pageNavigation a:hover { text-decoration: underline; }

/* ADS */
#verticalAd { padding: 10px; margin: 90px 0 0 718px; *margin-top: 120px; }

/* Google Search */
#googleSearch { position: absolute; left: 30px; bottom: 0px; }
#googleSearch div { margin: 3px 0; }

/* footer */
#footer { text-align: center; font-size: .86em; color: #442804; min-height: 120px; }
#footer a { color: #442804; }

/* gutter credits */ 
/* .article  #gutterCredit { padding: 10px; margin: 90px 0 0 718px; *margin-top: 120px; }  */
/* #gutterCredit { background: #000 url(../images/gutter-credit.jpg) position: absolute; top: 70px; right: 50px;  }*/