@import url(/library/css/simple.css);
/*  
Theme Name: Mystify
Theme URI: http://www.5shadestemplates.com , http://wp4themes.com/preview/?preview_theme=mystify-40
Description: An artistic world theme.
Version: 4.0
Author: 5 Shades Templates
Author URI: http://www.5shadestemplates.com
*/

@media screen {
* {
	padding: 0; 
	margin:0;
}
body {
	background: #f0f0f0;
	margin: 20px 0;
	font: 14px/19px "Tahoma", Arial, Verdana, sans-serif;
	color: #333; 
	background: url(bg.gif) 50% 0 repeat-x #d97a1e;
}
a { text-decoration:none;}
a:link, a:visited {color: #24658d;}
a:hover, a:active {color: #CC3333;}
p {margin: 0.7em 0;line-height:1.4em;text-indent:1.5em;}
li p {text-indent:0;}
dl {margin:1em 0;}
dt {font-weight:bold;}
dd {margin:0.5em;padding:0;}
img.image {
	background:url(shadow.gif) no-repeat right bottom;
	padding:4px 10px 10px 4px;	
	border:0;
	border-top:#eee 1px solid;
	border-left:#eee 1px solid;	
}
.clear {
	clear:both;
	height:20px;
}
blockquote {
	color:#666;
	margin: 1em;
	padding: 0 0 10px 50px;
	background: url(blockquote.gif) no-repeat left top;	
}
fieldset {border:0;}
input.form-text, textarea {
	border:#ccc 1px solid;
	background:#fff url(shadow_top.gif) repeat-x top;
	padding:2px;
}
textarea{padding:10px;}
input.form-text:focus, textarea:focus{
	background:#fff url(shadow_top.gif) repeat-x top;
	border:#999 1px solid;
}

#page-wrapper {
	border: #ccc 1px solid; 
	background: #fff; 
	margin: 0 auto; 
	width: 980px; 	
	text-align: left;
}

#header-wrapper {
	height:92px;
	margin: 0; 
}
#header-wrapper h1 {
	height:92px;
	font-size:1.8em;
	margin:0;
	font-variant:small-caps;
	letter-spacing:0px;
	font-weight:normal;
	line-height:102px;
}
#header-wrapper h1 a {
	text-decoration:none;	
	border:0;
}
#header-wrapper h1 a:hover,
#header-wrapper h1 a:active {
	color: #CC3333;
}
#header-wrapper #desc {
	margin:5px 0 0 10px;
	font-size:1em;
	font-weight:normal;
	font-family:Tahoma, Verdana, Arial, Serif;
	letter-spacing:0px;	
}

/* top navigator */
ul#navigator {
	height:20px;
	margin:-92px 0 0 0;
	padding:0 0 0 23px;
	font-size:12px;
	line-height:19px;
	list-style-type:none;
	background:#a7b32a;
	text-align:right;
}
ul#navigator li {
	margin:0;
	padding:0;
	display:inline;
}
ul#navigator li a {
	padding:2px 10px;
	text-decoration:none;
	color:#9F2900;
	font-weight:normal;
}
ul#navigator a:hover {
	text-decoration:none;
	background:#c7e2f2;
	border-bottom:1px red solid;
}
ul#navigator li.active a {
	color:#fff;
	background:#0F4A7F;
}
/* @end */

#content-wrapper {
	margin: 20px 20px 0 10px;
}
 html #content-wrapper {
	height: 1%;
}
#content-wrapper h4 {
	font-size: 1.1em; 
	margin: 1em 0 0 0;
}
#content-wrapper h5 {
	font-size: 1em; 
	margin: 1em 0;
}

#primary {
	float: right; 
	width: 720px; 
	margin-left: 20px;
	font-size:0.9em;
}
#content-wrapper h2,
#content-wrapper h3 {
	font-size: 1.4em; 
	margin: 3px 0 0;	
	font-weight:normal;
	line-height:1.4em;	
	letter-spacing:0px;
	font-weight: normal;
}

/* secondary */
#secondary {
	float: left; 
	width: 200px;
	font-size:0.9em;
	background:#c7e2f2;
	margin:0;
	padding:0;
}
#secondary ul {
	list-style:none;
	margin:10px 0;
	padding:0 0 0 15px;
}
#secondary li {
	margin-bottom:8px;
}
ul#main-menu {
	padding:0;
	margin:0;
}
ul#main-menu li {
	margin:0;
	border-bottom:1px #fff solid;
}
ul#main-menu li a {
	padding:2px 0 2px 20px;
	display:block;
	line-height:24px;
	background:url(menu-bullet.png) 7px center no-repeat;
}
ul#main-menu li a:hover {
	background-color:#B3DAEF;
}

#secondary h2 {
	height:30px;
	margin:0;
	padding:0;
	background:#d97a1e url(h2-bg.png) left top no-repeat;
	color:#353333;
	font-size:16px;
	padding-left:30px;
	line-height:30px;
	clear:both;
}
#submit {padding:3px 5px;}

/* @group Footer */
#footer-wrapper {	margin: 0 10px 0 30px;clear:both;color: #333; font-size: 11px; background: #fff;}
#footer-wrapper p {margin: 0;padding:0;}
#footer-wrapper a {color: #333;}
#footer-wrapper a:hover {color: #666;}
#footer-wrapper ul {margin:0;padding:0;text-align:right;}
#footer-wrapper ul li {display:inline;}
#footer-wrapper #copyright {clear:both;}
/* @end */

#header-wrapper, #content-wrapper, #secondary, #footer-wrapper { overflow: hidden;}

dl.topic-list {margin-top:0;}
div#home-sticky {
	margin:0 0 20px 0;
	padding:5px 10px;
	background:#F8FFCF;
	border:1px #CADF53 solid;
}
#content-wrapper h2.header {text-align:right;font-size:16px;color:#666;}
div.content h2.title {color:#AF2D00;font-size:14pt;}

}