/*
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 */

a {
	text-decoration: none;
	outline: none;
	color: #800080;  /* dwm #205B87;  */
	}
	
	a:hover {
                color: #00BFFF;   /* dwm DeepSkyBlue  */ 
		text-decoration: underline;
		}
	
img { 
	border: 0;
	}

body {
	color: #111;
        font-family: Verdana, Arial, Helvetica, sans-serif;    /* dwm #444;  */
 	margin: 0 auto; 
	font-size: 18px;     /* dwm 14px;  */
	padding: 0;   /* dwm  0 30px;  */ 
	}

h1 a, h2 a, h3 a, h4 a, h5 a {
	color: #800080;  /* dwm #222; */
	}

textarea {
	width: 97%;
	}

/* Header Elements */

#header{
	background: #fff;
	float: left;
	width: 100%;
	margin: 0;   /* dwm 0px 10px 0px 10px; */
	}

#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; /* dwm 0; */
	line-height: auto;   /* dwm 34px; */
	}
	
	#title a {
		color: #800080;  /* dwm #222; */
		}		
	
	#title a:hover {
		color: #00BFFF;   /* dwm #cc0000; */
		text-decoration: none;  /* dwm none; */
		}
		
#description {
	font-size: 18px;  /* dwm 14px; */
	margin: 10px 0 0;
	padding: 0 30px; /* dwm 0; */
	}		
	
#navigation {
	clear: left;
	background: url(images/nav-purp.png) repeat;
	float: left;
	width: 100%;
 	z-index: 100;
 	position: relative;
	margin-top: 20px;
	}

#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: 0;
		position: relative;
		}
	
	#navigation ul a {
		display: block;
		font-weight: bold;
		color: #fff;
		border-right: 1px solid #fff;
		padding: 0 15px;
		}
		
		#navigation ul a:hover {
			color: #fff;   /* dwm #444; */
			background: #ff6600;   /* dwm #c5c5c5; */
			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:#ff6600; display:none; list-style:none;}  /* dwm #d1d1d1; */
#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: #fff; background-color:#ff6600; border-right: 0; font-size: 12px; }  /* dwm color: #555; background-color:#d1d1d1; */
#navigation ul ul li a:hover {background-color:#ff6600}  /* #c5c5c5} */
#navigation ul ul li:hover ul { display: block; }
#navigation ul ul ul { left:159px; top:-1px; display: none; }

								
#sub-navigation {
	clear: left;
	background: url(images/nav.png) repeat;
	float: left;
	width: 100%;
 	z-index: 100;
 	position: relative;
	margin-top: 4px;  /* dwm  20px; */
	}

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

	#sub-navigation ul {
		padding: 0;
		margin: 0;
		}
	
	#sub-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: 0;
		position: relative;
		}
	
	#sub-navigation ul a {
		display: block;
		font-weight: bold;
		color: #fff;
		border-right: 1px solid #fff;
		padding: 0 15px;
		}
		
		#sub-navigation ul a:hover {
			color: #fff;   /* dwm #444; */
			background: #ff6600;   /* dwm #c5c5c5; */
			text-decoration: none;
			}  
#sub-navigation ul li:hover ul { display: block; z-index: 1000;}	
#sub-navigation ul li:hover ul ul { display: none; }	
#sub-navigation ul ul { position:absolute; top:4px; left:0; background:#ff6600; display:none; list-style:none;}  /* dwm top:24px; #d1d1d1; */
#sub-navigation ul ul li {position:relative; border:1px solid #aaa; width:159px; margin:0; }
#sub-navigation ul ul li a {display:block; padding:0 7px 0 12px; color: #fff; background-color:#ff6600; border-right: 0; font-size: 12px; }  /* dwm color: #555; background-color:#d1d1d1; */
 /*  #sub-navigation ul ul li a:hover {background-color:#ff6600}  #c5c5c5}
#sub-navigation ul ul li:hover ul { display: block; }  */
#sub-navigation ul ul ul { left:159px; top:-1px; display: none; }
	
/*  dwm #sub-navigation li.nodot {
	background: none;
	}     */
	
#sub-navigation li.right-d {
	float: right;  padding:0 18px;     /* dwm padding added */
	}

/* Main Elements */
	
#mainwrapper {
	float: left;
	width: 100%;
	padding: 10px 0 10px 0;  /* dwm  10px 10px 10px 10px;*/
	margin: 0;
	border-top: 2px solid #aaa;
	border-bottom: 2px solid #aaa;
	background: #fff;
	}

#sidebar {
	float: left;
	margin: 0 10px;
	padding: 5px 0 0;   /* dwm0911 5px 0 0; */
	}

#secondsidebar {
	float: left;
	margin: 0 10px;
	padding: 5px 0 0;   /* dwm0911 5px 0 0; */
	}
	
.side {
	line-height: 20px;
	font-size: 18px;
	margin-bottom: 0;
	}	
	
.side-widget {
	float: left;
	margin: 0 0 10px;
	padding: 0 10px 15px;
        color: #FFd344;     /*  dwm #800080;  */
      background: #FF6600; /* url(http://www.thedareforce.com/images/roundedbot.gif) no-repeat bottom left; */
    padding-bottom: 10px; /* dwm background: #ffffff;  url(images/bg-hatch.gif); #ff8c00; */
	border: 0px solid #ff6600;    /*  dwm #ddd;  */
	}

	.side-widget a {
                color: #FFd344;   /* dwm  */ 
		text-decoration: underline;
		}
    
	.side-widget a:hover {
                color: #FFffff;   /* dwm #FFFFFF; */ 
		text-decoration: underline;
		}

        .side-widgettitle { 
    background: url(http://www.thedareforce.com/images/roundedtop.gif) no-repeat top left; 
    padding: 10px 10px 0 10px; 
} 
 

	.side-widget ul {
		padding: 0;
		margin: 0 10px;      /* dwm 0;  */
		list-style-type: none;
		}

	.side-widget ul li {
		padding: 0;
		margin: 0;
		font-size: 13px;
		}
		
	.side-widget ul li {
		padding-left: 5px;  /* dwm0911 15px;  */
		margin: 2px 0;
		}
	
	.side-widget h2 {
		font-size: 14px;
                color: #FFFFFF;   /* dwm0911 */
		border-bottom: 0px solid #ddd;  /* dwm0911 1px */
		padding: 10px 0 5px;
		margin-top: 0;
		text-align: center;
		text-transform: uppercase;
		}
		
	.side-widget .storycontent {
		border-bottom: 0px solid #ddd;   /* dwm0911 1px */
		}
		
	.side-widget .noline {
		border-bottom: 0;
		}		

.posts {
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	float: left;
	width: 100%;
	}
	
	.posts h2 {
		margin: 10px 0 0;
		}
	
	.posts img {
		margin: 10px 10px 10px 0;
		float: left;
		}
		
.readmore {
	color: #cc0000;
	}
		
#footer {
	clear: both;
	float: left;
	width: 100%;
	padding: 0px 0;      /* dwm  10px 0; */
	text-align: center;
	font-size: 11px;
	border-top: 0px solid #222;  /* dwm  1px solid #222;  */
	background: #fff;
	}

/* 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: #cc66ff;      /* dwm cc0000; */
		margin-bottom: 5px;
		font-size: 14px;
		}

	#leftcontent h1 {
		font-family: Verdana, Arial, Helvetica, sans-serif;  /* dwm */
		margin: 0;
		color: #800080;   /* dwm */
		padding: 0;
		font-size: 24px;
		line-height: 26px;
		}

#leftcontent h1.catheader {
	margin-top: 3px;
	color: #cc66ff;      /* dwm 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:  Verdana, Arial, Helvetica, sans-serif;  /* dwm Georgia, Times, serif; */
		font-weight: normal;
		line-height: 38px;
		color: #800080;  /* dwm #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;
		line-height: 18px;    /* dwm */
		color: #888;
		}
		
	#leftcontent .meta {
		font-family: Verdana, Arial, Helvetica, sans-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;
	font-style: italic;
	}
	
	#leftcontent blockquote p {
		padding: 0;
		margin: 0;
		}

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

.tags a {
	color: #800080;  /* dwm #cc0000; */
	}
	
.ind-post, .post {
	float: left;
	border-bottom: 1px solid #aaa;
	margin-bottom: 10px;
	padding-bottom: 10px;
	width: 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;
	}

	#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: 46%;
	float: left;
	}	

	.twopost2, .twopost4 {
		margin-left: 7.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: 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: #800080;    /* dwm #cc0000; */
	}
	
#tagcloud {
	width: 400px;
	text-align: center;
	margin: auto;
	padding: 20px;
	}	
	
#tagcloud a {
	color: #800080;    /* dwm #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 #d5d5d5; 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:#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: 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: #cc0000;
	}

#wp-calendar {
	margin: auto;
	}