body {font:14px Arial, Helvetica, sans-serif; color:#333; background:url(../images/headerBg.png) repeat-x #DBDBDB;}
a:link, a:visited {text-decoration:underline; color:#006699;}
a:hover {text-decoration:none;}
a:focus {outline: 1px dotted invert;}
hr {border: 0 #ccc solid; border-top-width: 1px; clear: both; height: 0;}
input {vertical-align:middle;}
/* `Headings
----------------------------------------------------------------------------------------------------*/
h1, h2, h3, h4 {margin:8px 0;}
h1 {font-size:16px;}
h2 {font-size:22px;}
h3 {font-size:14px;}
h4 {font-size:19px;}
h5 {font-size:17px;}
h6 {font-size:15px;}
p {line-height:18px;}

/* Clear Floated Elements */
/* http://sonspring.com/journal/clearing-floats */
.clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after {clear:both; content: ' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0;}
.clearfix {display:inline-block;}
* html .clearfix {height:1%;}
.clearfix {display:block;}

#wrapper {width:990px; margin:auto;}
#header {height:176px; position:relative;}
#header h1 {position:absolute; top:0; left:-15px; text-indent:-1000px; margin:0; overflow:hidden; width:273px; height:99px; background:url(../images/peculr-logo.png) no-repeat;}
#header h1 a {display:block;}
.headBanner {position:absolute; top:1px; right:3px;}
#mainNav {position:absolute; bottom:0px; left:15px;}
#mainNav li {float:left; margin-right:10px;}
#mainNav li a:link, #mainNav li a:visited {text-decoration:none; color:#FFF; font-weight:bold; font-size:13px; display:block;}
#mainNav li a:hover {text-decoration:underline;}
#mainNav li a span {padding:10px; display:block; background:url(../images/mainNavBg.png) no-repeat left 14px;}
#mainNav li a.on:link, #mainNav li a.on:visited {background:url(../images/mainNavBg-on.png) no-repeat right top #FFF; color:#333;}
#mainNav li a.on span {background:url(../images/mainNavBg-on_mask.png) no-repeat left top;}
div.submit {background:url(../images/submitBg.png) no-repeat; width:141px; height:44px; position:absolute; right:0; bottom:40px;}
div.submit a {background:url(../images/butt-submit.png) no-repeat; display:block; width:84px; height:28px; margin:8px 0 0 45px;}
form.login {position:absolute; bottom:3px; right:40px;}
form.login label {float:left; font-size:11px; margin-right:10px; color:#B9E9FF;}
form.login .inputText {background:#6CF; height:19px; width:100px;}
form.login .inputSubmit {background:url(../images/butt-login.png) no-repeat; border:none; width:61px; height:28px;}
form.login .signUp {background:url(../images/butt-signup.png) no-repeat right; text-indent:-1000px; overflow:hidden; width:72px; height:28px; float:left; margin-left:10px; border-left:solid 1px #52BADC; padding-left:10px;}
.rss {position:absolute; bottom:5px; right:0; background:url(../images/iconRSS.png) no-repeat; text-indent:-1000px; overflow:hidden; width:32px; height:30px;}
div#logout {position:absolute; bottom:12px; right:40px; color:#FFF; font-size:12px;}
div#logout a:link, div#logout a:visited {color:#FFF; font-weight:bold;}

#content {/*background:url(../images/contentBg-2cols.png) #FFF;*/}
div.contentHome {background:url(../images/contentBg-2cols.png) #FFF;}
div.content {background:url(../images/contentBg.png) no-repeat #FFF; padding:20px;}

div.colLeft {padding:15px 0; width:653px; float:left; background:url(../images/colLeftBg.png) no-repeat;}
.story {}
.story h2, .story p {width:525px; float:right;}
.story .thumb {width:125px; /*height:125px;*/ float:left;}
.story .thumb img.pic {display:block; margin:auto; border:solid 3px #DDD;}

div.colRight {background:url(../images/colRightBg.png) no-repeat; width:315px; padding-left:22px; float:left;}
div.bannerRight {width:300px; height:250px; background:#333; margin:25px 0;}
h2.forAll {}
div.forAll {border-top:solid 1px #CBCBCB; margin-right:15px; padding:10px 0;}
div.colRight .forAll:first-child {border-top:0 !important;}
div.forAll h3, div.forAll p {font-size:12px; float:right; margin:0; line-height:15px; width:245px;}
div.forAll .thumbSmall {float:left; width:40px; height:40px; overflow:hidden; border:solid 3px #CBCBCB;}
div.forAll .thumbSmall img {}

#footer {border-top:solid 5px #DDD; background:url(../images/footerBg.png) no-repeat center bottom #FFF; padding:0 15px;}
#footer li {display:inline; border-left:solid 1px #CCC;}
.footLinks {margin:30px 0 50px 0;}
.footLinks a {padding:3px 7px 3px 10px; font-size:12px;}
.footLinks li:first-child {border-left:0 !important;}
.copy {clear:both; background:url(../images/footerLogo.png) no-repeat; padding:7px 0 30px 25px; font-size:11px;}

/* PAGING START 
#paging li {border:0; margin:0; padding:0; font-size:12px; list-style:none; display:inline;}
#paging a {margin-right:2px; background:#6C3;}
#paging .previous-off, #paging .next-off {color:#CCC; display:block; float:left; font-weight:bold; padding:3px 4px;}
#paging .first-off, #paging .last-off {background:#CCC; color:#FFF; display:block; float:left; font-weight:bold; padding:3px 4px;}
#paging .next a, #paging .previous a {font-weight:bold; background:none !important; color:#6C3 !important;}
#paging .active{color:#999; font-weight:bold; display:block; float:left; padding:4px 6px;}
#paging a:link, #paging a:visited {color:#FFF; display:block; float:left; padding:3px 6px; text-decoration:none;}
#paging a:hover{text-decoration:underline;}
 PAGING END */

/* SUBMISSION START */
form.submission {width:500px;}
form.submission table {border:0; float:right;}
form.submission table th {text-align:right; vertical-align:top; padding:5px; font-size:16px; color:#069;}
form.submission table td {padding:5px;}
form.submission input, form.submission textarea {width:320px; background:#6CF; font-family:Arial, Helvetica, sans-serif;}
form.submission input {padding:4px 0;}
form.submission textarea {height:150px;}
form.submission .buttContinue {background:url(../images/butt-continue.png) no-repeat; width:73px; height:29px; border:0; float:right;}
/* SUBMISSION END */

/* PAGEBAR START*/
.pagebar {font-size:11px; text-align:left; padding:0 10px; margin-top:10px; text-decoration:none;}
.pagebar a,.pageList .this-page {border:1px solid #9C3; text-decoration:none; padding:4px; background:#9C3;}
.pagebar a:link, .pagebar a:visited {text-decoration:none; padding:4px; color:#FFF !important;}
.pagebar .break {padding:2px 6px 2px 6px;	border:none; background:#fff;	text-decoration:none;}
.pagebar .this-page {border:1px solid #9C3; padding:4px; font-weight:bold; background:#9C3;	color:#fff;}
.pagebar a:hover {text-decoration:underline;}
.pagebar .inactive {/*border:1px solid #ccc;*/ color:#ccc; text-decoration:none; padding:4px 2px;}
.pagebar .linkNext:link, .pagebar .linkNext:visited {background:#FFF; font-weight:bold; color:#9C3 !important; border:none;}
.pagebar .linkPrew:link, .pagebar .linkPrew:visited {background:#FFF; font-weight:bold; color:#9C3 !important; border:none;}
/*PAGEBAR END*/

/* STAR RATING - White */ 
.white-star,
.white-star a:hover,
.white-star a:active,
.white-star a:focus,
.white-star .current-rating{
	background: url(../images/stars_white_bg.gif) left -1000px repeat-x;}
.white-star {
	position:relative;
	width:110px;
	height:19px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position:left top;}
.white-star li {display: inline;}
.white-star a, 
.white-star .current-rating {
	text-align: right;
	position:absolute;
	top:1px;
	left:0;
	text-indent:-1000em;
	height:19px;
	line-height:20px;
	outline:none;
	overflow:hidden;
	border: none;}
.white-star a:hover,
.white-star a:active,
.white-star a:focus{
	background-position:left bottom;}
.white-star a.one-star{
	width:20%; z-index:6;}
.white-star a.two-stars{
	width:40%; z-index:5;}
.white-star a.three-stars{
	width:60%; z-index:4;}
.white-star a.four-stars{
	width:80%; z-index:3;}
.white-star a.five-stars{
	width:100%; z-index:2;}
.white-star .current-rating{
	z-index:1; background-position:left center;}