/*
Theme Name: Outrageous Fortune 2.0
Theme URI: http://www.outrageousfortune.co.nz
Description: Custom theme for Outrageous Fortune
Version: 2.0
Author: Stephen Merriman
*/

.clear {
	clear: both;
	font-size: 0px;
	height:1%;
	line-height:0;
}
a {
	color:#d9212a;
}

a img {
	border: none;
	vertical-align: bottom;
}
a:link, a:visited {
	text-decoration: none;
}
a:hover, a:active {
	text-decoration: underline;
}
p {
	margin-top:0;
	margin-bottom:1.4em;
}
body,input,textarea,select {font-family:Arial, Helvetica, sans-serif;font-size:13px;}
#header #menu, 
#header #submenu, 
.navigation, 
.post h3.title, 
.boxtitle,
.post .date, 
.imagecaption .caption, 
.nextepisode h3, 
#main .post .content blockquote,
.musicsec h3.sectitle,
.musicpage h3.sectitle,
.musicpage h4.eptitle,
.viewcomments h3,
.addcomment h3,
h3.pagetitle,
.people .peoplethumb .caption,
.photos .photothumb .caption,
.qacols h3, .addqa h3,
ul.qalist li .answer,
#container .democracy .poll-question, #container .democracy li,
.photo-single .caption,
.addcomment form label, .addcomment form .submit input,
#container .addqa label, #container .addqa label span, #container .addqa #sendbutton,
#footer,
.viewcomments .comnav,
.post .content h4,
.lorettasblog, .watch
{font-family:Rockwell, Georgia, Times, "Times New Roman", sans-serif;}

.alignleft {float:left;display:inline;margin:0 0 8px 8px;}
.alignright {float:right;display:inline;margin:0 8px 8px 0;}
.aligncenter {display:block;margin:0 auto 8px auto;}
body {
	text-align: center;
	background: #000 url(images/bg.jpg) center top repeat-y;
	margin:0;
	color:#fff;
}
#container {
	margin: 0 auto;
	width: 990px;
	text-align: left;
}
#header {width:990px;height:445px;background:url(images/header-2010.jpg) top left no-repeat;}
#header.withsub {margin-bottom:43px;}
#header img {border:none !important;}
#header map area {z-index:5;}

#header {position:relative;}
#header .hoverlayer {position:absolute;top:0;left:0;width:990px;height:445px;z-index:3;}
#header .imagelayer {position:absolute;top:0;left:0;width:990px;height:445px;z-index:4;}
#header .imagelayer img {border:none;vertical-align:bottom;}

#header #menu {
	position:absolute;top:359px;width:872px;left:58px;
	z-index:7;
	background:url(images/menu.png) top left repeat-y;
	border-top:1px solid #242424;
	border-bottom:1px solid #242424;
	line-height:22px;
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
	padding:0 1px;
}
#header #menu ul {margin:0;padding:0;list-style:none;}
#header #menu li {margin:0;padding:0;float:left;display:inline;margin-right:5px;}
#header #menu a {color:#fff;padding:1px 13px;display:block;}
#header #menu li a:hover, #header #menu li a:active, #header #menu li a.selected {
	border:1px solid #d9212a;
	background:#b3191f;
	text-decoration:none;
	padding:0 12px;
}
#header #menu li.right {float:right;margin-right:7px;}
#header #menu li.right a {display:inline;padding:0;}
#header #menu li.right img {vertical-align:middle;}
#header #menu li.right a:hover, #header #menu li.right a:active {
	border:none;
	background:none;
	padding:0;
	
}
#header #submenu {
	position:absolute;z-index:7;top:406px;left:58px;width:854px;
	background:url(images/submenubg.png) top left repeat-y;
	border-bottom:1px solid #242424;
	padding:0 10px;
	text-transform:uppercase;
	font-size:11px;
	line-height:23px;
	font-weight:bold;
	color:#999;
	margin-bottom:20px;
}
#header #submenu ul {margin:0;padding:0;list-style:none;float:left;display:inline;margin-right:20px;}
#header #submenu li {margin:0;padding:0;float:left;display:inline;padding:0 5px;}
#header #submenu a {color:#999;}
#header #submenu a:hover, #header #submenu a:active, #header #submenu a.selected {
	color:#d81f2a;
	text-decoration:none;
}
#header #alleps ul {display:none;}
#header #alleps ul.showing {display:inline;}
.hoverlayer div {
	position:absolute;display:none;
}

#ngaire {
	left:908px;top:113px;width:77px;height:272px;background:url(images/newheader/ngaire.jpg) top left no-repeat;
}
#ted {
	left:840px;top:98px;width:82px;height:288px;background:url(images/newheader/ted.jpg) top left no-repeat;
}
#jethro {
	left:797px;top:94px;width:90px;height:300px;background:url(images/newheader/jethro.jpg) top left no-repeat;
}
#bailey {
	left:743px;top:109px;width:86px;height:285px;background:url(images/newheader/bailey.jpg) top left no-repeat;
}
#hayden {
	left:700px;top:99px;width:70px;height:270px;background:url(images/newheader/hayden.jpg) top left no-repeat;
}
#babyjane {
	left:695px;top:109px;width:45px;height:149px;background:url(images/newheader/babyjane.jpg) top left no-repeat;
}
#loretta {
	left:633px;top:112px;width:93px;height:282px;background:url(images/newheader/loretta.jpg) top left no-repeat;
}
#van {
	left:590px;top:104px;width:85px;height:287px;background:url(images/newheader/van.jpg) top left no-repeat;
}
#cheryl {
	left:525px;top:101px;width:102px;height:296px;background:url(images/newheader/cheryl.jpg) top left no-repeat;
}
#judd {
	left:465px;top:96px;width:82px;height:299px;background:url(images/newheader/judd.jpg) top left no-repeat;
}
#nicky {
	left:417px;top:102px;width:75px;height:289px;background:url(images/newheader/nicky.jpg) top left no-repeat;
}
#pascalle {
	left:356px;top:103px;width:79px;height:285px;background:url(images/newheader/pascalle.jpg) top left no-repeat;
}
#kasey {
	left:299px;top:107px;width:82px;height:284px;background:url(images/newheader/kasey.jpg) top left no-repeat;
}
#munter {
	left:255px;top:102px;width:71px;height:285px;background:url(images/newheader/munter.jpg) top left no-repeat;
}
#aaron {
	left:212px;top:108px;width:63px;height:254px;background:url(images/newheader/aaron.jpg) top left no-repeat;
}
#rochelle {
	left:136px;top:100px;width:92px;height:285px;background:url(images/newheader/rochelle.jpg) top left no-repeat;
}
#eric {
	left:102px;top:107px;width:54px;height:263px;background:url(images/newheader/eric.jpg) top left no-repeat;
}
#falani {
	left:12px;top:95px;width:111px;height:287px;background:url(images/newheader/falani.jpg) top left no-repeat;
}

#body {
	position:relative;z-index:7;zoom:1;
	margin:-40px 58px 0 58px;
}

#main {float:left;display:inline;width:422px;}
#main.mainwide {width:874px;}
#main.mainwide2 {
	width:836px;margin:0 19px;
}
#sidebar {float:right;display:inline;margin-left:20px;width:432px;}

.box {padding:10px 6px;background:#000 url(images/boxbg.png) top left no-repeat;}
.boxwide {background: #000 url(images/boxbgwide.png) top left no-repeat;}
#main .post {margin-bottom:10px;height:1%;}
#main .post .date {padding:0 5px;text-transform:uppercase;font-size:9px;font-weight:bold;color:#999;margin-bottom:5px;}
#main .post h3.title {
	margin:0 0 10px 0;font-weight:normal;padding:0 5px 8px 5px;line-height:1.2em;border-bottom:1px solid #242424;font-size:15px;
}
#main .post .content {
	padding:0 5px;line-height:1.5em;
}
#main .post .content h4 {
	font-size:15px;margin:10px 0 7px 0; font-weight:normal;line-height:1.2em;
}
#main .post .synopsis {font-weight:bold;}
#main .post .content blockquote {
	float:right;display:inline;width:171px;border:1px solid #d42029;background:#b3191f url(images/quote.gif) 7px 10px no-repeat;
	margin:0 0px 15px 20px;
	padding:10px 10px 5px 27px;
	font-size:14px;
}
#main .post .content blockquote p {margin:0;}
#main .post .content blockquote.alignleft {float:left;margin:0 20px 15px 0;}
#main .post .content blockquote cite {
	font-weight:bold;color:#0c0b06;font-style:normal;text-align:right;display:block;
}
.navigation {margin:25px 0;text-transform:uppercase;font-size:10px;font-weight:bold;padding:0 10px;}
.navigation .navleft {float:left;display:inline;width:45%;}
.navigation .navright {float:right;display:inline;width:45%;text-align:right;}

#sidebar .section {margin-bottom:30px;}

#sidebar .ad {text-align:center;}

.imagecaption {position:relative;height:1%;}
.imagecaption img {
	border:6px solid #fff;
}
.noborder img {border:none;}
.imagecaption .caption {
	background:#000;position:absolute;bottom:20px;right:6px;max-width:300px;width:expression(this.offsetWidth>305?"300px":auto);padding:5px 10px;display:inline;font-size:11px;line-height:1.5em;
}
.imagecaption .caption p {margin:0;}

.nextepisode h3 {margin:0;padding:0;font-weight:normal;font-size:12px;text-transform:uppercase;margin-bottom:5px;}

.musicsec {margin-bottom:45px;padding:0 5px;}
.musicsec h3.sectitle, .musicpage h3.sectitle {
	margin:0 0 10px 0;font-size:15px;border-bottom:1px solid #242424;padding:0 5px 5px 5px;font-weight:normal;
}
.musicpage h3.sectitle {
	border:none;
}
.musicpage h4.eptitle {
	font-size:10px;
	font-weight:bold;
	color:#999;
	text-transform:uppercase;
	border-bottom:1px solid #242424;
	padding:0 5px 3px 5px;margin:0 0 8px 0;
}
.music, .awards {font-size:10px;}
.music .col {
	float:left;display:inline;width:206px;margin:0 5px;
}
.music ul, .awards ul {margin:0;padding:0;list-style:none;}
.music ul li {margin:0;padding:0;margin-bottom:25px;}
.music ul li p, .awards ul li p {margin:0;}
.music ul li h3, .awards h3 {font-size:12px;font-weight:bold;margin:0;padding:0;}
.awards .col {float:left;display:inline;width:270px;margin-right:10px;margin-bottom:10px;}
.awards ul li {margin:0 0 2px 0;padding:0;}

.awards {line-height:1.4em;}
.awards .awardsyear {border-bottom:1px solid #242424;margin:5px 0;}
.comcolleft, .qacolleft {float:left;display:inline;width:422px;margin-bottom:20px;}
.comcolright, .qacolright {float:right;display:inline;margin-left:20px;width:432px;}

.qacols {margin-bottom:20px;}

.viewcomments, .addcomment {margin-top:10px;}
.viewcomments h3, .addcomment h3, .qacols h3, .addqa h3 {
	margin:5px 0 10px 0;padding:0 5px;float:left;display:inline;
	font-size:15px;font-weight:normal;
	
}
.addcomment h3, .qacols h3, .addqa h3 {float:none;display:block;padding:0 5px;}
.viewcomments h3 a {
	background:url(images/arr-right.gif) right center no-repeat;padding-right:13px;
}
.viewcomments .box {display:none;}
.showcomments .box {display:block;}
.showcomments h3 a {
	background-image:url(images/arr-down.gif);
}
.viewcomments .comnav {text-align:center;margin-bottom:10px;font-size:10px;text-transform:uppercase;}
.viewcomments .comnav a, .viewcomments .comnav span {padding:0 5px;}
ul#commentlist {
	margin:0;padding:0;list-style:none;
	font-size:12px;
}
ul#commentlist li {margin:0;padding:0 5px;margin-bottom:10px;overflow:hidden;line-height:1.4em;width:388px;}
ul#commentlist li.first {padding-top:0;}
ul#commentlist li.altcomment {background:#2e2e2e;}
ul#commentlist li .comauth {font-weight:bold;}
ul#commentlist li p {margin:0;padding:5px 0;}

h3.pagetitle {font-weight:normal;font-size:15px;margin:0 0 15px 0;}
.people {margin-bottom:20px;}
.people .peoplethumb {
	float:left;display:inline;width:200px;margin-left:12px;margin-bottom:12px;position:relative;
}
.people .thumbfirst {margin-left:0;}
.people .peoplethumb img {border:6px solid #fff;}
.people .peoplethumb .caption {
	position:absolute;bottom:15px;left:26px;width:128px;
	background:#000;padding:5px 10px 7px 10px;
}
.people .peoplethumb .caption .cast {font-size:11px;}
.people .peoplethumb .caption a {color:#fff;}


ul.qalist {margin:0 0 30px 0;list-style:none;font-size:12px;line-height:1.5em;padding:0 5px;}
ul.qalist li {margin:0 0 15px 0;padding:0;}
ul.qalist li .question {margin-bottom:15px;}
ul.qalist li .answer {height:1%;background: url(images/qamidbg.gif) top left repeat-y;font-size:13px;}
ul.qalist li .answer a {color:#fff;text-decoration:underline;}
ul.qalist li .answer .ans1 {background: #000 url(images/qabg.gif) top left no-repeat;padding-left:12px;}
ul.qalist li .answer .ans2 {background: #b3191f;border:1px solid #d42029;border-left:none;padding:0 8px;}
ul.qalist li .answer p, ul.qalist li .question p {margin:8px 0;}

#container .democracy {max-width:none;clear:right;}
#container .democracy ul {margin:0;padding:0;list-style:none;}
#container .democracy .poll-question {display:block;background:#b3191f;border:1px solid #d42029;padding:10px 15px;line-height:1.3em;margin-bottom:10px;font-weight:normal;}
#container .democracy li {margin-bottom:7px;}
#container .democracy li input {margin-left:0;}
#container .democracy .dem-graph {margin-top:3px;border:none;margin-bottom:5px;}
#container .democracy .dem-perc {margin-left:5px;}
#container .democracy .dem-results {padding:0 17px;}
#container .democracy .dem-results li {padding-bottom: 7px; }
#container .democracy .dem-total-votes {text-align:right; font-size:11px;}

#sidebar .section.loretta {border:1px solid #333;background:#666;padding:10px 15px;line-height:1.3em;height:50px;}
#sidebar .section.loretta a {color:#fff;text-decoration:underline;font-family:Verdana,Arial,Helvetica,sans-serif;font-style:italic;}
#sidebar .section.loretta img { float: left; margin-right: 10px; border:1px solid #333; }

#sidebar .section.watch { font-size: 16px; text-align: center; }
#sidebar .section.watch { background: url(/wp-content/themes/outrageous2/images/menu.png) top right repeat-y; padding: 5px 12px; border: none; }
#sidebar .section.watch a { color: #fff; }

.addcomment textarea#comment {width:300px;}

.photos .photothumb {
	float:left;display:inline;width:200px;margin-left:12px;margin-bottom:12px;position:relative;
}
.photos .thumbfirst {
	margin-left:0;
}
.photos .photothumb img {border:6px solid #fff;}
.photos .photothumb .caption {
	position:absolute;bottom:15px;left:37px;right:37px;
	background:#000;padding:5px 10px 7px 10px;
}

.gallery .photothumb {float:left;display:inline;margin:0 10px 10px 0;height:112px;}
.gallery .photothumb img {border:6px solid #fff;}
.photos, .gallery {margin-bottom:40px;}
.extras .gallery {margin-bottom:0;}
.photo-single {text-align:center;border:6px solid #fff;position:relative;height:1%;margin:0 auto 20px auto;}
.photo-single .caption {position:absolute;right:0px;bottom:14px;background:#000;max-width:300px;width:expression(this.offsetWidth>305?"300px":auto);padding:5px 10px;display:inline;font-size:11px;line-height:1.5em;}
.photo-single .caption p {margin:0;}

.addcomment form {margin:0;padding:0;}
.addcomment form p {margin-bottom:15px;height:1%;}
.addcomment form label {width:70px;display:inline;float:left;font-size:12px;padding:5px 0;margin-right:10px;}
.addcomment form input.text, .addcomment form textarea {width:300px;border:none;background:#2e2e2e;float:left;display:inline;padding:5px;color:#fff;font-size:12px;}
.addcomment form .submit {text-align:right;margin-right:0;padding-right:32px;}
.box .addcomment form .submit {padding-right:22px;}
.addcomment form .submit input {font-size:12px;padding:5px;border:1px solid #d9212a;background:#b3191f;color:#fff;margin:0;}
.addcomment form br {clear:both;font-size:0px;}
.addcomment span.required {color:#f00;}
.addcomment p.loggedin {padding:0 5px;}
.comcolright .addcomment form .submit {padding-right:42px;}

.box h3.boxtitle {
	margin:0 0 10px 0;font-weight:normal;padding:0 5px 8px 5px;line-height:1.2em;border-bottom:1px solid #242424;font-size:15px;
}

#container .addqa .reqtxt {display:none;}
#container .addqa .emailreqtxt {display:none;}
#container .addqa #ll {display:none;}
#container .addqa label, #container .addqa label span {width:60px;text-align:left;}
#container .addqa input.single, #container .addqa textarea.area {width:300px;background:#2e2e2e;border:none;color:#fff;padding:5px;font-size:12px;margin-bottom:10px;}
#container .addqa #sendbutton {margin:0;background:#b3191f;border:1px solid #d9212a;color:#fff;font-size:12px;width:auto;float:none;}
#container .addqa p.cf-sb {text-align:right;margin-right:32px;}
#sidebar .addqa {margin-top:5px;}
#container .addqa .cf_info {background:#b3191f;color:#fff;border:1px solid #d42029;}

#footer {font-size:12px;width:874px;margin:20px auto;}
#footer .footleft {float:left;display:inline;width:45%;}
#footer .footright {float:right;display:inline;width:45%;text-align:right;}

.extravideo {float:left;display:inline;margin-left:12px;margin-bottom:12px;}
.extravideo h5 {font-family:Rockwell;font-size:13px;font-weight:normal;margin:0 0 5px 0;}
.extravideo .vid {border:6px solid #fff;}
.firstvideo {margin-left:0;}

.lorettasblog {font-size:15px;}
.blog .content { border:1px solid #333;background:#666; }
.blog .content p {padding:5px 5px 0px 5px; font-size:13px;line-height:22px;font-family:Verdana,Arial,Helvetica,sans-serif;;font-style:italic;}

.democracy {background:#2e2e2e;}
.democracy a {color:#fff;text-decoration:underline;}

.narrowbox {width:422px;}

.charnew-right {width:420px;float:right;display:inline;border:6px solid #fff;}
.charnew-left {width:420px;float:left;display:inline;}
.charnew-left .charnew-pic {float:left;display:inline;width:120px;height:120px;border:6px solid #fff;margin:0 8px 8px 0;}
#TB_window a {color:#d9212a !important;}

#usermessagea.failure {color:#000 !important;}
.cform .cf_li_err {color:#000;}