/*
Theme Name: Magazine Basic
Theme URI: http://tinkerpriestmedia.com/free-wordpress-themes/magazine-basic/
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://tinkerpriestmedia.com">c.bavota</a>.
Version: 2.4.11
Author: c.bavota
Author URI: http://tinkerpriestmedia.com/
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 */



.storycontent{ padding-left: 5px;}



#rotator{
	margin: 0px 5px 10px 5px;
}

@font-face {
	font-family: 'SF_Cartoonist_Hand';
	src: url('fonts/SF_Cartoonist_Hand.eot');
	src: local('SF_Cartoonist_Hand'), local('SF_Cartoonist_Hand'), url('fonts/SF_Cartoonist_Hand.ttf') format('truetype');
}


body
{
	margin: 0 auto;
	padding: 0;
	/*background-attachment: fixed;*/      
	background: url('images/celestia_2.jpg') top center no-repeat fixed;
	/*background-repeat: no-repeat top center;*/
        background-color: #000000;
	margin: 0;
}



a {
	text-decoration: none;
	outline: none;
	color: #fff;
	}
	
	a:hover {
		text-decoration: underline;
		}
	
img { 
	/*border: 2px outset #bbffff;*/
	}

body {
	color: #fff;
 	margin: 0 auto; 
	font-size: 13px; 
	padding: 0; 
	}

h1 a, h2 a, h3 a, h4 a, h5 a {
         font-family:SF_Cartoonist_Hand;	
         color: #bbffff;
		padding-left: 10px;
	}

textarea {
	width: 97%;
	}

/* Header Elements */

#header{
	background-color: transparent;
	float: left;
	width: 100%;
        border: 0px 0px 0px 0px;
	}

#headerad {
	width: 468px;
        /*height: 175px;*/
	}	

#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: 3px 0px 0;
	padding: 0;
	line-height: 50px;
	}
	
	#title a {
		color: transparent;
		}		
	
	#title a:hover {
		color: transparent;
		text-decoration: none;
		}
		
#description {
	font-size: 14px;
	margin: 10px 0px 0;
	padding: 0;
        color: #fff
	}		
	
#navigation {
	clear: left;
                      background: transparent url('images/grad1000.png') top left repeat;
                      border: 3px outset #740074;
			
	
	float: left;
	width: 100%;
 	z-index: 100;
 	position: relative;
	margin-top: 5px;
	}

#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: 15px;
		line-height: 34px;
		padding: 0;
		margin: 0;
		position: relative;
		}
	
	#navigation ul a {
		display: block;
		/*font-weight: bold;*/
		color: #fff;
                background: transparent url('images/fundofosco.png') top left repeat;
		border-right: 1px solid #fff;
		padding: 0 11px;
		}
		
		#navigation ul a:hover {
			color: #bbffff;
			background: transparent url('images/fundofosco2.png') top left repeat;
			
			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: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; }
								
								
#rss { float:left;
       height:34px;
       width:150px;
	   background-attachment: scroll;
	   background: transparent url('images/grad1000.png') top left repeat;
       font-size: 15px;	   }
	   
#sub-navigation {
	clear: both;
	border-bottom: 1px solid #ff0080;
	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: 26px;
		background: url(images/blackdot.png) right 3px no-repeat;
		position: relative;
		}
	
	#sub-navigation a {
                font-weight: bold;
		color: #149deb;
		padding: 0 7px;
		}
		
		#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;
	}

/* Main Elements */
	
#mainwrapper {
	float: left;
	width: 100%;
	padding: 10px 0 10px 0;
	margin: 0;
	/*border-top: 2px solid #ff0080;
	border-bottom: 2px solid #ff0080;*/
	background: transparent url('images/grad1000.png') top left repeat;
        /*font-weight: bold;*/
        font-family:Verdana, Arial, Helvetica, sans-serif;
        
	}

#sidebar {
	float: left;
        background-color: transparent;
	margin: 0 10px;
	padding: 5px 0 0;
	}

#secondsidebar {
	float: left;
	margin: 0 10px;
	padding: 5px 0 0;
	}
	
.side {
	line-height: 16px;
	font-size: 14px;
	margin-bottom: 0;
	}	
	
.side-widget {
	float: left;
	margin: 0 0 10px;
	/*padding: 0 10px 10px;*/
	background: transparent url('images/grad1000.png') top left repeat;
	border: 3px outset #740074;
	}
	
	.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 {color: #bbffff;
		font-size: 14px;
		border-bottom: 1px solid #740074;
		padding: 10px 0 5px;
		margin-top: 0;
		text-align: center;
		text-transform: uppercase;
		background: transparent url('images/fundofosco.png') top left repeat;
		}
		
	.side-widget .storycontent {
		border-bottom: 1px solid #ddd;
		}
		
	.side-widget .noline {
		border-bottom: 0;
		}		

.posts {
	border-bottom: 1px solid #ff0080;
	margin-bottom: 10px;
	float: left;
	width: 100%;
        background: transparent url('images/grad1000.png') top left repeat;
	border: 3px outset #740074;
	}
	
	.posts h2 {
		margin: 10px 0 0;
		}
	
	.posts img {
		margin: 10px 10px 10px 0;
		float: left;
		}
		
.readmore {
	color: #ff0080;
	}
		
#footer {
	clear: both;
	float: left;
	width: 100%;
	padding: 10px 0;
	text-align: center;
	font-size: 11px;
	border: 3px outset #740074;
	background: transparent url('images/grad1000.png') top left repeat;
	}

/* Left Content Elements */

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

	#leftcontent h5 {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		margin: 0;
		padding: 0;
		color: #bbffff;
		margin-bottom: 5px;
		font-size: 14px;
                background: transparent url('images/grad1000.png') top left repeat;
		}

	#leftcontent h1 {
		margin: 0;
		padding: 0;
		font-size: 18px;
		line-height: 22px;
                color: #bbffff;
		}

#leftcontent h1.catheader {
	margin-top: 3px;
	color: #149deb;
	font-weight: normal;
	}
	
	#leftcontent .post h1, 
	#leftcontent .ind-post h1, 
	#leftcontent .twopost h1, 
	#leftcontent .threepost h1 {
		padding-top: 5px;
                font-size: 20px;
		font-family: Verdana, Arial, Georgia, Times, serif;
		font-weight: normal;
		line-height: 22px;
		color: #bbffff;
                background: transparent url('images/grad1000.png') top left repeat;
		}
		
	#leftcontent .twopost h1 {
                color: #bbffff;
		font-size: 20px;
		line-height: 22px;
		}
	
	#leftcontent .threepost h1 {
		color: #bbffff;
		font-size: 20px;
		line-height: 22px;
		}
	
	#leftcontent .postmetadata {
		clear: both;
		line-height: 14px;
		}
		
	#leftcontent .post .entry {
		font-size: 14px;
		line-height: 16px;
		padding-left: 15px;
		margin-left: 10px;
		}
		
	#leftcontent .date {
		margin-bottom: 5px;
		font-style: italic;
		color: #888;
		}
		
	#leftcontent .meta {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #0a0e8a;
		}	
		
	#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;
        color: #149deb;
	}

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

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

.tags a {
	color: #0a0e8a;
        margin-top: 30px;
	}
	
.ind-post, .post {
	float: left;
	border: 3px outset #740074;
        margin-bottom: 10px;
	padding-bottom: 10px;
	width: 100%;
        background: url('images/grad1000.png') top left repeat;
        background-size: 100%;

}

	.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;*/
/*background: transparent url('images/fundofosco.png') top left repeat;*/
	}

	#twocol img {
		margin: 0px 8px 5px 0;
		}
		
	#twocol hr.two {
		height: 0;
		border: 0;
		clear: both;
		border-bottom: 1px solid #ff0080;
		}
	
.mainhr {
	float: left;
	background: #740074;
	clear: both;
	width: 100%;
	height: 1px;
	border: 0;
}	
	
.twopost {
	width: 46%;
        height: 200px;
	float: left;
  background: transparent url('images/grad1000.png') top left repeat;
        border: 3px outset #740074;
	}	

	.twopost2, .twopost4 {
		margin-left: 6%;
		}
		
	.twopost3, .twopost4 {
		border-top: 1px solid #740074;
		padding-top:5px;
		}
		
	.twopost1, .twopost3 {
		clear: left;
               /* background: transparent url('images/grad250.png') top left repeat;*/
		}		
		
#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%;
        height: 250px;
	float: left;
	border: 3px outset #740074;
	/*padding-top: 10px;*/
        background: transparent url('images/grad1000.png') top left repeat;
        margin-bottom: 5 px;
	}

	.threepost2, .threepost5 {border: 3px outset #740074;
		/*padding: 10px 0 0;*/
		margin: 0 5%;
                margin-bottom: 5px;
		}
		
	.threepost1, .threepost2, .threepost3 {border: 3px outset #740074;
		/*border-top: 0;*/margin-bottom: 5px;
		}
		
	.threepost1, .threepost4 {border: 3px outset #740074;
		clear: left;
                margin-bottom: 5px;
		}
			
/* Other Elements */

.red, .entry a {
	color: #149deb;
	}
	
#tagcloud {
	width: 150px;
	text-align: center;
	margin: auto;
	padding: 5px;
	}	
	
#tagcloud a {
	color: #149deb;
	}

/* 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 #ff0080; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0 0 10px; padding:5px 7px 5px 64px; position:relative; }

	 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: helvetica,arial,sans-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:#ff0080; 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: helvetica,arial,sans-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: 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 { 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 { 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; }
			
.commentnumber {
		position: absolute;
		left: 7px;
		bottom: 3px;
		font-size: 14px;
		color: #ccc;
		}

/* 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;
   /* 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: #ff0080;
	}

#wp-calendar {
	margin: auto;
	}