/* Coffee News Livingston Style Sheet     Copyright 2007 Donald Stein PIC Services LLC*/

body {margin: 0; padding: 0; font: 100% verdana, geneva, lucida, arial, sans-serif; font-size: small; color: #300; background: #ffc;}

/* Hide screen reader link to content area */
#skip {position: absolute; top: -40px; left: 0;}

/* Layout Structure */
#leftnav {float: left; width: 190px;}
#footer {clear: both; background: #d9cf9e;}

/* background for #leftnav  and masthead*/
#wrap {min-width: 190px; max-width: 2000px; background: url(images/leftNavBkgrd.gif) repeat-y 0 120px;}
#cup {margin: 10px 0 20px 30px;}
#marquee {margin: 10px 5px;}
#rankings {position: absolute; top: 45px; right: 20px;}

/* Navigation */
#leftnav ul {margin: 0 0 0 15px; padding: 5px; list-style: none;}
#leftnav ul li {padding: 8px; font-weight: bold; letter-spacing: 1px; color: #630; font-size: 100%;}
#leftnav li a {color: #630; font-size: 75%; text-decoration: none;}
#leftnav li a:hover {color: #300; text-decoration: underline;}
#leftnav ul li ul li {color: yellow;}
#leftnav img {margin: 0 0 0 20px; border: none;}
#topnav {position: absolute; top: 119px; right: 0; float: right; width: 60%; margin: 0; padding: 0 5px 0 0; list-style: none; background: #ffc;}
#topnav li {float: right; margin: 0; padding: 0; font-family: verdana, geneva, lucida, arial, sans-serif; font-size: 100%;}
#topnav a {float: left; display: block; margin: 0 2px 0 0; padding: 4px 8px; color: #ff0; text-decoration: none; border: 1px solid #300; border-top: none; background: #b8944d;}
#topnav a:hover, body#home #t-home a, body#contactus #t-email a {color: #300; background: #c93;}

/* Content Area */
#message {font-size: 120%; color: red; line-height: 130%; border: 1px dotted maroon; padding: 1em; text-align: center;} /* Used for temporary messages posted on pages */
#contentarea {margin: 0 0 30px 260px; padding: 5px 15px; line-height: 130%;}
#contentarea h1 {margin: 0; padding: 0; font: normal 300% souvenir, georgia, serif; text-align: center;}
#contentarea h2 {margin: 1em 0; padding: 0; font: normal 150% souvenir, georgia, serif;}
#contentarea p {
	margin-left: 2em;
	text-align: justify;
}
.movietitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
#moviePlacement {margin: 2em; padding: 5px;}
#contentarea ul li{padding: 5px;}
#contentarea strong {font: normal 120% brody, verdana, geneva, lucida, arial, sans-serif;}
#contentarea .rightText strong {font: bold 110% arial, verdana, geneva, lucida, sans-serif;}
#contentarea table {margin-left: auto; margin-right: auto; padding: 2em;}
#contentarea th {text-align: center; margin: 0; padding: 0;}
#contentarea .tableGutter {width: 15px;}
#contentarea .shade {background-color: #fff99d;}
#contentarea td {padding: 0.8em;}
#distTable td {width: 50%;}
#distTable th {padding: 1.5em 0 0 0;}
#contentarea img, .rightText {float: right; padding: 1em 0 1em 1em; border: none;}
.toTop {font: italic 90% georgia, serif; text-align: center;}
#contentarea hr {clear: right; color: #960;}
.facebook img {border: none; display: block; margin:0 auto 2em auto;}
#leftnav .facebookContest img {border: none; display: block; margin: auto; padding: 0;}

/* Handwriting fonts  and image floats for Testimonials pages */
#contentarea .bradley {font: bold 150% Bradley Hand ITC, verdana, geneva, lucida, arial, sans-serif;}
#contentarea .freestyle {font: normal 200% Freestyle Script, verdana, geneva, lucida, arial, sans-serif;}
#contentarea .lucida {font: normal 120% Lucida Handwriting, verdana, geneva, lucida, arial, sans-serif;}
#contentarea .segoeScript {font: normal 130% Segoe Script, verdana, geneva, lucida, arial, sans-serif;}
#contentarea .segoePrint {font: normal 130% Segoe Print, verdana, geneva, lucida, arial, sans-serif;}
#contentarea div.imgLeft img {float: left; margin: 0 1em 1em 2em; padding: 0;}
#contentarea div.imgRight img {float: right; margin: 0 0 1em 1em; padding: 0;}
.bld {font-weight: bold;}

/* new copy area */
div.para {margin-left: 260px; padding: 0px; font: normal 120% verdana, geneva, lucida, arial, sans-serif; text-align: left;}


/* Content Area Advertisers Page Ad Display */
div#adSpace {float: left; margin: 2em 0;}
div.ad {float: left; height: 230px; width: 340px;}
div.ad img {border: none;}
div.ad ul {display: none;}

/* Form */
#contestForm #formTitle {font-size: 150%; font-weight: bold; background: #960; color: #fff; letter-spacing: 2px; text-align: center;}
#contestForm .subtitle {font-size: 120%; background: #b8944d; color: #300; letter-spacing: 1px; text-align: center;}
#contestForm .lbl {width: 150px; font-weight: bold; background: #c93; text-align: right; padding-right: 1em;}
#contestForm .inp {font-size: 100%; background: #d9cf9e; padding: 0.75em; border: 1px solid #960;}
#contestForm .rtAlign {float: right; font-size: 85%; text-align: center;}
#contestForm #button {font-size: 110%; text-align: center; background: #960; color: #fff; border: 1px solid black; margin-left: auto; margin-right: auto;}
.finePrint {margin: 0; padding: 8px 200px; font-size: 75%; color: #300; text-align: center;}

/* Footer */
#footer #threeFifty {float: left; margin: 25px 30px;}
#footer {clear: both;}
#footer p {margin: 0; padding: 8px; font-size: 75%; color: #300; text-align: center;}
#footer a {text-decoration: none; color: #300;}
#footer a:hover {color: blue;}
#footer #footerText {font: 110% normal souvenir demi, georgia, serif;}
#footer img {border: none; text-decoration: none;}