/*
Theme Name: Blue
Theme URI: http://yoshz.com/
Description: Free Theme at <a href="http://yoshz.com/">www.Yoshz.com</a>
Version: 1.0
Author: Miziology
Author URI: http://yoshz.com/
Tags: Blogging Style
*/

/* General */

html,body,p,div,img,h1,h2,h3,h4,li,ul,ol,dl,dd,dt,form,table,td,tr,fieldset { border:0; border-collapse:separate; border-spacing:0; margin:0; padding:0;}

body {
	background:url(images/bg-page.png);
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	color:#333;
}

.clear { clear:both; }

#wrapper { width:950px; text-align:left; margin:auto; padding:10px; background-color:#fff; }



/* Img */

img.title { padding-bottom:5px; }

img.subscribe { padding-top:5px; }

img.center { padding : 5px; display : block; margin-left : auto; margin-right : auto; }

img.left { float : left; padding-right : 10px; }

img.right { float : right; padding-left : 10px; }

img.komen { padding : 5px; display : block; margin-bottom : 10px; }



/* Align box */



img.centered, .aligncenter, div.aligncenter {

display: block;

margin-left: auto;

margin-right: auto;

}



img.alignright {

padding: 4px;

margin: 0 0 2px 7px;

display: inline;

}



img.alignleft {

padding: 4px;

margin: 0 7px 2px 0;

display: inline;

}



.alignright {

float: right;

}



.alignleft {

float: left;

}



/* Header */

#header .navpage, .navcat { background:url(images/nav-bg.gif) bottom repeat-x; background-color:#fbfbfb; border:1px solid #ccc; overflow:hidden; }

#header .navpage li { display:block; float:right; padding:5px; }

#header .navpage li:hover, .navcat li:hover { background-color:#f8f8f8; }

#header .navpage li a { color:#1e3186; text-decoration:none; font-size:10px; text-transform:uppercase; }

#header .navcat li { display:block; float:left; padding:10px; border-right:1px solid #ccc; }

#header .navcat li a { color:#1e3186; text-decoration:none; font-size:12px; text-transform:uppercase; font-weight:bold; }

#header .banner { background:url(images/fiber.png); height:100px; }

#header .banner .logo { float:left; }

#header .banner .ads {
	float:right;
	margin-top:15px;
	margin-right:15px;
	display: none;
}





/* Body */

#mainbody { width:600px; float:left; margin-top:15px; }

#mainbody .mainsearch { padding:10px; font-size:16px; font-weight:bold; color:#fff; background:#333; }

#mainbody .content { margin:10px 0px; text-align:justify; }

#mainbody .content .retweet { float:left; padding:0px 10px 10px 0px;; }

#mainbody .content .maintitle {float:left; width:540px; }

#mainbody .content .more { float:left; margin-top:15px; }

#mainbody .content .more a { font-size:12px; color:#1e3186; text-decoration:none; }

#mainbody .content .maincom a { font-size:14px; color:#333; font-weight:bold; text-decoration:none; }

#mainbody .maincontent { padding:10px 0px; border-bottom:1px solid #eee; margin-bottom:15px; }

#mainbody .mainleft { width:150px; padding:5px; float:left; background:#fbfbfb; border:1px solid #eee; }

#mainbody .mainright { width:430px; float:right; text-align:justify; }

#mainbody .mainright h1 a { font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#333; text-transform:none; text-decoration:none; text-align:left !important; }

.mainright h1 { font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#333; text-transform:none !important; text-decoration:none; text-align:left !important; }

#mainbody .submain { font-size:10px; color:#fff; text-transform:uppercase; padding:3px 5px; margin :5px 0; background:url(images/fiber.png); }

#mainbody .submain a { color:#fff; text-decoration:none; }

#mainbody .maincenter { margin:20px 0; padding:15px 0; border-top:1px solid #eee; border-bottom:1px solid #eee; }

#mainbody .maincenter .mainads {
	width:269px;
	padding:0 10px;
	float:left;
	border-right:1px solid #eee;
	text-align:center;
	display: none;
}

#mainbody .maincenter .mainpopular {width:559px; padding:0 10px; float:left; }

#mainbody .maincenter .mainpopular li { width: auto; padding:10px 0; border-bottom:1px solid #eee; }

#mainbody .maincenter .mainpopular li a { font-weight:bold; color:#1e3186; text-decoration:none; }

#mainbody .maincenter .mainpopular li a:hover { color:#333; text-decoration:none; }

#mainbody .mainright .more { float:right; margin-top:15px;}

#mainbody .mainright .more a { font-size:12px; color:#1e3186; text-decoration:none; }



/* Formating */

#mainbody .content h1 a, .singlecontent h1 a { font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#333; text-transform:uppercase; text-decoration:none; }

#mainbody .content p, .singlecontent p { padding-top:15px; }

#mainbody .thecontent ul li {
	/*display: block;*/
	width: auto;
	margin:10px 20px 10px 40px;
	/*padding-left: 20px;*/
	list-style: disc;
}
#mainbody .thecontent ol li {
	/*display: block;*/
	width: auto;
	margin:10px 20px 10px 40px;
	/*padding-left: 20px;*/
	list-style: decimal;
}

#mainbody .thecontent a { color:#1e3186; text-decoration:none; }

#mainbody .thecontent a:hover { color:#333; text-decoration:none; }

#mainbody .content blockquote { color : #1e3186; padding : 5px 10px 15px 30px; margin : 10px 0 20px 20px; background-image : url(images/blockquote.png); background-position : top left; background-repeat : no-repeat; }

#mainbody .content h1 { color : #000; font-size : 22px; font-weight : 600; padding : 0 0 5px 0; }

#mainbody .content h2 { color : #000; font-size : 20px; font-weight : 600; padding : 25px 0 5px 0; }

#mainbody .content h3 { color : #000; font-size : 18px; font-weight : 600; padding : 25px 0 5px 0; }

#mainbody .content h4 { color : #000; font-size : 16px; font-weight : 600; padding : 25px 0 5px 0; }

#mainbody .content h5 { color : #000; font-size : 14px; font-weight : 600; padding : 25px 0 5px 0; }

#mainbody .content h6 { color : #000; font-size : 12px; font-weight : 600; padding : 25px 0 5px 0; }



/* Pagination */

#mainbody .pagination { padding : 10px; margin : 15px 0px 15px 0px; }

#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 : #1e3186; background:url(images/nav-bg.gif) bottom repeat-x; background-color:#fbfbfb; border:1px solid #ccc; }

#mainbody .pagination a:hover, .pagination a:active { color : #1e3186; background:url(images/nav-bg.gif) bottom repeat-x; background-color:#fbfbfb; }

#mainbody .pagination a.currentpage { color : #eee !important ; cursor : default; background:#1e3186; }

#mainbody .pagination a.pages { color : #1e3186 !important ; cursor : default; }

#mainbody .pagination a.disablelink, .pagination a.disablelink:hover { cursor : default; color : #1e3186; font-weight : normal !important ; }



/* Sociable */

#mainbody .sociable {  }

#mainbody .sociable h5 { margin : 0 0 5px 0; color : #1e3186; font-size : 12px; }

#mainbody .sociable img { padding : 3px; }



/* Comment */

#mainbody .comment { width : 580px; padding : 5px 10px 0 10px; float : left; text-align : justify; }

#mainbody .comment .comvatar { width:70px; float:left; }

#mainbody .comment .comvatar img { padding:5px; background:#333; }

#mainbody .comment .comtext { width:475px; float:left; background:#fbfbfb; padding:10px; }

#mainbody .comment .comtext .author { text-transform:uppercase; font-weight:bold; }

#mainbody .comment a { text-decoration : none; color : #1e3186; }

#mainbody .comment a:hover { text-decoration : none; color : #333; }

#mainbody .comment ol { list-style : none; margin : 0; }

#mainbody .comment li { padding : 0 10px 15px 5px; margin-bottom : 10px; list-style:none; }

#mainbody .comment ol img { float : left; margin-right : 10px; margin-bottom : 10px; }

#mainbody .comment .formc label { color : #1e3186; font-size : 12px; }

#mainbody .comment .formc { width : 350px; color : #1e3186;  padding : 10px; margin : 5px 0 10px 0; background-image : url(../../../../../blog/wp-content/themes/yoshz-blue/yoshz-blue/images/commentbg.png); background-position : bottom; background-repeat:repeat-x }

#mainbody .formc a { text-decoration : none; color : #333;; }

#mainbody .formc a:hover { text-decoration : none; }

#mainbody .comment textarea { margin-bottom : 10px; border : 1px solid #1e3186; width : 335px; padding : 5px; }

#mainbody .comment input { margin-bottom : 10px; border : 1px solid #1e3186; width : 335px; padding : 5px; }

#mainbody .comment input.btn { margin-top : 10px; margin-bottom : 10px; background-image : url(images/submit.png); height : 40px; border : none; color : #fff; width : 150px; cursor : pointer; }



/* Sidebar */

#sidebar { width:330px; float:right; margin-top:10px; }

#sidebar .sideads { text-align:center; }

#sidebar .sideads img { padding:5px; margin:3px; background:#fbfbfb; border:1px solid #ccc; }

#sidebar .sidewidget .sidetitle { padding:10px; margin:10px 0 10px 0; background:url(images/nav-bg.gif) bottom repeat-x; background-color:#fbfbfb; border:1px solid #eee; }

#sidebar .sidewidget .sidetitle h1{ color:#1e3186; font-size:11px; text-transform:uppercase; }

#sidebar .sidewidget li { background: transparent url(images/list.gif) no-repeat 2px center; display: block; width: auto; margin:0 15px 0 15px; padding:5px 0 5px 20px; }

#sidebar .sidewidget a { color:#333; text-decoration:none; }

#sidebar .sidewidget a:hover { color:#1e3186; text-decoration:none; }

#sidebar .sidecontent .search { background: url(images/search.png) no-repeat; width:322spx; height:50px; margin-left:3px; margin-bottom:10px;}

#sidebar .sidecontent .search #s { float: left; border: 0; width: 243px; height:35px; background: none; color:#1e3186; font-size:20px; margin:3px 0 0 0; padding:8px; }

#sidebar .sidecontent .search #go { float:left; width:58px; height:45px; margin:3px 0 0 0; }

#sidebar .social { text-align:center; margin-bottom:10px; background:url(images/fiber.png); padding:10px; border:1px solid #eee; }

#sidebar .sidewidget { margin-bottom:10px; padding-bottom:10px; background:#fbfbfb; }



/* Footer */

#footer { background:url(images/footer-bg.jpg) repeat-x; padding:10px; border-top:1px solid #ccc; border-right:1px solid #ccc; border-left:1px solid #ccc;}

#footer .footleft { width:288px; float:left; padding:5px; }

#footer .footleft li { display: block; width: auto; padding:5px 0; border-bottom:1px solid #f9f7f8; }

#footer .footleft li a, .footright li a, .footcenter a { color:#1e3186; text-decoration:none; }

#footer .footleft li a:hover, .footright li a:hover, .footcenter a:hover { color:#333; text-decoration:none; border-bottom:1px dotted #ccc; }

#footer .footcenter { width:288px; float:left; padding:5px 10px; margin:0 5px; }

#footer .footcenter img, .footright img { margin-bottom:5px; }

#footer .footright { width:298px; float:right; padding:5px 0 0 10px; color:#010c40; }

#footer .footright li { display: block; width: auto; padding:5px 0; border-bottom:1px solid #f9f7f8; }

#footcopy { background:url(images/nav-bg.gif) bottom repeat-x; background-color:#fbfbfb; border:1px solid #ccc; font-size:10px; text-align:center; padding:10px; }

#footcopy a { color:#1e3186; text-decoration:none; }





.widget_addn{

	position: absolute;

	left: -450px;

	top: -400px;

	}