/*
Theme Name: Mysterio
Theme URI: http://www.dewdropwebs.com/WPthemes/?p=43
Description: "Mysterio" is a fixed width, two-column, dark green "tech" layout; also handles child pages.
Version: 1.3
Author: DewDrop
Author URI: http://www.dewdropwebs.com/WPthemes/
Tags: fixed-width, right-sidebar, two-columns, dark, black, green
*/

/* Basics */
a {text-decoration:none; color:#1670AE;}
a:hover {color:#46EC62;}
.aligncenter {
	display:block;
	margin:0 auto;
	width:100%;
	}
.alignleft {float:left;}
.alignright {float:right;}
img {border:none;}
ul{margin:5px 0 5px 20px;}
ol{margin:5px 0 5px 20px;}
blockquote{
	margin:10px 22px; padding:10px;
	font-size:normal; color:#000000;
	background:#ffffff; opacity: 0.5;filter:alpha(opacity=50);
	
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;

	-khtml-border-radius-topleft:5px;
	-khtml-border-radius-topright:5px;
	-khtml-border-radius-bottomleft:5px;
	-khtml-border-radius-bottomright:5px;

	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	}
code{
	margin:10px;
	font-family:"Courier New", Courier, monospace;
	}
td {border: 1px solid #dddddd;}
hr {clear:both; color:#E5E8EE;}

/* deal with clearing floating divs */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; clear: both; visibility: hidden;
	}
	.clearfix {display:inline-block;}
	.clearfix {display:block;}
	
/*  Body  */
body {
	background:#000000 url('images/bodyback.jpg');
	font: small/140% Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff; 
	margin:0; padding:0;
	}

/* Wrapper */
#wrapt {
	width:850px; 
	margin:0 auto; padding:0;
	text-align:center;
	}

/*  Header  */
#header {
	background:url('images/headback.jpg') no-repeat; 
	height:95px; width:100%;
	margin:0; padding:0; 
	text-align:left;
	}
#header img {}
#header h1 {
	font-size:medium; 
	margin:40px 0 0 20px; padding:0;
	float:left; width:10em;
	}
div>#header h1 {
	font-size:large;
	margin:40px 0 0 40px; 
	}
#header h2 {
	font-size:x-small; 
	margin:48px 0 0 20px; padding:0;
	float:left; 
	color:#AEC0B1;
	}
div>#header h2 {
	font-size:small;
	margin:48px 0 0 40px; 
	}
#header a {color:#46EC62; text-decoration:none;}
#header a:hover {color:#F5FAF6;}

/*  Top Menu */
#menu {
	width:90%; margin:0 0 10px 0; padding:0;
	font-size:x-small; 
	}
div>#menu {font-size:small; margin-top:8px;}
#menu ul {
	list-style:none; height:40px;
	width:100%; padding:0;
	margin:-10px 0 0 0; padding:0; 
	}
div>#menu ul {margin:-20px 0 0 0;}
#menu li {
	float:left; height:40px; padding:0;
	background:url('images/navL.jpg') no-repeat left top;
	}
#menu a {
	float:left; height:40px; padding:14px 20px 0 20px;
	background:url('images/navR.jpg') no-repeat right top;
	color:#477EEC; text-decoration:none;
	}
#menu a:hover {color:#46EC62;}
#menu li.current_page_item {}
#menu li.current_page_item a, #menu li.current_page_ancestor a {
	background:url('images/navR.jpg') no-repeat right top; 
	color:#46EC62;
	height:40px;
	}
/* second level (child) menu */
/* LitePacific Hacks from http://www.giantisland.com/Resources/LitePacificHackforSafariAndIE7.aspx */
ul#submenu {
	clear:both; height:40px; 
	padding:0; 
	/* Firefox */
	voice-family:"\"}\"";
	voice-family:inherit;
	margin:0 0 0 40px; /* FF ignores this -- no clue why */
	}
	/*end*/
	/*\*/
html*ul#submenu {
	[margin:20px 0 0 20px; /* old Mozilla */
	margin:0 0 0 40px; /* Google and SafariPC */
	]margin:0 0 0 30px; /* IE7 */
	}/*end*/
.dummyend[id]{clear:both;}
/*\*/
* html ul#submenu {
	margin:-16px 0 0 20px;
	z-index:1;/* IE6 */
	}
/*end*/
	
/*  Main Content */
#content { 
	width:580px;
	padding:0; margin:0 -10px 0 0; 
	text-align:justify;
	float:left;
	background:#000000 url('images/cntntrpt.jpg') repeat-y;
	}
#content h1 {
	font-size:large; color:#1670AE;
	font-weight:300;
	}
#content h1.archivetitle, #content h1.searchtitle {
	background:#ffffff url('images/bodyback.jpg'); 
	text-align:center;
	padding:10px; margin:0;
	}
#content h2 {
	font-size:medium; color:#1670AE; 
	}
#content h3 {font-size:small; margin:.5em 0;}
#content h4 {font-size:small; margin:.4em 0;}
#content img.alignleft {margin:0 4px 0 0;}
#content img.alignright {margin:0 0 0 4px;}

.entry {margin:8px 10px 8px 14px;}	
.entry p {margin:6px; font-size:x-small;}	
div>.entry p {font-size:small;}
.entry ul, .entry ol {margin-left:40px;}

.navigation {
	background:url('images/bodyback.jpg'); 
	text-align:center;
	padding:0 0 20px 0; margin:0;
	}

.post {
	background:url('images/cntnthead.jpg') no-repeat top left;
	padding:20px 0 0 0;
	color:#000000;
	}
.post a {text-decoration:none; color:#1670AE;}
.post a:visited {text-decoration:none; color:#627181;}
.post a:hover {color:#057F13;}
.post h1 {
	margin:0 0 6px 30px; 
	}
.post-date {
	width:44px; height:49px; 
	float:left; margin:0 30px 8px 12px;
	}
div>.post-date {margin:0 30px 8px 24px;}
.post-month {
	font-size:11px;
	text-transform:uppercase;
	color:#016193;
	text-align:center;
	display:block;
	line-height:11px;
	padding-top:2px;
	margin-left:-3px;
	}
.post-day {
	font-size:18px;
	text-transform:uppercase;
	color:#016193;
	text-align:center;
	display:block;
	line-height:18px;
	padding-top:5px;
	margin-left:-3px;
	}
.post-year {
	font-size:10px;
	text-transform:uppercase;
	color:#545C65;
	text-align:center;
	display:block;
	line-height:6px;
	margin-top:1px;
	margin-left:-3px;
	}
div>.post-year {font-size:6px; color:#727982;}
.metawrap {
	clear:both; font-size:x-small;
	margin:20px 0 -14px 0; padding:0;
	width:100%; height:100px;
	background:url('images/cntntfoot.jpg') no-repeat;
	}
div>.metawrap {font-size:small; margin:0; }
.postmetadata {
	margin:18px 0 0 86px; padding:0;
	width:80%;
	color:#ffffff;
	}
*:first-child+html .postmetadata {padding:8px 0 0 0;} /* IE7 hack */
div>.postmetadata {padding:20px 0 0 0;}
.postmetadata ul {
	padding:0; margin:0;
	display:block; list-style-type:none;
	width:80%; line-height:100%;
	clear:both;
	}
div>.postmetadata ul {line-height:130%;}
.postmetadata ul li{
	float:left; margin-left:4px;
	}
.postmetadata ul li a {
	color:#46EC62;
	}
	
/* Sidebar */
#sidebar {
	width:235px; float:left; font-size:small; 
	margin:0 0 0 10px; padding:0; 
	background:url('images/wdgtrepeat.jpg') repeat-y;
	text-align:left;
	}
#sidebar a {color:#6F8571;}
#sidebar a:hover {color:#46EC62;}
#sidebar h2 {
	font-size:10pt; color:#46EC62;
	padding:3px 6px; margin:-36px 0 18px 0;
	text-align:center;
	}
#sidebar p {margin:0 6px 0 12px; padding: 0;}
#sidebar ul{
	list-style:none;
	margin:0 0 12px 0; padding:0; 
	}
#sidebar ul li{
	margin:2px 0 2px 12px; padding:0;
	text-indent:-12px;
	line-height:120%;
	}
#sidebar ul ul{
	margin:0 0 0 -12px; padding:0;
	list-style:none;
	}
#sidebar ul li ul li{
	background:url('images/bullet.gif') no-repeat;
	background-position:0 3px;
	padding-left:24px;
	margin:2px 0;
	line-height:120%;
	}
.wdgtbox {
	margin:0 20px 0 24px;
	}
.wdgthead {
	background:url('images/wdgthead.jpg');
	height:55px;
	}
.wdgtfoot {
	background:url('images/wdgtfoot.jpg');
	height:20px; width:235px;
	margin:0 0 0 -24px;
	}

/* RSS Widget */
.rsswidget img {
	display: none;
	}
#sidebar h2 a.rsswidget{
	text-decoration: none;
	padding: 0;
	margin: 0;
	}
#sidebar h2 a.rsswidget a:hover{
	text-decoration: none;	
	}
#right h2 a.rsswidget{
	text-decoration: none;
	padding: 0;
	margin: 0;
	}
#right h2 a.rsswidget a:hover{
	text-decoration: none;	
	}

/* Calendar Widget */
#wp-calendar {
	margin: 0 auto;
	text-align: left;
	}
#wp-calendar a{ 
	margin: 0;
	padding: 0;
	}
	
/* text Widget */
.textwidget {margin:0 12px 0 12px; padding: 0;}

/* Comment Form */
#commentform {
	margin:-6px -20px -28px -10px; padding:10px; 
	background:url('images/cntnthead.jpg') no-repeat top left;
	overflow : hidden; _height : 1%; /* IE7 clearing hack */
	}
*:first-child+html #commentform {margin:-2px -10px -28px -10px;} /* IE7 hack */
div>#commentform {margin:-2px -10px -10px -10px;}
#commentform .comicon {
	width:45px; height:50px; 
	float:left; margin:14px 40px 8px 5px;
	background:url('images/comment.jpg') no-repeat top left;
	}
div>#commentform .comicon {margin:10px 30px 8px 10px;}
#commentform p {text-align:center; padding-bottom:10px;}
#commentform form p {
	text-align:left; margin:0 0 0 20px;
	}
#commentform .comfoot {
	background:url('images/cntntfoot.jpg') no-repeat;
	width:580px; height:100px;
	margin:30px 0 -14px -10px; padding:0;
	}
#commentbox{
	width:75%;
	min-width:400px;
	margin:5px 5px 0 100px;
	}
#author, #email, #url{margin:5px 5px 0 0;}
#submit{margin:5px 5px 0 0;}

/* Comments */
#comments{ 
	margin:-8px 0 0 0; padding:10px;
	background:url('images/cntnthead.jpg') no-repeat top left;
	}	
#comments .comfoot {
	background:url('images/cntntfoot.jpg') no-repeat;
	width:580px; height:100px;
	margin:30px 0 -14px -10px; padding:0;
	}
#comments p  {margin:1em 0;}
#comments h3 {text-align:center; margin-bottom:60px;}
ol.commentlist {margin:0 35px 0 65px; padding:0;}
ol.commentlist li {
	background: #DDEBDE;
	margin:10px -30px 10px -30px;
	padding:6px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:0px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;

	-khtml-border-radius-topleft:5px;
	-khtml-border-radius-topright:0px;
	-khtml-border-radius-bottomleft:5px;
	-khtml-border-radius-bottomright:5px;

	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:0px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	}
ol.commentlist li.alt {background:#FAFBFA;}
ol.commentlist a {}
ul.comment li {
	border:0;
	margin:0.5em 0; padding:0; text-align:left;
	}
cite {}
small.commentmetadata {}
img.avatar {
	float:right; 
	margin:0 -28px 0 4px; padding:2px;
	_margin:16px 0 0 4px;		/* IE6 hack */
	width:50px; height:50px;
	border-left:solid 1px #aaaaaa; border-top:solid 1px #aaaaaa;
	border-right:solid 1px #E8F3F9; border-bottom:solid 1px #ffffff;
	}
*:first-child+html img.avatar {margin:20px 0 0 0;} /* IE7 hack */

/* Mysterio Search */
#Msearch {
	float:left; width:240px;
	margin:-20px 0 0 277px;
	}
*:first-child+html #Msearch {margin:-16px 0 0 554px;} /* IE7 hack */
div>#Msearch {margin:-14px 0 0 556px;}
.s {
	float:left;
	background:transparent; border:0;
	width:140px;
	height:20px;
	float:left;
	font-size: 16px;
	color:#282828;
	}
.searchButton {
	float:left; margin:-10px 0 0 28px;
	width:37px;
	height:37px;
	}

/* Widget Search */
#searchform {margin:8px 0 8px 12px; padding: 0;}	
#searchform input {
	background-color:#fff;
	font-family: arial, verdana, sans-serif;
	font-size: 8pt;	
	border:1px solid #BCBCBC;
	color: #6A6A6A;
	margin: 4px 0 0 0;
	padding: 2px 2px 2px 4px;
	}	

/* Footer */
#footer {
	clear:both; text-align:center;
	width:100%; height:2em; 
	margin:0; padding:0; 
	}
#footer p {margin:0; padding:0;}