/*
Theme Name: Magazine Comic
Theme URI: http://www.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://www.artballs.co.uk">Nathan Jones</a>.
Version: 1.0
Author: Nathan Jones
Author URI: http://www.artballs.co.uk/
Tags: right-sidebar,left-sidebar,fixed-width,three-columns,two-columns,white,custom-header,theme-options

	The CSS, XHTML and design are copyright protected by Artballs MMIX.

*/

/* Basic Tag Elements */

a {
	text-decoration: none;
	outline: none;
	color: #000000;
	}
	
	a:hover {
	color: #f7f7f7;
	text-decoration: none;
	background-color: #000000;
		}
a:visited {
	color: #000000;
	text-decoration: none;
	}
a:visited:hover {
	color: #f7f7f7;
	text-decoration: none;
	background-color: #000000;
} 
	
img {
	border:0px;
	}

body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: 1px;
	color: #000;
	margin: 0 auto;
	padding: 0;
	text-transform: uppercase;
	font-style: italic;
	background-color:#333333;
	}

h1 a, h2 a, h3 a, h4 a, h5 a {
	color: #000000;
	padding:3px 2px 3px 2px;
	
	}

textarea {
	width: 97%;
	border: 2px solid #000000;
	font-size:18px;
	text-transform: uppercase;
	padding:8px 0px 3px 8px;
	font-family: "Courier New", Courier, monospace;
	font-weight: bold;
	}
/* textarea:focus{
	color:#FFFFFF;
	background-color: #000000;
	font-size: 18px;
	font-style: italic;
	text-transform: uppercase;
} */
/* Header Elements */

#header{
	background: #fff;
	float: left;
	width: 100%;
	margin-left:0px;
	font-size: 18px;
	font-style: italic;
	text-transform: uppercase;
	color: #FFFFFF;
	}
#header a:hover {
	background-color:#ffffff;
	}

#headerad {
	width: 468px;
	}	

#login {
	height: 12px;
	font-size: 12px;
	color: #ccc;
	text-align: right;
	padding: 7px 10px 9px;
	/* background: url(images/login.png) repeat-x; */
	}
	
	#login a {
		color: #ccc;
		}
	
	#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;
	}
	
	#title a {
		color: #222;
		margin: 20px 0 0 20px;
		}		
	
	#title a:hover {
		color: #cc0000;
		text-decoration: none;
		}
		
#description {
	font-size: 14px;
	margin: 0px 0 8px 16%;
	padding: 0;
	color:#000000;
	}	
	
#navigation {
	clear: left;
	/* background: url(images/nav.png) repeat; */
	float: left;
	width: 72%;
	z-index: 100;
	position: relative;
	margin: 6px 0px 6px 24%;
	padding-bottom: 6px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	}

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

	#navigation ul {
		padding: 0;
		margin: 0;
		}
	
	#navigation ul li {
	position:relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	list-style-type: none;
	float: left;
	font-size: 12px;
	line-height: 24px;
	padding: 0;
	margin: 0px 3px 0px 0px;
	position: relative;
	background-color: #FFFFFF;
	border: 2px solid #000000;
		}
	
	#navigation ul a {
	display: block;
	font-weight: normal;
	color: #000;
	padding: 0 9px;
		}
		
		#navigation ul a:hover {
			color: #f7f7f7;
			background-color:#000000;
			}
		#navigation ul a:visited:hover {
			color: #f7f7f7;
			text-decoration: none;
			}
#navigation ul li:hover ul { display: block; z-index: 1000;}	
#navigation ul li:hover ul ul { display: none; }	
#navigation ul ul {
	position:absolute;
	top:20px;
	margin-left:14px;
	left:0;
	display:none;
	list-style:none;
}
#navigation ul ul li {position:relative; width:159px; margin:0; }
#navigation ul ul li a {display:block; padding:0 7px 0 12px; color: #555; background-color:#FFFFFF; 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: 73%;
	padding-top: 2px;
 	z-index: 50;
 	position: relative;
	margin-left:27%;
	background-color:#cccccc;
	}
	
	#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;
		margin: 0;
		line-height: 22px;
		background: url(images/blackdot.png) right 5px no-repeat;
		position: relative;
		}
	
	#sub-navigation a {
		color: #666;
		padding: 0 5px;
		}
		
		#sub-navigation a:hover {
			text-decoration: none;
			}
			
#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: left;
	font-size: 9px;
	color:#666666;	
	}

.geo {
	color:#666666;
	font-weight: bold;
	text-transform:lowercase;
	text-align:center;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	height: 25px;
	}

/* Main Elements */
	
#mainwrapper {
	float: left;
	width: 100%;
	padding: 10px 0px 10px 0px;
	margin: 0;
	background: #fff;
	}

#sidebar {
	float: left;
	margin: 0 10px;
	padding: 5px 0 0;
	}
#sidebar p {
	font-size:9px;
	letter-spacing: 1px;
	}
#secondsidebar {
	float: left;
	margin: 0 10px;
	padding: 5px 0 0;
	}
#secondsidebar p {
	font-size:9px;
	letter-spacing: 1px;
	}
	
.side {
	line-height: 20px;
	font-size: 18px;
	margin-bottom: 0;
	}	
	
.side-widget {
	float: left;
	margin: 0 0 10px 0;
	padding: 0 10px 15px;
	background-color: #F9F9F9;
	border: 2px solid #000000;
	}
	
	.side-widget ul {
		padding: 0px;
		margin: 0;
		list-style-type: none;
		}

	.side-widget ul li {
	padding: 0px 0px 9px 0px;
	margin: 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
		}
		
	.side-widget ul li {
		padding-left: 15px;
		margin: 2px 0;
		}
		
	.side-widget ul li a{
	color: #333333;		
		}
		
	.side-widget h2 {
	background-color: #ECECEC;
	font-weight: bold;
	font-size: 8px;
	letter-spacing: 1px;
	padding: 7px 0 5px 14px;
	margin: 6px 0px 12px 12px;
	border: 2px solid #000000;
		}

		
	.side-widget .noline {
		border-bottom: 0;
		}

.side-image {
	background-color: #FFFFFF;
	padding: 6px;
	margin: 1px 6px 1px 1px;
	border: 1px dashed #CCCCCC;
	position: relative;
	display: inline;
	float: left;
}

.blockout {
	color: #FFFFFF;
	background-color: #66CCFF;
	padding: 1px 2px 1px 2px;
}

.pages {
	margin-top:22px;
	}
.pages p {
background-color:#FFFFFF;
padding:8px;
border: 1px #000000;
}	
.posts-list {
	list-style:none;
	margin:0px;
	display:inline;
}
.posts {
	padding: 20px 20px 22px 22px;
	background-color: #F7F7F7;
	margin: 22px 12px 0px 0px;
	float: left;
	width: 39%;
	border: 2px solid #000000;
	}
.posts h2 {
	margin: 10px 0 0;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	}
		
.posts h2 a {
	margin: 10px 0 0;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	}
	
.posts img {
	margin: 10px 10px 10px 0;
	padding:0px;
	float: left;
	}

.post {
	float: left;
	padding:0px 30px 22px 10px;
	margin: 20px 0px 20px 0px;
	width: 93%;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
}
.post h1 {
	background-color:#f7f7f7;
	border: 2px solid #000000;
	}

		
.readmore {
	color: #cc0000;
	}
		
#footer {
	clear: both;
	float: left;
	width: 100%;
	padding: 10px 0;
	text-align: left;
	font-size: 11px;
	background: #fff;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCCCCC;
	}

/* Left Content Elements */

#leftcontent {
	float: left;
	margin: 6px 10px;
	padding: 12px 22px 0 16px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #000000;
	background-color:#363636;
	}

#leftcontent h5 {
	font-size: 14px;
	font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: normal;
	display:block;
	padding: 12px 14px 8px 22px;
	text-align: center;
		}
.hold {
	background-image: url(images/hold.png);
	width:207px;
	height:132px;
	float: right;
	margin-top:-25px;
	position: relative;
	z-index: 200;
	}

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

#leftcontent h1.catheader {
	font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-weight: normal;
	background-color: #CCFF00;
	display: inline;
	border: 2px solid #000000;
	margin:0px 0px 0px 12px;
	padding: 2px 6px 2px 6px;
	}

#leftcontent .ind-post h1, 
#leftcontent .twopost h1, 
#leftcontent .threepost h1 {
	margin-top: 5px;
	font-size: 36px;
	font-weight: normal;
	line-height: 38px;
	font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #333333;
	padding: 0px 3px 3px;
	}
	
#leftcontent .post h1 {
	font-size: 36px;
	font-weight: normal;
	line-height: 38px;
	font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #333333;
	padding: 6px 18px 6px 12px;
	background-color:f7f7f7;
	border: 2px solid #000000;
	
	display:inline;
	}
		
#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;
	}
small {
	background-color:#cccccc;
	}
.postmetadata a {
	background-color:#666666;
	padding: 1px 3px 1px 3px;
	}		
#leftcontent .post .entry {
	font-size: 15px;
	line-height: 18px;
	}
	
#leftcontent .date {
	margin-bottom: 5px;
	font-style: italic;
	color: #888;
	}
		
#leftcontent .meta {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444;
	}	
		
#leftcontent .catdesc {
	font-family: Trebuchet, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background-color: #F9F9F9;
	text-transform: uppercase;
	margin: 20px 20px 0px 0px;
	padding: 6px 12px 9px 12px;
	border: 2px solid #000000;
		}
.entry li {
	list-style: none;
	font-size: 10px;
		}
		
/* This is your subtitle style */

#leftcontent p.sub {
	font-size: 24px;
	line-height: 26px;
	color: #FFFFFF;
	background-color: #FF3399;
	padding: 9px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	}

/* This is your blockquote style */
	
#leftcontent blockquote {
	width: 250px;
	font-size: 24px;
	line-height: 26px;
	float: right;
	color: #000000;
	background-color: #ffffff;
	margin: 0px 0px 0px 30px;
	border-bottom-width: 12px;
	border-left-width: 12px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #333333;
	border-left-color: #333333;
	}
	
	#leftcontent blockquote p {
	padding: 20px;
	margin: 0;
	font-size: 24px;
		}

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

.tags a {
	color: #cc0000;
	}
	
.ind-post {
	float: left;
	background-color: #F7F7F7;
	padding:0px 30px 22px 10px;
	margin: -55px 0px 20px 0px;
	width: 93%;
	border: 2px solid #000000;
}

	.ind-post img {
		margin: 0px 10px 0px 0;		
		}

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

	#twocol img {
		margin: 0px 8px 5px 0;
		}
		
	#twocol hr.two {
		height: 0;
		border: 0;
		clear: both;
		border-bottom: 1px solid #aaa;
		}
	
.mainhr {
	float: left;
	background: #aaa;
	clear: both;
	width: 100%;
	height: 1px;
	border: 0;
}	
	
.twopost {
	width: 45%;
	float: left;
	border: 2px solid #000000;
	padding: 0px 0px 0px 9px;
	background-color:#F7F7F7;
	}	

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

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

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

.threepost {
	width: 27%;
	float: left;
	padding: 0px 0px 0px 9px;
	border: 2px solid #000000;
	background-color:#F7F7F7;
	}

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

.entry p {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: 1px;
	font-variant: normal;
	background-color:#FFFFFF;
	border: 1px solid #000000;
	padding:8px 18px 8px 18px;
	}

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

/* Comment Elements */

h3#comments {
	padding-bottom: 5px;
	font-weight: normal;
	border: 2px solid #000000;
	display: inline;
	padding:9px 64px 9px 18px;
	background-color:#FFFFFF;
	}

#postcomments {
	padding-top: 20px;
	}
#respond {
	background-image: url(images/bubble.png);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom:86px;
	}
.submit-button {
	
}
#respond textarea {
	border:0px;
	width:400px;
	height:100px;
	margin:64px 0px 0px 90px;
	}			
	 h4#comments, #respond h3 {
	color:#f7f7f7;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 240%;
	font-style: italic;
	clear: both;
	margin-top: 12px;
	margin-right: 0;
	margin-bottom: 0.1em;
	margin-left: 0;
	padding: 8px 0px 0.4em 8px;
}

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

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

ol.commentlist li {
	padding:8px 12px 8px 64px;
	position:relative;
	width:54%;
	}

.thread-even {
	float:left;
	 }
.thread-even p{
	border-radius:12px;
	-moz-border-radius:12px; -webkit-border-radius:12px;
	margin:18px 0 10px 0px;
	padding:24px 48px 48px;
	background-color:#FFFFFF;
	background-image: url(images/bubble-left.png);
	background-repeat: no-repeat;
	background-position: bottom;
	border-top-width: 2px;
	border-right-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-left-color: #000000;
 }
	 
.thread-odd {
	float:right;
	 }
.thread-odd p{
	border-radius:12px;
	-moz-border-radius:12px; -webkit-border-radius:12px;
	margin:18px 0 10px 0px;
	padding:24px 48px 48px;
	background-color:#FFFFFF;
	background-image: url(images/bubble-right.png);
	background-repeat: no-repeat;
	background-position: bottom;
	border-top-width: 2px;
	border-right-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-left-color: #000000;
 }
	 .odd img {
	 float:right;
	 }
	 ol.commentlist li.pingback comment-author { padding:0 170px 0 0; }

	 ol.commentlist li div.vcard { font-weight:normal; font-size: 14px; line-height: 16px; }

	 ol.commentlist li div.vcard cite.fn {
	font-style:normal;
	font-size: 11px;
	padding: 2px 6px;
}
	 
	 .thread-odd cite.fn {
	font-style:normal;
	font-size: 11px;
	color:#f7f7f7;
	float:right;
	background-image: url(images/right-monster.png);
	background-repeat: no-repeat;
	width:128px;
	height:117px;;
}
	 .thread-even cite.fn { font-style:normal; font-size: 11px; color:#f7f7f7; float:left; 	background-image: url(images/left-monster.png);
	background-repeat: no-repeat;
	width:128px;
	height:117px;}

	 ol.commentlist li div.vcard cite.fn a.url, .cancel-comment-reply a { color:#f7f7f7; 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; 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: "Courier New", Courier, monospace; position:absolute; right:10px; text-align:right; top:5px; }

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

	 ol.commentlist li p { font-weight:normal; font-size: 12px; line-height: 16px; font-family: helvetica,arial,sans-serif; margin:5px 0 12px; }

	 ol.commentlist li ul { font-weight:normal; font-size: 12px; line-height: 16px; font-family: helvetica,arial,sans-serif; list-style:square; margin:0 0 12px; padding:0; }

	 ol.commentlist li div.reply { display:none; background:#999; border:1px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; padding:6px 5px 4px;  text-align:center; width:36px; }

	 ol.commentlist li div.reply:hover { display:none; 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:#fff; }

	 ol.commentlist ul.children li.even { background:#f6f6f6; }

	 ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }
	 
#leftcontent comment p {
	font-weight: bold;
	font-family: "Courier New", Courier, monospace;
}			
.commentnumber {
	display:none;
	position: absolute;
	left: 7px;
	bottom: 3px;
	font-size: 14px;
	color: #ccc;
	}
		
input {
	border: 4px solid #000000;
	background-color: #000000;
	font-style: italic;
	text-transform: uppercase;
	color: #FFFFFF;
}
input:focus {
	color:#ffffff;
	background-color: #000000;
}

/* WordPress Required Elements */

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

.alignleft, div.alignleft {
	clear:left;
	float: left;
	margin: 5px 5px 5px 0px;
	padding: 3px 36px 3px 12px;
}
.alignleft a{
	color:#f7f7f7;
	padding:2px 6px;
	}
.storycontent img {
	padding:0px;
	border: 16px solid #ffffff;
	}
	
.entry p img {
	padding:0px;
	margin-right:18px;
	border: 16px solid #ffffff;
	}
.alignright, div.alignright {
   float: right;
   margin: 5px 0 5px 15px;
   padding: 3px 36px 3px 12px;
}
.alignright a{
	color:#f7f7f7;
	padding:2px 6px;
	}

.alignnone {
	margin: 5px 0;
	}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 0;
   /* optional rounded corners for browsers that support it */
   -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;
}

#today {
	color: #cc0000;
	}

#wp-calendar {
	margin: auto;
	}