/**
*
*	TELLYMIX CORE CSS
*
*	$this.store			= cdn2.tellymixcdn.com 
*	$this.imagestore	= images2.tellymixcdn.com  
*
*
*/


/***
BODY 
***/
body {
	font-size: 1.0em;
	font-family: Arial,Helvetica,sans-serif;
	background: #AE0000 url('images/bodybg.png') no-repeat fixed top left;
	color: #333;
	text-align: center;
	margin: 0;
}


/***
ELEMENTS
***/
small, .sidebar ul ul li, .sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
}
.center {
	text-align: center;
	}

.hidden {
	display: none;
}

hr {
	display: none;
}
.clear {
	clear: both;
}




/***
LINKS
***/
a { color:#AE0000; text-decoration:none; }
a:hover { color:#E00000; }

a.more-link{
	-moz-border-radius:5px;
	background:#920000 url('http://images2.tellymixcdn.com/static/theme/7x26_rg.png') repeat-x scroll left top;
	border:1px solid #920000;
	display:block;
	color:#fff;
	float:right;
	font-size:12px;
	font-weight:bold;
	padding:1px 8px;
}

a.more-link:hover{
	background:#AB1616 none;
	color:#fff;
}


a.comment-reply-link {
	background:#D47E29 url(http://images2.tellymixcdn.com/static/theme/7x26_og2.png) repeat-x scroll left top;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	margin-right:5px;
	color:#FFFFFF;
	font-size:11px;
	float:right;
	text-align:right;
	padding:3px 4px;
}
a.comment-reply-link:hover {
	color:#fff;
}
a#cancel-comment-reply-link {
	color:#D47E29;
}
h3#comments a { margin-left:20px; }
a img {
	border: none;
}
div.postmetadata span a { color:#777; }
div.entry a { text-decoration:underline; }
div.share-app ul li a { text-decoration:none; }
div.entry a.more-link { text-decoration:none; }
*:focus { 
	outline:none; 
}

h3 { font-size:1.3em; }
ul#trackbacklist {
	padding:0;
	list-style:none;
}
ul#trackbacklist .comment-author-wrapper { margin:0; }

/***
WRAPPER
***/
div.wrapper { 
	background-color:#FFFFFF;
	margin:30px auto 0;
	width:1000px;
	padding:0px; 
}
div.innerwrapper{
	padding:0px 10px 7px;
	background-repeat:no-repeat;
}


/***
HEADER AND NAV
***/
div#header { 
	background:#fff none repeat-x scroll bottom left; 
	height:100px;
}
div#header h1  { 
	margin:0; 
	padding:0; 
	float:left; 
}
div#header h2  { 
	float:right; 
	color:#FFFFFF;
	float:right; 
	width:50%;
	font-size:1.3em;
	padding-top:20px;
}  
div#header h1 a { 
	display:block; 
	height:150px; 
	width:432px; 
	background:transparent url('images/xf-logo.png') no-repeat scroll top left;
}
div#header h1 a span { 
	display:none; 
}
div#nav, div#innernav, div#nav ul {
	height:26px;
}
div#nav {
	background:#AE0000 none repeat scroll 0 0;
	height:40px;
}
div#innernav {
	margin:0 10px 0 0;
}
div#nav ul {
	list-style:none; 
	margin:0; 
	padding:0; 
}
div#nav ul li { 
	display:block; 
	float:left; 
}
div#nav ul li a { 
	display:block; 
	float:left; 
	padding:13px 12px 12px; 
	color:#ddd; 
	text-transform:uppercase; 
	font-weight:bold; 
	font-size:12px;
}
div#nav ul li a:hover {
	color:#fff;
	background:#004B6F none; 

}
div#nav ul li.page-selected a,
div#nav ul li.page-selected a:hover {
	background-color:#950D09;
	background-image:none;
}
div#nav ul li#navsearchbox{border:none}

div#nav ul li form#cse-search-box{margin-top:5px}

div#nav ul li.noborderleft{border-left:none}

div#nav ul li.noborderright{border-right:none}

div#nav ul li form#cse-search-box{-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#950D09;padding:3px 6px}

div#nav ul li#navsearchbox{float:right}

div#nav ul li form#cse-search-box { float:left;}
div#nav ul li#navsearchbox { height:40px;  }


/***
LAYOUT
***/
div.column { 
	float:left;
	width:61%;	
}
div#content {
	font-size:0.9em;
}
div.entry p { 
	text-align:left; 
	line-height:1.9em;
	color:#222;
	margin:0 0 15px 0; 
}

div#page {
	text-align:left;
	margin:20px auto;
	padding:0 10px;
}
div.post {
	margin: 0 0 10px;
	text-align: justify;
}

div.innerpost { 
	padding:15px 5px; 
}
div.first-innerpost {
	padding-top:5px;
}

div.postmetadata span { 
	float:left; 
	color:#999999; 
	font-size:0.8em;   
}
div.page div.postmetadata { display:none; }
div.page div.entry { margin-top:0px; }
div.page div.innerpost { padding:0 0 10px; }

div.innerpost h2{
	font-size:22px;
	font-weight:normal;
	letter-spacing:-1px;
	margin:0 0 5px;
}









/***
SIDEBAR 
***/
div.sidebar {
	padding:0 5px 10px 0;
	float:right;
	width:37%;
}


div.sidebar ul ul, div.sidebar ul li div { 
	margin-top:10px; 
}



li.widget { padding:10px; font-size:0.9em; background-color:#E6E6E6;
border-bottom:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;}

div.sidebar ul li.widget a { }
li.widget{border:none;background-color:transparent;padding:0}


div.sidebar ul.wp-polls-ul li { color:#333333; }
div.sidebar div.wp-polls-ans input.form-button {
background:#AE0000;
border:1px solid #AE0000;
padding:2px 4px;
background-image:none;
}
div.sidebar div.wp-polls-ans a {color:#AE0000;
}


div.sidebar div.textwidget p { margin-bottom:12px; }
div.sidebar{float:right;padding:0 10px 10px;width:35%}


div.sidebar ul li div.wp-polls{margin:0}



div.sidebar h2{-moz-border-radius-bottomleft:0;-moz-border-radius-bottomright:0;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;background-color:#AB1616;color:#FFF;display:block;font-size:18px;font-weight:bold;letter-spacing:0;margin:0;padding:6px}

div.sidebar div.sidebar-box{background-color:#E6E6E6;border-bottom:2px solid #CCC;margin:0;padding:10px;border-top:1px solid #fff}

div.sidebar div.sidebar-box ul{margin:0}






div.sidebar-box{
	background-image:url(http://images2.tellymixcdn.com/static/theme/grey-box-gradient.png);
	background-position:left bottom;
	background-repeat:repeat-x;
}





/* twitter box */
div.textwidget p#twitter-area {
	background:transparent url(http://images2.tellymixcdn.com/static/theme/twitter.png) no-repeat scroll left center;
	line-height:1.7em;
	padding-left:75px;
}
div.textwidget p#twitter-area a, div.textwidget p#twitter-area a:hover {
	background-color:#1AC6FF;
	color:#FFFFFF;
	font-weight:bold;
	padding:2px;
}

/* rss box */
div.textwidget p#rss-area {
	background:transparent url(http://images2.tellymixcdn.com/static/theme/rss.png) no-repeat scroll left center;
	line-height:1.7em;
	padding-left:35px;
}
div.textwidget p#rss-area a, div.textwidget p#rss-area a:hover {
	background-color:#FF6600;
	color:#FFFFFF;
	font-weight:bold;
	padding:2px;
}

li#text-SELECTNEWS select {
border:1px solid #CCCCCC;
padding:2px;
}
li#text-SELECTNEWS select option {
padding:0 5px;
}







small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
}



.aligncenter object { 
	margin:0 auto; 
	display:block; 
	text-align:center; 
}


/***
COMMENTS
***/
h3#comments {
	color:#000000;
	font-size:21px;
	letter-spacing:-0.5px;
	margin:5px 0;
}
.commentlist {
	text-align: justify;
	background-color:#FFFFFF;
	margin:0;
	border:none;
	padding:0;
}
.commentlist li {
	font-weight: bold;
	list-style: none;
	margin:15px 0;
}
.commentlist li ul li {
	font-size: 1em;
	margin: 5px 0 5px 15px;
}
.children { 
	padding: 0; 
	margin-left:20px; 
}
.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}

.commentlist li .avatar { 
	float:left;
	border: 1px solid #ddd;
	padding: 2px;
	margin-right:12px;
	background: #fff;
}
.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size:15px;
}
.commentmetadata {
	font-weight: normal;
	color:#666666; 
	font-size:0.8em;
	margin: 0;
	display: block;
}
.commentmetadata a { 
	color:#666666; 
}
.comment-author {
	float:left;
}
.comment-author-wrapper {
	margin-left:10px;
	padding:5px 5px 15px;
	background:#fff url(http://images2.tellymixcdn.com/static/theme/arrow.jpg) no-repeat scroll -12px -27px;
}
.comment-content {
	background:#F1F1F1 url(http://images2.tellymixcdn.com/static/theme/comment-bg.jpg) repeat-x scroll top left;
	padding:5px 10px 10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border:1px solid #E0E0E0;
}
.comment-content p {
	margin:0;
	padding:5px 0;
	color:#333;
	font-size:14px;
}
cite.fn { 
	display:block; 
	padding-top:0;
	color:#333;
}
.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	clear:both;
	padding-top:10px;
}



form#commentform {
	padding:0;
	margin:0 auto;
	display:block;
}
#commentform p {
	margin: 5px 0;
	font-size:12px;
	color:#666;
	
}
#commentform textarea, #commentform input {
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	padding:5px; 
	border:1px solid #dddddd;
	color:#666666;
}
#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
}
#commentform textarea {
	width: 98%;
}
#commentform input.form-button, .sidebar input.form-button  {
	background:#C40500 url('images/nav-bg-alt.png') repeat-x scroll left bottom;
	border:1px solid #7A0000;
	color:#ffffff;
	font-weight:bold;
	padding:5px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
#commentform #submit {
	margin:0 6px;
	margin: 0 0 5px auto;
	float: right;
}
.commentlist li div.reply {
	padding:10px 0;
}
div#respond {
	padding:0;
}
div#respond h3 {
	margin-top:0;
	margin-bottom:5px;
}
div#respond:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}



div.comment-navigation a {
	font-size:14px;}
div.comment-navigation {
	padding:10px 0;
}


cite.fn span.tm-com-auth {
	color:#FF0000;
font-size:12px;
padding-left:10px;
text-transform:uppercase;
}




























































#footer {
	padding: 20px 10px;
	margin: 0 auto;
	background-color:#dddddd;
	clear: both;
	width:950px;
	border:none;
	background-repeat:repeat-y;
	padding:20px 25px;
}
#footer p {
	margin: 0;
	padding: 0;
	font-size:12px;
	color:#999;
	text-align:right;
	width:48%; 
	float:right;
}
#footer p.right { 
	float:right; 
	text-align:right; 
}
#footer p a {
	color:#666; 
}
ul.footer-list{
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	width:210px;
	text-align:left;
	margin-bottom:28px;
}
a.spykalogo img{
	padding:0 0 0 2px;
	position:relative;
	top:9px;
}
a.footerlogo{
	float:left;
	margin-right:55px;
}
ul.cbb-fl{width:217px}
ul.tm-fl{width:100px}
ul.bgt-fl{width:250px}
ul.footer-list li{padding:2px}
ul.footer-list li a{color:#333;font-size:11px}
ul.footer-list li.fl-title{padding-left:0}
ul.footer-list li.fl-title a{font-size:16px;font-weight:bold; color:#000;}

div#footer-end{
	width:950px;
	border:none;
	min-height:17px;
	background-repeat:no-repeat;
	margin:0 auto;
	padding:5px 25px;
}

div.copy { color:#555555;
float:left;
font-size:12px;
text-align:left;}
div.copy a { color:#555; border-bottom:1px dotted #555; }
div.copy a:hover { color:#333; border-bottom-color:#333; }
div.swg-tag { float:left;
margin-top:-10px;
text-align:right; margin-left:3px; }
div.swg-tag small { color:#555; font-size: 12px; }
a.spykalogo { position: relative; top:-1px; }

/***
IMAGES
***/
div.entry img { 
	border:1px solid #dddddd; 
}
p img {
	padding: 0;
	max-width: 100%;
}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.aligncenter { 	
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left
}

/***
LISTS 
***/
div.entry ul {
	text-align:justify;
	line-height:1.8em;
}
div.entry ul li { 
	padding-bottom:10px;
}

div.entry ol li {
	margin: 0;
	padding:5px 0;
}
div.sidebar ul, div.sidebar ul ol {
	margin: 0;
	padding: 0;
}
div.sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
}
div.sidebar ul p, div.sidebar ul select {
	margin: 5px 0 8px; line-height:1.8em; 
}
div.sidebar ul ul, div.sidebar ul ol {
	margin:0;
}
div.sidebar ul ul ul, div.sidebar ul ol {
	margin: 0 0 0 10px;
}

ol li, div.sidebar ul ol li {
	list-style: decimal outside;
}
div.sidebar ul ul li, div.sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
}


/***
FORMS
***/
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
}
.sidebar form {
	margin: 0;
}
.entry form { 
	text-align:center;
}


/***
SOCIABLE
***/
div.sociable {
	width:23%;
	float:right;
}
div.sociable ul { list-style:none; margin:0; padding:0; }
div.sociable ul li { padding:5px; float:left; margin:0; }
div.sociable ul li.sociablefirst { padding-left:0; }
div.sociable ul li img { border:none; }

/***
RELATED POSTS
***/
div.related-posts { 
	width:70%;
	float:left; 
	text-align:left;
}
div.related-posts ul { list-style:none; margin:0; padding:0 0 5px; }
div.related-posts ul li { padding:8px 0 0; font-size:11px; margin:0; text-align:left; }

div.content-border {
	border-bottom:1px solid #CDCDCD;
	padding:5px 15px;
	margin:0 auto;
	display:block;
	text-align:center;
}
div.related-posts strong {
	color:#111111;
	display:block;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	margin-bottom:5px;
}
div.related-posts ul li a { font-size:13px; }


/***
TELLYMIX BAR
***/
/** @jd can't be bothered to unminimise it, it works **/
div.tmbar{display:block;background:transparent url('http://www.tellymixcdn.com/bar/skins/silver/bg.png') repeat-x scroll bottom left;height:40px;margin:0;padding:0;top:0;width:100%}
div.tmbar-inside{width:990px;margin:0 auto}
div.tmbar a.tmlogo{display:block;height:40px;width:88px;background-image:url('http://www.tellymixcdn.com/bar/skins/silver/logo.png');background-repeat:no-repeat;float:left;background-position:0 0px}
div.tmbar a.tmlogo span{display:none}
div.tmbar ul{margin:0;padding:0 0 0 0;float:left;width:900px;}
div.tmbar ul li{display:block;float:left; padding:11px 16px 2px}
div.tmbar ul li.selected{background-repeat:no-repeat;background-position:center bottom}
div.tmbar ul li a{display:block;font-weight:bold;font-family:Arial,Helvetica,sans-serif;float:left;height:27px;color:#fff;font-size:0.7em;text-decoration:none;text-transform:uppercase}
div.tmbar ul li a:focus{outline:none}
div.tmbar ul li.bb a{color:#B9054D}
div.tmbar ul li.forums a{color:#666}
div.tmbar ul li.xf a{color:#D10000}
div.tmbar ul li.ta a{color:#317190}
div.tmbar ul li.iac a{color:#4D7028}
div.tmbar ul li.bgt a{color:#41569F}
div.tmbar ul li.music a{color:#AB3F8D}
div.tmbar ul li.winstuff a{color:#E8541F}
div.tmbar ul li.extralink {
	float:right;
	padding:13px 8px 2px;
}
div.tmbar ul li.extralink a {color:#000;font-size:9px;font-weight:normal;letter-spacing:0;}
div.tmbar ul li.extralink a:hover { text-decoration:underline; }



/***
4 box table layout
***/
div#tellymix-box-layout-4wide{}
div#tellymix-box-layout-4wide div.tellymix-box-layout-4wide-row{margin-bottom:50px}
div#tellymix-box-layout-4wide div.tellymix-box-layout-4wide-row div.tellymix-layout-4wide-box{display:block;float:left;width:200px;margin-right:53px}
div#tellymix-box-layout-4wide div.tellymix-box-layout-4wide-row div.tellymix-layout-4wide-end{margin-right:0}

/***
GENERIC TABS
For use on lots of stuff
***/
ul.tellymix-ui-tablist {
	list-style:none;
	margin:0 0 25px;
	padding:6px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-color:#ddd;
}
ul.tellymix-ui-tablist li {
	display:inline;
	padding:0;
	margin:0 5px;
}
ul.tellymix-ui-tablist li a {
	padding:6px 12px;
	font-weight:bold;
	font-size:12px;
	color:#333;
}
ul.tellymix-ui-tablist li.selected a {
	background-color:#ccc;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}



/***
PAGENAVI
***/
div.wp-pagenavi a,div.wp-pagenavi a:link{padding:2px 4px;margin:2px;text-decoration:none;border:1px solid #516C36;color:#516C36;background-color:#FFF}
div.wp-pagenavi a:visited{padding:2px 4px;margin:2px;text-decoration:none;border:1px solid #516C36;color:#516C36;background-color:#FFF}
div.wp-pagenavi a:hover{border:1px solid #5E7D3F;color:#5E7D3F;background-color:#FFF}
div.wp-pagenavi span.pages{padding:2px 4px;margin:2px 2px 2px 2px;color:#999;border:1px solid #fff;background-color:#FFF}
div.wp-pagenavi span.current{padding:2px 4px;margin:2px;font-weight:bold;border:1px solid #516C36;color:#fff;background-color:#516C36}
div.wp-pagenavi span.extend{padding:2px 4px;margin:2px;border:1px solid #fff;color:#999;background-color:#FFF}


/***
NAVIGATION
***/
div.tm-post-nav { background:#004D72 url(http://images2.tellymixcdn.com/static/theme/tmta_navbg.png) repeat-x scroll left bottom; padding:10px; color:#fff; -moz-border-radius-topleft:8px; -moz-border-radius-topright:8px; }
div.tm-post-nav b { text-shadow:1px 1px #083044; display:block; float:left; width:108px; }
div.tm-post-nav div.tm-post-nav-prev { font-size:13px; margin-bottom:8px; }
div.tm-post-nav div.tm-post-nav-next { font-size:13px; }
div.tm-post-nav div.tm-post-nav-prev a { font-size:13px; color: #fff; text-decoration:underline; }
div.tm-post-nav div.tm-post-nav-next a { font-size:13px; color:#fff; text-decoration:underline; }
div.tm-meta-box { background:#e6e6e6 url(http://images2.tellymixcdn.com/static/theme/grey-box-gradient.png) repeat-x scroll left bottom;  padding:10px; }
div.share-app {
	float:right;
	margin:0 0 0 10px;
	-moz-border-radius:5px;
	background-color:#ddd;
	padding-bottom:2px;
}
div.share-app ul {
	list-style:none;
	padding:0;
	margin:0;
}
div.share-app ul li { padding:2px 5px;}
div.share-app ul li.share-header { background:#EA670F; font-size:13px; color:#fff; font-weight:bold; padding:0 5px;	-moz-border-radius-topright:5px; 	-moz-border-radius-topleft:5px; }
div.share-app ul li span { float:left; display:block; 
padding-right:5px; position:relative; top:4px; }
div.share-app ul li a { font-size:12px; }
div.share-app ul li a:hover { text-decoration:underline; }


/***
POLLS 
***/
div.entry div.wp-polls { border:1px solid #ddd; padding:10px; }
div.entry div.wp-polls ul { margin:10px; }


/***
MULTIPAGE NAV 
***/
div.insidepostpages {
	background-color:#ddd;
	padding:10px;
}
div.insidepostpages p { margin:0; }
div.insidepostpages a { display:block; text-align:center; float:left; width:50%; font-size:17px; font-weight:bold; }
div.insidepostpages div.postpagenumbers { font-size:17px; font-weight:bold; color:#111; }
div.insidepostpages div.postpagenumbers a { display:inline; width:auto; float:none; margin:0 10px; }
div.insidepostpages div.postpagenumbers p { text-align:center; }


div.spoiler-warning { border:1px solid #ccc;
color:#333;
font-size:14px;
margin-bottom:25px;
margin-top:20px;
background-color:#ddd;
padding:5px 10px;
} 
div.exclusive p { border:1px solid #FF0000;
color:#FF0000;
display:inline;
font-size:11px;
font-weight:bold;
margin:0 0 10px;
padding:3px;
text-transform:uppercase; }
div.exclusive { margin-bottom:10px; }