/*  
Theme Name: MisteryPlay
Theme URI: http://prodengiblog.ru/
Description: MisteryPlay with three columns. Designed for Wordpress.
Theme is combining a magazine and a weblog into one. 
Support Widgets and Gravatars along with automatic thumbnail resizer.
Version: 1.0
Author: Ksana
Author URI: http://prodengiblog.ru/
Tags: black,  three-columns, fixed-width, right&left-sidebar, magazine-style
*/

/************************************************
* import 	                        					*
************************************************/

@import url("css/colorbox.css"); 
@import url("css/header.css"); 
@import url("css/sidebar.css"); 
@import url("css/maincolumn.css");
@import url("css/navi.css"); 
@import url("css/contact.css"); 
@import url("css/slider.css"); 
@import url("css/carousel.css"); 
@import url("css/twitter.css"); 

/************************************************
* Global Styles			                        		*
************************************************/

* {
	margin:0;
	padding:0;
	}
body {
  background: #333;
	width: 100%;
  height: 100%;
  background: #000;
	font-family: Arial, verdana, Sans-Serif;
  margin: 0;
  padding: 0;
	font-size: 13px;	
	color: #818181;
}
p {	
	margin: 15px 0;
}
.left, .alignleft {
	float: left;
}
.right, .alignright {
	float: right;
}
.clear {
  clear: both;
	margin: 0;
	padding: 0;
}

/************************************************
* link					*
************************************************/

a:link, a:visited {
	color: #eee;
	text-decoration: none;
  outline: none;
}
a:hover, a:active {
	color: #666;
	text-decoration: none;
  outline: none;
}
img, a img { 
  border: none;
}
img { opacity: 1;}
img:hover { opacity: 0.8;}

#content img.wp-smiley { 
  float : none; 
	width: 15px;
  height: 15px;
  margin : 0; 
  padding : 0; 
  border : 0; 
} 

/************************************************
* Structure	container				*
************************************************/

#container {  
  position: relative;
	width: 1110px;
  height: auto; 
  background: #000;
  margin : 0 auto 0 !important; 
  padding: 0 25px 0 25px;
  z-index: 1;
} 
.onecolumn {   
  position : relative;
  float: left;
  width: 790px; 
  height: auto;
  margin : 0; 
  padding: 0; 
  text-align: left; 
}
#header {  
}
.page {  
  position: relative;
	width: 1110px;
  background: #000;
	margin: 0;
  padding: 0;
  text-align: left; 
  z-index: 1;
}
#footer{
  background: transparent;
}

/************************************************
* H                           					*
************************************************/

h1, h2, h3, h4, h5 {
	font-weight: normal;
}
h1, h2, h3 {
	font-size: 20px;
}
h4 {
	font-size: 18px;
}
h5 {
	font-size: 18px;
}
h6 {
	font-size: 17px;
}

/************************************************
* adsense_box					*
************************************************/


.main_ad300x250, 
.topmain_ad728x90,
.main_ad728x90,
.sid_ad160x600, 
.sid_ad300x300 {
  float: none;
  height : auto;
  padding: 0; 
}
.main_ad300x250 {
  width : 300px; 
  margin: 0 auto 20px;
} 
.main_ad728x90 { 
	width: 728px;  
	margin: 0 auto 20px;
}
.sid_ad160x600 { 
	width: 160px;  
	margin: 0 auto 20px;
}
.sid_ad300x300 {
  width : 300px;   
  margin-bottom: 20px;
}  
.main_ad300x250 img, 
.main_ad728x90 img,
.sid_ad160x600 img, 
.sid_ad300x300 img {
  border: 0;
} 
#add_top {
  position: relative;
  margin-bottom: -10px;
  z-index: 100;
}

/************************************************
*	Comments								*
************************************************/

#comments {  
	float: left;
  position : relative;
  width: 550px; 
  height: auto;
  margin : 0 0 20px 0; 
	clear: both;
  font-family : Arial, Verdana, Sans-Serif; 
  font-weight : normal; 
  font-size : 13px; 
  overflow: hidden;
} 
#comments h4 { 
  margin: 15px 0 5px 0;
}
#comments h6 { 
  margin: 15px 0 5px 0;
}
#recent_comments { 
  float: left;
  width : auto; 
  margin: 10px 0 20px 0 !important; 
} 
ol.commentlist {  
  height: auto;
  margin : 20px 0 0 0; 
  padding : 0; 
  list-style-type: none; 
}
ol.commentlist li, #trackbacks {    
  position: relative; 
  min-height: 70px;
  margin : 0; 
  padding: 0; 
  list-style-type : none; 
  clear: both!important;
}
#trackbacks { 
  min-height: 0;
  margin : 20px 0 20px 0; 
  padding: 10px 10px 13px 10px; 
  font-size : 13px; 
}
#trackbacks li {    
  font-size : 13px; 
  list-style-type: square;
  margin : 0 0 0 15px; 
  padding: 0; 
}
ol.commentlist li img.avatar {   
  float: left;
  position : relative;
  width : 50px; 
  height : 50px; 
  margin : 0 10px 0 0; 
  padding: 1px; 
  border: 1px solid #3b3b3d;
}
.comment_text {     
  width: auto; 
  min-height: 50px;
  padding: 0; 
  margin : 0 0 7px 0;  
	overflow: hidden;
  font-size: 13px;
} 
.commentmetadata {     
  line-height: 1.5;
  margin : -4px 0 7px 0; 
  padding: 0;
  font-size : 12px; 
  font-weight : normal; 
  text-align: left;
  overflow: hidden;
} 
.commentmetadata .time{
  margin : 0 5px 0 0; 
}
.commentmetadata .author {
  margin : 0; 
}
.comment_text p {   
  width: auto; 
  padding: 0; 
  margin : 0 0 5px 0;  
	overflow: hidden;
  font-size: 13px; 
} 
ol.commentlist li.reply { 
  width : auto; 
  margin : 5px 0 10px 0;  
  font-size : 12px; 
  text-align: left;
  text-decoration : none; 
  clear: both;
}
ol.commentlist li .reply a:hover, ol.commentlist li .reply a:active {  
  text-decoration: none; 
}
#respond {   
  margin: 10px 0 0 0; 
  padding : 0; 
}
#respond h4 { 
  margin: 0; 
  padding : 10px 0 0 0; 
}
#respond p { 
  font-size: 12px; 
  margin: 0 0 1em; 
}

/************************************************
*	Дочерние комментарии						*
************************************************/

ol.commentlist ul.children,
ol.commentlist ul ul.children,
ol.commentlist ul ul ul.children,
ol.commentlist ul ul ul ul.children { 
  width: auto;
  height: auto;
  margin: 15px 0 0 0; 
  text-indent: 0; 
  list-style: none; 
  clear: both;   
}
ol.commentlist ul.children li { 
  height: auto;
  min-height: 70px;
  margin : 0; 
  padding: 0 10px 0 30px; 
  list-style-type : none; 
  clear: both;
 }
ol.commentlist li.depth-1 { 
  width: 550px; 
  margin : 0 0 10px 0; 
}
ol.commentlist ul.children li.depth-2 { 
  width: 520px;
  margin: 5px 0 5px 0;
 }
ol.commentlist ul.children li.depth-3 { 
  width: 490px;
 }
ol.commentlist ul.children li.depth-4 { 
  width: 460px;
 }
ol.commentlist ul.children li.depth-5 { 
  width: 430px;
  margin : 0; 
 }
#cancel-comment-reply {
  margin: 10px 0 20px 0;
	font-size: 13px;
}
.required {  
  font-size: 15px; 
}
.moderation {
  font-style:italic; 
  font-size: 16px;
}

/************************************************
*	Выделение комментариев							*
************************************************/

li.bypostauthor {
    /* CSS для комментариев автора записи */
}

li.byuser {
    /* CSS для пользовательских комментариев */
}

/************************************************
*	Commentsform								*
************************************************/

#commentform {  
  float: left; 
  position: relative;
  width: 548px;
  margin: 0 0 25px 0; 
  font-family: Arial, Verdana, Sans-Serif; 
  z-index: 200;
  clear: both;
} 
#commentform p {      
  overflow : hidden; 
  margin : 0 0 8px 0; 
  padding : 0; 
} 
#commentform.text_comment { 
  float : left; 
  position : relative;
  margin : 10px 0 0 0; 
}
#commentform input, textarea#comment { 
  font-family : Arial, Verdana, Sans-Serif; 
  font-size : 13px; 
  margin: 0; 
  padding : 3px; 
  background : #000; 
  border: 1px solid #3b3b3d;
	color: #818181;
} 
#commentform input { 
  width : 35%; 
  min-width : 165px; 
  height : 18px; 
  margin : 0 10px 0 0; 
  clear: both;
} 
#commentform label {   
  width: 100%; 
	margin: 0;
  padding: 0; 
  font-size: 13px; 
  line-height: 1;
}
textarea#comment {  
  width: 95%;
  height : 150px; 
  margin : 10px 0 10px 0; 
  padding : 10px; 
} 
ol.commentlist ul.children li.depth-2 #commentform { 
  width: 99%;
 }
ol.commentlist ul.children li.depth-3 #commentform { 
  width: 99%;
 }
ol.commentlist ul.children li.depth-4 #commentform { 
  width: 99%;
 }
#commentform input.submit, #contactform input.submit { 
  float: right;
  background: #525254 url('images/enter.jpg') 0 0 repeat-x;  
  width: 150px; 
  height: 26px; 
  margin: 0 5px 0 0 !important;
  padding: 0 0 2px 0; 
  border: 0; 
	color: #a9a9a9;
  cursor: pointer; 
  font-size: 14px; 
  text-align: center;
  overflow: hidden;
} 
#commentform input.submit:hover, #contactform input.submit:hover { 
	color: #888;
} 
#commentform .alignleft { 
	margin: 0 0 10px 0;
  padding:0;
  width: 60%; 
  font-size: 13px; 
}
#commentform .alignright {     
  float: right; 
  text-align : right; 
	margin: 0 5px 10px 0;
  padding: 0; 
  width: 60px; 
  font-size: 13px; 
  text-align: right;
}

/*********************************************
	a navi
*********************************************/

a#recent_comments {  
  width: 240px;
  background: url('/wp-content/themes/MisteryPlay/images/arrow_top.gif') right 4px no-repeat;
} 
.navi_top { 
  width : 550px; 
  height: auto;
} 
a#first {  
  width: auto;
  background: url('/wp-content/themes/MisteryPlay/images/arrow_bot.gif') right 4px no-repeat;
  padding-right: 18px;
} 
a#ancor { 
  width: auto;
  background: url('/wp-content/themes/MisteryPlay/images/arrow_bot.gif') left 4px no-repeat;
  padding-left: 18px;
} 

/*********************************************
	Comment	editor
*********************************************/

blockquote {
	margin: 5px 0 5px 10px;
	padding: 0 0 0 10px;
	border-left: 4px solid #3b3b3d;
	font-style: italic;
}
blockquote blockquote {
	margin: 5px 0 5px 10px;
	padding: 0 0 0 10px;
	border-left: 4px solid #3b3b3d;
}

p .subscribe-to-comments{
  padding : 0; 
  margin : 20px 0 10px 0; 
} 
p .subscribe-to-comments a {
  font-size : 13px; 
} 

/************************************************
* footer                     	            			*
************************************************/

#footer {  
	max-width: 1165px;
  max-height: 130px;
	margin: 25px auto 0;
	padding: 0;
  font-size: 13px;
	text-align: center;
	clear: both;
}
#footer a:link, #footer a:visited {
  font-size: 14px;
	color: #818181;
}
#footer a:hover, #footer a:active {
	color: #666;
}
.copyright {
	clear: both;
  margin: 0;
	padding: 0;
  white-space: pre;
}
.autor {
	clear: both;
  margin: 0 0 10px 0;
	padding: 0;
}
#footer p { 
  text-align: center;
  margin: 10px auto 10px;
	padding: 0;
} 
#track {  
  width: 800px; 
  height: 40px;
  margin: 25px auto 0; 
  padding: 0;
}