/*
Theme Name: Showgirl
Theme URI: http://artballs.co.uk/
Description: A magazine style theme with a fully customizable layout. Theme options include site width, 1 or 2 widgetized sidebars, logo uploader, multiple front page grid layouts, Google Analytics, header ad space and tons more. Also includes dynamic SEO keywords and page descriptions. Tested on WP 2.8 using Firefox, IE6 and IE7. Fully optimized for search engine ranking. 100% valid xHTML. Designed by <a href="http://artballs.co.uk">Nathan Jones</a> and based on the magazine theme by c.bavota.
Version: 2.4.11
Author: Nathan Jones
Author URI: http://artballs.co.uk/
Tags: right-sidebar,left-sidebar,fixed-width,three-columns,two-columns,white,custom-header,theme-options

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* Basic Tag Elements */

a {
	text-decoration: none;
	outline: none;
	color: #000033;
	}
	
	a:hover {
	text-decoration: none;
	background-color: #0099CC;
	color: #99CCFF;
		}
	
img { 
	border: 0;
	}

body {
	color: #000033;
	margin: 0 auto;
	font-size: 14px;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	background-color: #000033;
	background-attachment: fixed;
	background-image: url(images/new-idents/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}

h1 a, h2 a, h3 a, h4 a, h5 a {
	color: #222;
	}

textarea {
	width: 97%;
	}

/* Header Elements */

#header{
	margin-top:10px;
	float: left;
	width: 100%;
	height:156px;
	/* background-color: #ff0000; */
	background-image: url(images/new-idents/bigheader.png);
	background-repeat: no-repeat;
	}

#headerad {
	width: 468px;
	}	

#login {
	height: 16px;
	font-size: 12px;
	color: #fff;
	text-align: right;
	padding: 7px 10px 9px;
	background: url(images/login.png) repeat-x;
	}
	
	#login a {
		color: #fff;
		}
	
	#login ul {
		padding: 0;
		margin: 0;
		}
	
	#login ul li {
		display: inline;
		}
	
.dot:before {
	content: url(images/whitedot.png) " ";
	}

#title {
	font-size: 48px;
	margin: 20px 0 0;
	padding: 0;
	line-height: 34px;
	display:none;
	}
	
	#title a {
		color: #222;
		}		
	
	#title a:hover {
		color: #cc0000;
		text-decoration: none;
		}
		
#description {
	font-size: 14px;
	margin: 10px 0 0;
	padding: 0;
	display:none;
	}		
	
#navigation {
	clear: left;
	float: left;
	width: 100%;
	z-index: 100;
	position: relative;
	margin-top: 153px;
	background-image: url(images/new-idents/menubar.png);
	}

#navigation ul * {
	margin:0; 
	padding:0;
	}

	#navigation ul {
		padding: 0;
		margin: 0;
		}
	
	#navigation ul li {
	position:relative;
	font-family: Georgia, "Times New Roman", Times, serif;
	list-style-type: none;
	float: left;
	font-size: 12px;
	line-height: 24px;
	padding: 0;
	margin:0px;
		}
	
	#navigation ul a {
		display: block;
		font-weight: bold;
		color: #666;
		border-right: 1px solid #999;
		padding: 0 15px 1px;
		}
		
		#navigation ul a:hover {
	color: #CCCC99;
	text-decoration: none;
	background-color: #000033;
			}
#navigation ul li:hover ul { display: block; z-index: 1000;}	
#navigation ul li:hover ul ul { display: none; }	
#navigation ul ul { position:absolute; top:24px; left:0; background:#d1d1d1; display:none; list-style:none;}
#navigation ul ul li {position:relative; border:1px solid #aaa; width:159px; margin:0; }
#navigation ul ul li a {display:block; padding:0 7px 0 12px; color: #555; background-color:#d1d1d1; border-right: 0; font-size: 12px; }
#navigation ul ul li a:hover {background-color:#c5c5c5}
#navigation ul ul li:hover ul { display: block; }
#navigation ul ul ul { left:159px; top:-1px; display: none; }
								
#sub-navigation {
	clear: both;
	border-bottom: 1px solid #222;
	float: left;
	width: 100%;
	padding-top: 2px;
 	z-index: 50;
 	position: relative;
	}
	
	#sub-navigation ul {
		padding: 0 0 0 5px;
		margin: 0;
		}
	
	#sub-navigation li {
		list-style-type: none;
		float: left;
		font-size: 12px;
		padding: 0 10px 0 0;
		text-transform: uppercase;
		margin: 0;
		line-height: 22px;
		background: url(images/blackdot.png) right 5px no-repeat;
		position: relative;
		}
	
	#sub-navigation a {
		color: #222;
		padding: 0 5px;
		}
		
		#sub-navigation a:hover {
			text-decoration: underline;
			}
			
#sub-navigation ul li:hover ul { display: block; }	
#sub-navigation ul li:hover ul ul { display: none; }	
#sub-navigation ul ul { position:absolute; top:22px; left:0; background:#fff; display:none; list-style:none; margin:0;padding:0; border-top: 1px solid #000;}
#sub-navigation ul ul li {position:relative; border:1px solid #aaa; border-top: 0;width:159px; margin:0; padding: 0; background: none;}
#sub-navigation ul ul li a {display:block; padding:0 7px 0 12px; color: #555; background-color:#fff; border-right: 0; font-size: 12px; }
#sub-navigation ul ul li a:hover {background-color:#eee}
#sub-navigation ul ul li:hover ul { display: block; }
#sub-navigation ul ul ul { left:159px; top:-1px; display: none; }	


#sub-navigation li.nodot {
	background: none;
	}
	
#sub-navigation li.right-d {
	float: right;
	}

.current_page_item a{
	background-color:#000033;
	color: #FFFFCC;
	}
.current_page_item a:visited{
	background-color:#000033;
	color: #FFFFCC;
	}

.current-cat {
	background-color:#000033;
	color: #FFFFCC;
	}

/* Main Elements */
	
#mainwrapper {
	float: left;
	width: 100%;
	padding: 20px 0 0px 0;
	margin: 19px 0 0 0;
	border-top: 2px solid #000000;
	background-color: #006699;
	background-image: url(images/new-idents/wrapper.png);
	background-repeat: no-repeat;
	}

#sidebar {
	float: right;
	margin: 3px 0px;
	padding: 5px 0 0 0;
	/* background-color: #CCCC66; */
	background-image: url(images/new-idents/sidebar.png);
	background-repeat: repeat;
	border-bottom-width: 2px;
	border-bottom-style: double;
	border-bottom-color: #000000;
	}

#secondsidebar {
	float: left;
	margin: 0 10px;
	padding: 5px 0 0;
	background-attachment: fixed;
	}
	
.side {
	line-height: 20px;
	font-size: 18px;
	margin-bottom: 0;
	color: #999999;
	text-decoration: none;
	}	
	
.side-widget {
	float: left;
	margin: 0 0 10px;
	padding: 0 10px 15px;
	text-decoration: none;
	}
	
.side-widget ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	}

.side-widget ul li {
	padding: 0;
	margin: 0;
	font-size: 13px;
	}
		
.side-widget ul li {
	padding-left: 15px;
	margin: 2px 0;
	}
	
.side-widget h2 {
	font-size: 14px;
	padding: 10px 0 5px;
	margin-top: 0;
	text-align: center;
	text-transform: uppercase;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	}
		
.side-widget .storycontent {
	border-bottom: 1px solid #000000;
	}
		
.side-widget .noline {
	border-bottom: 0;
	}
		
.side-widget input, textarea {
	background-color: #CCCC99;
	border: 2px solid #666633;
	-moz-border-radius: 12px;
   -khtml-border-radius: 12px;
   -webkit-border-radius: 12px;
	border-radius: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #666666;
	width: 170px;
	}
#comment form input, textarea {
	width: 540px;
	}

.posts {
	padding: 0px 9px 0px 9px;
	margin-bottom: 10px;
	float: left;
	width: 100%;
	background-image: url(images/new-idents/deco.png);
	background-repeat: no-repeat;
	background-position: right top;
	border: 1px;
	border-style: solid;
	border-color: #CC0000;
	}
	
.posts h2 {
	margin: 10px 0 0;
	}
	
.posts img {
	margin: 10px 10px 10px 0;
	float: left;
	}
.pages {
	padding: 0px 9px 0px 9px;
	background-image: url(images/new-idents/deco.png);
	background-repeat: no-repeat;
	background-position: right top;
	border: 1px;
	border-style: solid;
	border-color: #CC0000;
	}
	
.readmore {
	color: #cc0000;
	}
		
#footer {
	clear: both;
	float: left;
	width: 100%;
	height:196px;
	padding: 36px 0;
	text-align: center;
	font-size: 11px;
	background-color: #000033;
	background-image: url(images/new-idents/footer.png);
	background-repeat: no-repeat;
	}

#footer  a{
	color:#333333;
	}
#footer  a:hover{
	color:#999999;
	text-decoration: none;
	}

/* Left Content Elements */

#leftcontent {
	float: left;
	margin: 0 10px;
	padding: 0;
	}

#leftcontent h5 {
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-top: 3px;
	padding: 1px 3px 1px 3px;
	color: #CCCCCC;
	margin-bottom: 5px;
	font-size: 14px;
	background-color: #cc0000;
	display: inline;
	}

#leftcontent h1 {
	margin: 0;
	padding: 0;
	font-size: 24px;
	line-height: 26px;
	}

#leftcontent h1.catheader {
	margin-top: 3px;
	color: #cc0000;
	font-weight: normal;
	}
	
	#leftcontent .post h1, 
	#leftcontent .ind-post h1, 
	#leftcontent .twopost h1, 
	#leftcontent .threepost h1 {
		margin-top: 5px;
		font-size: 36px;
		font-family: Georgia, Times, serif;
		font-weight: normal;
		line-height: 38px;
		color: #222;
		}
		
	#leftcontent .twopost h1 {
		font-size: 26px;
		line-height: 28px;
		}
	
	#leftcontent .threepost h1 {
		font-size: 20px;
		line-height: 22px;
		}
	
	#leftcontent .postmetadata {
		clear: both;
		line-height: 14px;
		}
		
	#leftcontent .post .entry {
		font-size: 15px;
		line-height: 18px;
		}
		
	#leftcontent .date {
		margin-bottom: 5px;
		font-style: italic;
		color: #888;
		}
		
	#leftcontent .meta {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 11px;
		color: #444;
		}	
		
	#leftcontent .catdesc {
		background: #f7f7f7;
		border: 3px double #ddd;
		padding: 0 10px;
		color: #666;
		font-size: 13px;
		line-height: 15px;
		margin-bottom: 10px;
		}
		
/* This is your subtitle style */

#leftcontent p.sub {
	font-size: 24px;
	line-height: 26px;
	font-weight: bold;
	font-style: italic;
	margin: 10px 0 0;
	}

/* This is your blockquote style */
	
#leftcontent blockquote {
	width: 250px;
	font-size: 24px;
	line-height: 26px;
	float: right;
	margin: 0 0 0 30px;
	padding: 0 0 2px 0;
	font-style: italic;
	}
	
	#leftcontent blockquote p {
		padding: 0;
		margin: 0;
		}

.more-link {
	font-size: 11px;
	text-align: right;
	color: #cc0000;
	}

.tags a {
	color: #cc0000;
	}
	
.ind-post, .post {
	float: left;
	background-image: url(images/new-idents/deco.png);
	background-repeat: no-repeat;
	background-position: right top;
	padding: 0px 9px 0px 9px;
	border: 1px;
	border-style: solid;
	border-color: #CC0000;
	margin-bottom: 10px;
	width: 100%;
}
.post {
margin-top:26px;
}
	.ind-post img {
		margin: 0px 10px 5px 0;		
		}

#twocol {
	float: left;
	margin-bottom: 3px;
	padding: 10px 0 0;
	background: url(images/line.png) repeat-y 50% 0;
	}

	#twocol img {
		margin: 0px 8px 5px 0;
		}
		
	#twocol hr.two {
	height: 0;
	clear: both;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 1px;
	border-left-width: 0;
	border-bottom-style: solid;
	border-bottom-color: #CC0000;
		}
	
.mainhr {
	float: left;
	background: #aaa;
	clear: both;
	width: 100%;
	height: 1px;
	border: 0;
}	
	
.twopost {
	width: 46%;
	float: left;
	background-image: url(images/new-idents/deco.png);
	background-repeat: no-repeat;
	background-position: right top;
	}	

	.twopost2, .twopost4 {
		margin-left: 7.5%;
		}
		
	.twopost3, .twopost4 {
		border-top: 1px solid #cc0000;
		padding-top:5px;
		}
		
	.twopost1, .twopost3 {
		clear: left;
		}		
		
#threecol {
	float: left;
	background: url(images/line.png) repeat-y 31.5% 0;
	margin-top: 3px;
	}

#threecol2 {
	float: left;
	padding: 0;
	background: url(images/line.png) repeat-y 67% 0;
}

	#threecol img {
		margin: 0px 5px 5px 0;
		}

.threepost {
	width: 29%;
	float: left;
	border-top: 1px solid #aaa;
	padding-top: 10px;
	}

	.threepost2, .threepost5 {
		padding: 10px 0 0;
		margin: 0 6%;
		}
		
	.threepost1, .threepost2, .threepost3 {
		border-top: 0;
		}
		
	.threepost1, .threepost4 {
		clear: left;
		}
			
/* Other Elements */

.red, .entry a {
	color: #cc0000;
	}
	
#tagcloud {
	width: 400px;
	text-align: center;
	margin: auto;
	padding: 20px;
	}	
	
#tagcloud a {
	color: #cc0000;
	}

/* Comment Elements */


h3#comments {
	text-transform: none;
	padding-bottom: 5px;
	}

#postcomments {
	padding-top: 20px;
	}
			
			
	 h4#comments, #respond h3 { color:#333; font:normal 240% georgia,times,serif; margin:0 0 .1em; padding:0 0 .1em; }

	 #respond p { font-size:11px; margin:0 0 1em; }	
	 

	 ol.commentlist { list-style:none; margin:0; padding:0; }

	 ol.commentlist li {
	border:1px solid #cc0000; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
	margin:0 0 10px;
	padding:5px 7px 5px 64px;
	position:relative;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #CCCC99;
	background-color: #003366;
}


	 ol.commentlist li.pingback comment-author { padding:0 170px 0 0; }

	 ol.commentlist li div.vcard { font-weight:bold; font-size: 14px; line-height: 16px; font-family: Georgia, "Times New Roman", Times, serif; }

	 ol.commentlist li div.vcard cite.fn { font-style:normal; font-size: 11px; }

	 ol.commentlist li div.vcard cite.fn a.url, .cancel-comment-reply a { color:#cc0000; text-decoration:none; }

	 ol.commentlist li div.vcard cite.fn a.url:hover, .cancel-comment-reply a:hover { color:#000; }

	 ol.commentlist li div.vcard img.avatar { background: #fff; border:1px solid #aaa; padding: 5px; left:7px; position:absolute; top:7px; }

	 ol.commentlist li div.comment-meta { font-weight:bold; font-size: 10px; line-height: 16px; font-family: Georgia, "Times New Roman", Times, serif; position:absolute; right:10px; text-align:right; top:5px; }

	 ol.commentlist li div.comment-meta a { color:#205B87; text-decoration:none; }

	 ol.commentlist li p { font-weight:normal; font-size: 12px; line-height: 16px; font-family: Georgia, "Times New Roman", Times, serif; margin:5px 0 12px; }

	 ol.commentlist li ul { font-weight:normal; font-size: 12px; line-height: 16px; font-family: Georgia, "Times New Roman", Times, serif; list-style:square; margin:0 0 12px; padding:0; }

	 ol.commentlist li div.reply {
	background:#999;
	border:1px solid #666;
	border-radius:2px;
-moz-border-radius:2px; -webkit-border-radius:2px; 	color:#fff;
	padding:6px 5px 4px;
	text-align:center;
	width:36px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 9px;
	line-height: 1;
	font-weight: bold;
}

	 ol.commentlist li div.reply:hover { background:#cc0000; border:1px solid #cc0000; }

	 ol.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; }

	 ol.commentlist li ul.children { list-style:none; margin:12px 0 0; text-indent:0; }

	 ol.commentlist li ul.children li.depth-2 { margin:0 0 3px; }

	 ol.commentlist li ul.children li.depth-3 { margin:0 0 3px; }

	 ol.commentlist li ul.children li.depth-4 { margin:0 0 3px; }

	 ol.commentlist li ul.children li.depth-5 { margin:0 0 3px; }

	 ol.commentlist ul.children li.odd {
	background-color: #006699;
}

	 ol.commentlist ul.children li.even {
	background-color: #3399CC;
}

	 ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }

			
.commentnumber {
		position: absolute;
		left: 7px;
		bottom: 3px;
		font-size: 14px;
		color: #ccc;
		}
		
/* inputs */

input, textarea { 
    background-color: #003366; 
    border: 2px solid #CC0000; 
    font-family: Georgia, "Times New Roman", Times, serif; 
    font-size: 16px;
    color: #999999; 
}

input:focus, textarea:focus{
	color:#CCCC99;
	background-color: #333300;
}


/* WordPress Required Elements */

.aligncenter,
div.aligncenter {
   display: block;
   margin: 5px auto;
}

.alignleft, div.alignleft {
   float: left;
   margin: 5px 15px 5px 0;
}

.alignright, div.alignright {
   float: right;
   margin: 5px 0 5px 15px;
}

.alignnone {
	margin: 5px 0;
	}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 0;
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

/* Calendar extra elements not in plugin */

#today {
	color: #cc0000;
	}

#wp-calendar {
	margin: auto;
	}
	
/* email newsflash extra elements */
	
.email_table {
	width:800px;
	height:615;
	border:0px;
	align:center;
	background-repeat:repeat-y;
	margin-top:-221px;
	  }
.newsletter_tr {
	background-repeat:no-repeat;
	}
.newsletter_td {
	background-color:#00659F;
	}
.newsletter h2 h3 p {
	color:#003366;
	padding: 2px 3px 2px 3px;
	}
.newsletter h2 {
	font-size:24px;
	}
.newsletter a {
	color:#003366;
	padding: 2px 3px 2px 3px;
	}
.newsletter a:hover {
	color:#FFFFCC;
	text-decoration: none;
	background-color: #000033;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	}		
.newsletter h3 {
	font-size:18px;
	}
.newsletter p {
	font-size:14px;
	}
.newsletter_info {
	font-size: 10px;
	}