/*  

Theme Name: Mystic1

Theme URI: http://www.iioo.info

Description: Mystic wordpress theme

Author: Iioo.info

Author URI: http://www.iioo.info



*/





@import url('css/reset.css');

@import url('css/wordpress.css');

@import url('css/post.css');

@import url('css/comment.css');

@import url('css/menu.css');

@import url('css/sidebar-bottom.css');

@import url('css/sidebar.css');

@import url('css/dropdown.css');



/* Social Style 

********************* */

p, .entry ol, .entry ul {

	margin-bottom: 1.6em;

}

p, li {

	line-height: 1.6em;

}

a:link, a:visited {

	text-decoration: none;

	color: #8D718E;
	
	border-bottom: #FFFFF0;

	

}

a:hover {

	text-decoration: underline;

}


body {

	text-align: center;

	font: normal 12px Trebuchet MS, Verdana, Georgia, "Times New Roman", Times, serif;

	background: #0F000F;

	color: #BBAABC;

}

#page {

	width: 962px;

	margin: 0 auto;

	text-align: justify;

}

#content-wrap {

	border-top: 1px solid #0F000F;

	float: left;

	width: 100%;

}

#content {

	margin-right: 380px;

}

#sidebar {

	float: left;

	margin-left: -350px;

	width: 350px;

	margin-top: 20px;

}

#sidebar-bot {

	border-top: 1px double #222;

	border-bottom: 1px solid #222;

}

#header h1 {

}

#top {

	width: 962px;

	margin: 20px auto 0;

	text-align: left;

}

.subscribe {

	position: absolute;

	right: 0;

	top: 0;

	text-transform: uppercase;

}

.subscribe a {

	background: url('feed.png') no-repeat 0 1px;

	padding-left: 18px;

	color: #fb9c00

}

#head-top {

	border-bottom: 1px solid #0F000F;

	position: relative;

	height: 30px;

}

.dates {

	position: absolute;

	right: 0;

	bottom: 10px;

}

#header {

	position: relative;

	height: 290px;

	background: #0F000F url('header.jpg') no-repeat 0 0;

	display: block

}

#logo h1 a:link, #logo h1 a:visited {

	color: #0F000F;

	text-transform: uppercase;

	font-size: 30px;

	position: absolute;

	left: 420px;

	letter-spacing: 1px;

	top: 20px;

}

.description {

	color: #fff;

	position: absolute;

	right: 10px;

	font-style: italic;

	font-size: 17px;

	bottom: 5px;

}

.search {

}

#s {

	border-left:1px solid #222; border-top:1px solid #222; width: 310px;

	border-bottom: 1px solid #000;

	border-right: 1px solid #000;

	background: url('zoom.png') no-repeat 4px center;

	color: #0F000F; padding-left:20px; padding-right:5px; padding-top:7px; padding-bottom:7px

}

.recent2 {

	overflow: auto

}

.recent2 li {

	display: block;

	color:#fff;

	font-size:0.9em;

	float: left;

	text-align: right;

	width: 580px;

	line-height: 22px;

	border-bottom: 1px solid #222;

}

.recent2 li:hover,.recent2 li:focus {

	color: #efefef;

}

.recent2 li a {

	font-size:1em;

	font-weight: bold;

	float: left;

	text-align: left;

}

.floty {

	overflow: auto;

	margin-bottom: 20px;

}

.floty li {

	float: left;

	font-size: 11px;

	width: 180px;

	text-align: right;

	display: block;

	margin-right: 10px; 

}

.floty li a {

	float: left;

	text-align: left;

	font-size: 13px;

}

.outy, .floty2 {

	overflow: auto;

	margin-bottom: 20px;

}

.floty2 li li {

	float: left;

	font-size: 11px;

	width: 180px;

	text-align: right;

	display: block;

	margin-right: 10px; 

}

.floty2 li li a {

	float: left;

	text-align: left;

	font-size: 13px;

}



#content .gap {

	margin-top: 20px;

}

.extra {

	

	position: relative;

	height: 5px;

	margin-top: 5px;

}

.exone {

	position: absolute;

	top: 9px;

}

.extwo {

	position: absolute;

	right: 0;

	top: 9px;

}

#footer {

	width: 962px;

	text-align: left;

	margin: -14px auto 0;

	position: relative;

	padding-top: 10px;
color:#333;
}

#footer .left {

	font-style: italic;

	font-size: 10px;
color:#333;
}

#footer .right {

	position: absolute;

	right: 0px;

	top: 10px;

	font-size: 10px;

	text-align: right;
color:#333;
}