/*







Theme Name: Rana







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: Magazine 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; list-style:none; }







body {







background:url(images/bg.jpg) repeat-x top;







background-color:#382E1C;







font-family:"Lucida Grande","Lucida Sans Unicode",helvetica,sans-serif;







font-size:12px;







text-align:center; color:#333;







}







.clear { clear:both; }







#wrapper { width:1000px; text-align:left; margin:auto; }







#wrap { background:url(images/wrapper.jpg) repeat-y; text-align:left; padding:10px; }















/* Img */







img.thumb { padding : 5px; display : block; margin-left : auto; margin-right : auto; margin-top:10px; margin-bottom:10px; background:#2C2416; }







img.ribbon{ z-index:1; position:absolute; }







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







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







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

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







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

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







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

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







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















/* Header */







#header .navpage {  }







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







#header .navpage li a { color:#eee; font-weight:bold; text-decoration:none; font-size:10px; text-transform:uppercase; background: #453823; padding:5px 6px; }







#header .navpage li a:hover { background: #572c1b; padding:5px 6px; }







#header .navrss { float:right; padding:10px 5px; text-transform:uppercase; color:#572c1b; }







#header .navrss a { color:#572c1b; text-decoration:none; }







#header .navrss a:hover { text-decoration:none; border-bottom:1px dotted #ca0000; }







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







#header .banner .logo { float:left; width:350px; height:100px; }

#header .banner .headsearch { float:right; margin-top:30px; background: url(images/search.png) no-repeat; width:350px; height:40px; }

#header .banner .headsearch #s { float: left; padding:7px; border: 0; width: 255px;  background:none; color:#C0A172; font-size:22px; }

#header .banner .headsearch #go { float:left; width:80px; height:40px; }


#header .navcat { 
	background:url(images/nav-bg.jpg) bottom repeat-x; 
	background-color:#6db754; 
	border:1px solid #6db754;
	overflow:hidden; 
}

#header .navcat li { display:block; float:left; padding:10px 5px; }

#header .navcat li a { 
	color:#eee; text-decoration:none; 
	font-size:12px; 
	text-transform:uppercase; 
	font-weight:bold; 
	padding:5px 6px; 
}

#header .navcat li a:hover { background: #572c1b; padding:5px 6px; }


#mainbody { width:645px; float:left; }

#mainbody .mainsearch { margin:10px 10px 0 0; padding:10px; font-size:16px; font-weight:bold; color:#6db754; }

#mainbody .maincontent { }

#mainbody .mainads { text-align:center; padding:10px; background:#453823; margin-top:10px; }

#mainbody .mainpost { width:630px; float:left; margin:10px 5px; }

#mainbody .mainpost .titlepost { padding:5px; background:#2C2416; margin-bottom:5px; }

#mainbody .mainpost .contentpost { padding:5px 5px 15px 5px; text-align:justify;  border:1px solid #BAA378; }

#mainbody .mainpost h1 a { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#BAA378;  text-decoration:none; }

#mainbody .mainpost h1 a:hover { color:#6db754;  text-decoration:none; }

#mainbody .mainpost h2 { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#BAA378;  text-decoration:none; float:right; margin-top:3px; }

#mainbody .mainpost .postcomment { float:left; margin-top:15px; }

#mainbody .mainpost .postmore { float:right; margin-top:15px; }

#mainbody .mainpost .postcomment a, .mainpost .postmore a { color:#eee; text-decoration:none; padding:5px; background:#453823; }

#mainbody .mainpost .postcomment a:hover, .mainpost .postmore a:hover { text-decoration:none; padding:5px; background:#2C2416; }

#mainbody .content { margin:10px 0; }

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

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

#mainbody .submain { font-size:13px; color:#fff; text-transform:uppercase; padding:3px 5px; margin :6px 0; background:#453823; }

#mainbody .submain a { color:#fff; 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 .thecontent { text-align:justify; padding:10px; }







#mainbody .thecontent li { background: transparent url(images/list.gif) no-repeat 2px center; display: block; width: auto; margin:10px 20px 10px 40px; padding-left: 20px; color:#7f5302; }







#mainbody .thecontent a { color:#572c1b; text-decoration:none; }







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







#mainbody .thecontent p { padding-top:15px; }







#mainbody .thecontent blockquote { color : #7f5302; 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 .thecontent h1 { color : #000; font-size : 22px; font-weight : 600; padding : 0 0 5px 0; }







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







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







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







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







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







#mainbody .thecontent h7 { color : #000; font-size : 22px; font-weight : 600; padding : 0 0 5px 0; float:right; }







#mainbody .sociable { margin-left:5px; margin-top:15px; }







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







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















/* Pagination */







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







#mainbody .pagination ul { text-align : left; font-size : 12px; }







#mainbody .pagination li { list-style : none; display : inline; }







#mainbody .pagination a { padding : 10px; margin-left : 4px; text-decoration : none; color : #eee; background:url(images/nav-bg.jpg) bottom repeat-x; background-color:#6db754; border:1px solid #6db754; }







#mainbody .pagination a:hover, .pagination a:active { color : #eee; background:#2C2416; border:1px solid #453823; }







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







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







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















/* Comment */







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







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







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







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







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







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







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







#mainbody .comment p { padding-top:5px; }







#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 { width : 350px; color : #1e3186;  padding : 5px; margin : 5px 0 5px 0; background-image : url(images/commentbg.png); background-position : bottom; background-repeat:repeat-x }







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







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







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







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







#mainbody .comment input { margin-bottom : 10px; border : 1px solid #c0a172; 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:320px; float:right; }







#sidebar .sideads { text-align:center; margin:10px 0; }







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







#sidebar .sidewidget { margin-bottom:10px; padding-bottom:10px; color:#C0A172; }







#sidebar .sidecontent { margin-bottom:10px; }







#sidebar .sidetitle { padding:10px; margin:0 0 5px 0; background:url(images/nav-bg.jpg) bottom repeat-x; background-color:#6db754; border:1px solid #6db754; }







#sidebar .sidetitle h2{ color:#eee; font-size:14px; text-transform:uppercase; }







#sidebar .sidecontent .toppic { float:left; border:1px solid #572c1b; padding:4px; margin-left:0px; }







#sidebar .sidecontent .toptitle { float:left; padding:10px 0 5px 5px; text-transform:uppercase; }







#sidebar .sidecontent li { display: block; width: auto; margin:0 5px; padding:3px 0;}







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







#sidebar .sidewidget li:hover, .sidecontent  li:hover { background:#382E1C; }







#sidebar .sidewidget a, .sidecontent a { color:#eee; text-decoration:none; }















#footer {  }







#footer .centerfooter { margin : 25px 5px 20px 10px; float : left; width : 265px; }







#footer .centerfooter a { color : #C0A172; text-decoration : none; }







#footer .leftfooter { margin : 25px 5px 10px 5px; float : left; width : 270px; }







#footer .centerfooter h2, #footer .rightfooter h2, #footer .leftfooter h2 { color : #eee; font-size : 14px; margin-bottom : 15px; text-align : left; text-transform : uppercase; padding:5px; background:url(images/nav-bg.jpg) bottom repeat-x; background-color:#6db754; }







#footer .rightfooter .footabout { padding-bottom : 15px; color:#C0A172; }







#footer .rightfooter { margin : 25px 5px 20px 15px; text-align : justify; float : left; width : 420px; }







#copyright {  background:#2C2416; width : 1000px; color : #BAA378; padding : 10px 0; margin : 0 auto; font-size:10px; }

#copyright a { color : #BAA378; text-decoration : none; }

#copyright a:hover { color : #BAA378; text-decoration : none; border-bottom : 1px dotted #ca0000; }


#nav2 {
    background:url(images/nav-bg.jpg) bottom repeat-x;
	background-color:#6db754; 
	border:1px solid #6db754;
	overflow:hidden; 
}
	

#nav2, #nav2 ul {
	list-style: none;
	line-height: 1;
}

#nav2 a ,#nav2 a:hover{
	display: block;
	text-decoration: none;
	border:none;
	text-transform:uppercase;
	font-size:12px; 
}

#nav2 li {
	float: left;
	list-style:none;
	display:block; 
	padding:8px 3px;
}

#nav2 a,#nav2 a:visited {
	display:block;
	font-weight:bold;
	color: #f5f5f4;
	padding:6px 7px;
}

#nav2 a:hover, #nav2 a:active {
	background: #572c1b;
	text-decoration:none
}	

/* Dropdown Menu */
#nav2 li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 174px;
	border-bottom: 1px solid #a9a9a9;
}

#nav2 li li {
	width: 172px;
	border-top: 1px solid #a9a9a9;
	border-right: 1px solid #a9a9a9;
	border-left: 1px solid #a9a9a9;
	background: #572c1b;
	padding: 0;
}

#nav2 li li a, #nav2 li li a:visited {
	font-weight:normal;
	font-size:0.9em;
	color:#FFF;
	text-transform:none;
	line-height: 1.1;
}

#nav2 li li a:hover,#nav2 li li a:active{
	background:#777;
	text-transform:none;
	line-height: 1.1;
}	

#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul, #nav2 li li li.sfhover ul{
	left: auto;
}

a.main:hover{
    background:none;
}

div.encadre {
	background: #d5cfd1;
	padding: 7px;
	border: 0;
}