/*
Theme Name: MizhaClan2
Theme URI: http://mizhaclan.com/
Description: Custom Theme at <a href="http://yoshz.com/">Yoshz.com</a>
Version: 4.0
Author: Miziology
Author URI: http://yoshz.com/
Tags: Magazine Style
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

body { background:url(images/bg.png) #fff; font-family : helvetica, sans-serif; font-size : 14px; text-align : center; color : #6d6d6d; }
#wrapper { text-align : left;  padding:0 0 10px; background:url(images/) repeat-x;}
#wrap { width : 960px; padding : 10px 0 10px 0; margin :0 auto 0;}

img.aligncenter { padding:5px; display: block; margin-left:auto; margin-right:auto; border:1px solid #ccc; margin-top:10px; margin-bottom:10px; width:98%; }
img.alignleft { float:left; margin-right:10px; padding:5px; border:1px solid #ccc; }
img.alignright { float:right; margin-left:10px; padding:5px; border:1px solid #ccc; }
img.center { padding:5px; display: block; margin-left:auto; margin-right:auto; margin-bottom:10px; }
img.left { float:left; margin-right:10px; }
img.feat { float:left; margin:-10px 10px 0 0;}
.clear { clear : both; }

h1, h2, h3, h4, h5, h6 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:capitalize;}

a {outline: none; text-decoration:none; color:#333;}
p {line-height:18px; margin:0 0 15px; text-align:justify;}

/* Header */
#header {margin:0 0 50px;}
#header .logo { width:300px; margin:0 0 10px; float:left; }
#header .menu .navcat { margin:35px 0 0; padding-left:5px; float:right; width:600px; font-family: 'Oswald', sans-serif;}
#header .menu .navcat ul li { display : block; float : left; padding : 5px 0; margin:8px 0 8px 15px;  }
#header .menu .navcat ul li a
{
	background:#eee;
	background:-webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e5e5e5));
	background:-moz-linear-gradient(top,  #f5f5f5,  #e5e5e5);
	padding:5px 10px;
	color:#666;
	#font-weight :bold;
	text-decoration :none;
	border-radius:5px;
	-o-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow: 0 1px 3px #e5e5e5;
	-o-box-shadow: 0 1px 3px #e5e5e5;
	-moz-box-shadow: 0 1px 3px #e5e5e5;
	-webkit-box-shadow: 0 1px 3px #e5e5e5;
	border-top:1px solid #e5e5e5;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #e5e5e5;
	outline:0;
}
#header .menu .navcat ul li a:hover
{
	background:#f5f5f5;
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#e5e5e5));
	background:-moz-linear-gradient(top,  #fff,  #e5e5e5);
	color:#aebc03;
}
#header .menu .navcat ul li.current_page_item, #header .menu .navcat ul li.current_page_parent, #header .menu .navcat ul li.current-post-parent { color:#aebc03; }
#header .menu .navcat ul li.current_page_item a, #header .menu .navcat ul li.current_page_parent a, #header .menu .navcat ul li.current-post-parent a { color:#aebc03; }
#header .menu .navcat ul, #header .menu .navcat ul.menu {float:right;}

/*Main*/
#main { padding:15px 0 0; }
	.browser {margin:55px 0 0; padding:0 0 8px; background:url(images/separator.png) bottom center no-repeat; }
	.separate {height:20px; margin:0 0 15px; padding:0 0 10px; background:url(images/separator.png) bottom center no-repeat; }
	.box {margin:40px 0;}
		.box_left {width:300px; float:left; margin:0 10px 40px; }
		.box_left img {padding:4px; border:1px solid #eee; background:#b9c804;}
			.btitle {display:block; text-align:center; font-family: 'Oswald', sans-serif; font-size:26px; color:#333; margin:0 0 15px;}
			.bsubtitle {display:block; text-align:center; font-size:14px;}
			.bcontent {margin:25px 0 0; text-align:justify; line-height:18px;}
		.separator {margin:0 0 40px;}
		.try {position:absolute; margin:10px 0 0;}
	
	
	.content {margin:0 0 30px;}
		.ptitle {display:block; font-family: 'Oswald', sans-serif; font-size:36px; color:#333; margin:0 0 5px; text-align:center;}
		.subtitle {display:block; font-family: 'Kelly Slab', cursive; font-size:16px; color:#ccc; margin:-20px 0 25px; text-align:center;}

/* SLIDER STYLE
 ------------------------------------- */
#slider_container {
	height: 350px;
	position: relative;
	width: 960px;
	margin-bottom: 20px;
	float:left;
}
#slider_container #slider_bottom_shadow,
.nivo-controlNav a {
	background: url(images/dot.png) no-repeat;	
}
#slider_container #slider_bottom_shadow {
	background-position: left -166px;
	width: 960px;
	height: 83px;
	display: block;
	position: absolute;
	bottom: -55px;
}
.nivoSlider {
	position: relative;
}
.nivoSlider img {
	position: absolute;
	top: 0px;
	left: 0px;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	z-index: 60;
	display: none;
}

/* The slices in the Slider */
.nivo-slice {
	display: block;
	position: absolute;
	z-index: 50;
	height: 100%;
}

/* Caption styles */
.nivo-caption {
	position: absolute;
	left: 0px;
	bottom: 0px;
	background: #000;
	color: #fff;
	opacity: 0.8; /* Overridden by captionOpacity setting */
	width: 100%;
	z-index: 89;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
.nivo-caption p {
	padding: 10px;
	margin: 0;
}

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position: absolute;
	top: 148px;
	z-index: 99;
	display: block;
	width: 52px;
	height: 53px;
	cursor: pointer;
	text-indent: -999em;
}
.nivo-prevNav {
	left: -26px;
	background-position: left -43px;
}
.nivo-prevNav:hover {
	left: -30px;
}
.nivo-nextNav {
	right: -26px;
	background-position: right -43px;
}
.nivo-nextNav:hover {
	right: -30px;
}

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	position: absolute;
	right: 10px;
	top: 337px;
	z-index: 99;
}
.nivo-controlNav a {
	background-position: left -249px;
	float: left;
	margin: 2px;
	display: block;
	height: 23px;
	width: 22px;
	text-indent: -999em;
	z-index: 99;
	cursor: pointer;
}
.nivo-controlNav a:hover {
	background-position: right -249px;
}
.nivo-controlNav a.active {
	background-position: left -96px;
}

/* Slider */
.nivo-directionNav a,
.nivo-controlNav a.active {
	background-image: url(images/button.png);	
}

/* Mainbody */
#mainbody { width:590px; float:left; background:none; padding:15px;}

/* Form */
#wpcf { margin:20px 0 0;}
#wpcf label { display: block; margin:10px 0 5px;}
#wpcf input[type=text]  { padding: 1px; margin: 2px 5px 10px 0; width:500px; height:30px; border : 1px solid #ccc;}
#wpcf textarea { width: 500px; height: 400px; padding: 1px; margin: 0 5px 10px 0; border : 1px solid #ccc;}
#wpcf input[type=checkbox]  { padding: 1px; margin: 2px 5px 10px 0; border : 1px solid #ccc; }
#wpcf #contactsubmit { background-image : url(images/contact.png); height : 40px; border : none; color : #fff; width : 154px; cursor : pointer; margin:20px 0 0; }

/* Formating */
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {margin:0 0 15px; color:#333; font-family: 'Oswald', sans-serif;}
.content ul li, .content ol li  { padding:5px 0 5px 20px; background:url(images/bullet_toplinks.png) 0 8px no-repeat; line-height:18px;}
.content ul { margin:15px 0 15px 15px; }
.content ol li { background:none; padding-left:0; list-style:decimal; }
.content ol { margin:15px 0 15px 35px; }
.content blockquote { color : #868484; text-align:justify; padding : 5px 10px 10px 30px; background:url(images/blockquote.png) top left no-repeat; }

/* Related Post*/
#related_post { padding:10px 0; border-top:1px solid #eee; }
#related_post h1 {font-size:18px; color : #868484; padding-top:5px;}
#related_post ul li { list-style:square; margin:10px 20px 10px 40px; padding-left: 6px;}
#related_post a { text-decoration:none; color:#3a2e2b; margin-bottom:10px; }
#related_post a:hover { text-decoration:none; color:#38baf3; }

/* Pagination */
#mainbody .pagination {margin : 55px 0px 35px; }
#mainbody .pagination ul { text-align : left; font-size : 12px; }
#mainbody .pagination li { list-style : none; display : inline; }
#mainbody .pagination a { padding : 10px; margin-right : 4px; text-decoration : none; color : #333; }
#mainbody .pagination a:hover, .pagination a:active { color : #fff; background-color:#f3388c; }
#mainbody .pagination a.currentpage { color : #fff !important ; cursor : default; background-color:#f3388c;}
#mainbody .pagination a.pages { color : #333 !important ; cursor : default; background:none; }
#mainbody .pagination a.disablelink, .pagination a.disablelink:hover { cursor : default; color : #f3388c; font-weight : normal !important ; }

.gplus, .fbs, .twt { margin: 0; padding: 10px 1% 9px 1%; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } 
.fbs { background: #ECEEF5; border: 1px solid #9DACCE; float: left; width: 46%; padding:9px 10px; } 
.twt { background: #E8F3F9; border: 1px solid #A4CCE5; width: 23%; float: left; margin-left: 1%; }
.gplus { background: #F9F9F9; border: 1px solid #CCCCCC; float: left; width: 20%; margin-left: 1%; }

/* Comment */
h2#comments { display:block; margin:40px 0 0; padding:15px 0; font-family: 'Kelly Slab', cursive;}
h2#commentsForm { display:block; padding:40px 0 20px; font-family: 'Kelly Slab', cursive;}
ul.commentlist { list-style:none; list-style-position:outside; display:block; margin:10px 0 0; }
ul.commentlist ul { list-style-type:none; list-style-position:outside; }
ul.commentlist li { padding:12px 20px 12px 55px; position:relative; border:1px dotted #ccc; margin-bottom:10px; background:#fff; }
ul.commentlist li p { margin:15px 0; }
ul.commentlist li .comment-meta, ul.commentlist li .text  { margin-left:15px; }
ul.commentlist li .comment-meta span { font-size:11px; color:#999; }
ul.commentlist li .avatar { padding:3px; border:1px dotted #333; background:#eee; position:absolute; left:12px; top:12px; }
ul.commentlist .reply { margin-left:15px; margin-top:-5px; }
ul.commentlist .reply a { font-size:11px; color:#333; }
ul.commentlist li .children li { margin-left:15px; margin-top:20px; }


#commentform p { margin:0; padding:0;}
#commentform label { display:block; padding:5px 0; }
#commentform input, #commentform textarea { padding:8px; margin-bottom:10px; width:50%; border:1px dotted #ccc; }
#commentform input:focus, #commentform textarea:focus{ border-color:#333; }
#commentform textarea { width:96%; font-family:Arial, Helvetica, sans-serif; font-size:13px; }
#commentform input[type="submit"]{ border:none; width:130px; height:37px; margin-top:10px; cursor:pointer; color:#fff; font-size:12px; padding-bottom:15px; background:url(images/but_form.png) 0 0 no-repeat; text-shadow:-1px -1px #929c30; }
#commentform .subscribe-to-comments label { display:inline; padding-left:5px; }

/* Sidebar */

#sidebar {width:319px; float:right; }
	.sidewidget { margin-bottom:15px; padding:15px; background:#f8f8f8; -moz-border-radius: 10px; -webkit-border-radius: 10px; border:1px solid #eee;}
	.sidewidget h1 { font-size:16px; font-family: 'Kelly Slab', cursive; margin:0 0 10px; }
	.sidewidget .sidecontent { margin:5px 0 15px; }
	.sidecontent a, .fright a {color : #288098;}
	.sidewidget .sidecontent p { margin:15px 0; line-height:18px;}
	.sidewidget .sidecontent ul { color: #333;}
	.sidewidget .sidecontent ul li { padding:5px; margin:0 0 0 20px; color:#999; list-style:square; }
	.sidewidget .sidecontent img { padding:3px; margin:0 8px 12px; background:#eee; }
	.sidewidget #s { float: left; margin: 0; padding:6px 10px; border: 1px solid #ccc; width: 230px; background:#fff; color:#333; }
	.sidewidget #go { float:left; width:30px; height:30px; margin:0 0 0 4px; background:url(images/search.png); }
	.sideads { text-align:center; margin-bottom:15px; }
	

/* Footer */
#copy { color:#999; font-size:10px; padding:60px 0 0; margin-bottom:10px; text-align:center; background:url(images/separator.png) top center no-repeat; }
#copy a { color:#999;text-decoration:none;}
	.backtop {position:absolute; margin:35px 0 0;}
	.foot-link {text-align:center; font-size:14px; margin:10px 0 20px;}
	.foot-link ul li {display:inline; margin:0 15px 0 0;}
	.foot-network {text-align:center; margin:0 0 0px;}