/*
Theme Name: CMag Pro
Theme URI: http://www.widgetreadythemes.com/cmag-pro/
Description: Professional Magazine theme
Version: 1.0
Author: Banhawi
Author URI: http://www.banhawi.com/
*/


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

* {margin : 0;padding : 0;}
html,body{margin:0;padding:0}
body{background: #111 url('images/bg.jpg') repeat;font-family : Arial, Helvetica, sans-serif;font-size :11px;text-align:left;color : #a7a7a7;line-height:16px}
#container{background: #3b3e43;width:1000px;margin:0 auto;text-align:left;border-left: 1px #000 solid;border-right: 1px #000 solid;}
#wrapper {float:left;}

/********************************************************
************************HEADER***********************/
#header {background: #3b3e43 url('images/header.jpg') no-repeat left top;width: 1000px;height: 166px;margin: 0 auto;padding-top: 0;position: relative}
#header h1 a,#header h1 a:hover,#header h1 a:visited,#header h1 a:active{font-size:36px;text-decoration:none;color: #fff;padding: 0 25px;}
#description {font-family:Georgia;font-style: italic;font-size:16px;padding:0 5px 30px 25px;color: #111;}
img.header {
	position: absolute;
	bottom: -10px;
	right:0;
}
img.rss {
	z-index: 1;
	position: absolute;
	bottom: -11px;
	right:5px;
}
	/********************************************************
	************************SEARCH***********************/
	#search { width:197px;height:25px;background:transparent url('images/search-trans.png') no-repeat;float:right;margin-right:20px;}
	#searchform {float : left;margin-top:3px;margin-left:12px;}
	#searchform input {background:#085d80;color : #fff;padding : 0 4px;border:0px;}
	#searchform #s {width : 130px;background :#fff;padding :1px 2px;color : #333;}
	/********************************************************
	************************NAVIGATION***********************/
		/* Begin CSS Drop Down Menu */
		#pages-menu {background: #25292e url('images/nav1bg.jpg') repeat-x;height:30px;padding: 0 5px;}
		
		.nav, .nav ul { 
			list-style: none;
			margin: 0;
			padding: 0;
			height:30px;
		}
		
		.nav a,.nav a:hover{
			text-decoration:none
		}
		.nav li {
			float: left;
			margin: 0 5px 0 0;
			padding: 0;
			position: relative;
		}
		.nav li#home{
			background:#13a7e4;
		}
		.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
			display: block;
			font-size:12px;
			padding:7px;
			color:#fafeff;
		}
		#nav li:hover a, 
		#nav li.sfHover a {
			background:#13a7e4;
		}
		.nav ul li {
			border: 0;
			float: none;
		}
		.nav ul a {
			border-bottom: 0;
			padding-right: 20px;
			white-space: nowrap;
		}

		#cates-menu {background: #159bd3 url('images/nav2bg.jpg') repeat-x;height:30px;padding: 0 5px;}
		
		.nav2, .nav2 ul { 
			list-style: none;
			margin: 0;
			padding: 0;
			height:30px;
		}
		

		.nav2 a,.nav2 a:hover{
			text-decoration:none
		}
		.nav2 li {
			float: left;
			margin: 0 5px 0 0;
			padding: 0;
			position: relative;
		}
		.nav2 li.current-cat a{
			background:#1d2024;
		}
		.nav2 li a, .nav2 li a:link, .nav2 li a:active, .nav2 li a:visited {
			display: block;
			font-size:12px;
			padding:7px;
			color:#fafeff;
		}

		#nav2 li:hover a, 
		#nav2 li.sfHover a {
			background:#1d2024;
		}
		.nav2 ul li {
			border: 0;
			float: none;
		}
		.nav2 ul a {
			border-bottom: 0;
			padding-right: 20px;
			white-space: nowrap;
		}

/*******************************************************
*******************CONTENT******************************/
#content{
	width:650px;
	float:left;
	margin-left: 5px;
}
.ipost h2, .ipost h2 a:hover, .ipost h2 a:visited, .ipost h2 a {
	font-size: 18px;
	text-decoration : none;
	color : #fff;
}
.ipost {
	background: #34373c;
	border: 1px #303236 solid;
	width: 307px;
	height: 175px;
	float: left;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 10px;
	padding: 5px;
	position: relative;
}
	.ipost:hover {
		background: #303236;
	}
.post {
	margin: 10px 0;
	padding: 5px;
	position: relative;
	min-height: 145px;
}
.post h2, .post h2 a:hover, .post h2 a:visited, .post h2 a {
	font-size: 24px;
	text-decoration : none;
	color : #fff;
}
.post ul, .post ol {
	margin-left : 25px;
}
.ientry {
	height:110px;
	padding :5px;
	overflow:hidden;
}
	.ientry p{
		margin: 0;
	}
	.entry {
		padding: 10px 5px;
	}
	.entry p{
		margin-bottom: 8px;
                font-size: 16px;
                text-align: justify;
	}
	.entry img {
		max-width: 620px;
	}
	.ientry img.thumbnailx{
		width: 90px;
		height: 75px;
		float: left;
		padding: 0;
		margin: 0 5px 0 0;
	}
	.entry img.thumbnailx{
		width: 90px;
		height: 75px;
		float: left;
		padding: 0;
		margin: 0 5px 0 0;
	}
	.entry img.alignleft {
		float: left;
		padding: 5px 5px 5px 0;
	}
	.entry img.alignright {
		float: right;
		padding: 5px 0 5px 5px;
	}
small {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14px;
	font-weight: lighter;
	font-style : italic;
	color : #26272a;
	padding: 0;
	margin: 0
}
.rm a {
	width: 307px;
	background: #303236;
	font-style: normal;
	font-size: 12px;
	position: absolute;
	bottom: 0;
	padding: 2px 5px;
	text-align: right;
	margin-left: -5px;
}
.rm a:hover {
	background: #25292e;
}
.srm {
	width: 610px;
	background: #303236;
	font-style: normal;
	font-size: 12px;
	position: absolute;
	bottom: 0;
	padding: 2px 5px;
	text-align: right;
}
blockquote {
	margin:10px;
	font-family : Georgia, "Times New Roman", Times, serif;
	color : #666;
	clear: both;
	padding-top: 15px;
	padding-left: 38px;
}
code {
	font : 14px 'Courier New', Courier, Fixed;
	display : block;
	overflow : auto;
	text-align : left;
	margin : 10px 0 10px 0;
	padding : 5px 10px 5px 10px;
	background : #eee;
	border-top : 1px solid #ccc;
	border-bottom : 1px solid #ccc;
}
.navigation {
	font-size : 16px;
	font-weight : bold;
}
	.navigation .alignleft {float : left;text-align : left;height: 50px;}
	.navigation .alignright {float : right;text-align : right;height: 50px;}



/*************************SIDEBAR******************************/
#sidebar{
	float:right;
	width:340px;
    margin-right:5px;
}
		.top-ads {
			margin: 20px 0 0 14px;
		}
        .top-ads .txt{
        	width: 10px;
        	font-size: 24px;
        	line-height: 35px;
        	float: left;
        	color: #34373c;
        }
        .top-ads .bnrs {
        	width: 300px;
        	float: right;
        	height: 284px;
        	background: #34373c;
        	margin-right: 3px;
        }
        .top-ads img{
        	width: 125px;
        	height: 125px;
            margin-left:12px;
            padding:3px;
            float: left;

        }
.fvideo h2 {
	font-size: 18px;
	background: #3b3e43;
}
.fvideo {
	width: 300px;
	margin: 0 0 15px 10px;
	padding: 0 10px 10px 10px;
}
#sidebar a,#sidebar a:visited {
	color: #fff;
}
#sidebar-left{
	float:left;
	width:160px;
}
#sidebar-right{
	float:right;
	width:160px;
}
#sidebar a:hover {
	text-decoration : underline;
}
#sidebar ul {
	list-style : none;
	margin-bottom : 20px;
}
#sidebar ul ul  {
	list-style-type: none;
	margin: 0 0 10px 0;
}
#sidebar ul ul ul,#sidebar ul ul ul ul,#sidebar ul ul ul ul ul {
	margin: 0;
	padding:0;
}
#sidebar ul li {
	line-height : 21px;
}
#sidebar ul ul li {
	padding-bottom:2px;
	background : #34373e;
	border-top: 1px #3b3e44 solid;
	border-bottom: 1px #2b2e34 solid;
	padding-left: 10px;
}
#sidebar ul ul li:hover {
	background : #25292e;
}
#sidebar ul ul ul li,#sidebar ul ul ul ul li,#sidebar ul ul ul ul ul li{
	margin-left :10px;
	background : transparent;
	border-bottom:0;
}
#sidebar ul h2 {
	font-size : 14px;
	text-align : left;
	padding:5px;
	background: #25292e;
	color: #fff;
}


/*******************************************************
*******************COMMENTS******************************/

h3#comments,h3#respond {
	color : #eee;
	margin-left:5px;
	margin-bottom: 20px;
}
h3#respond{
	padding-top:10px;
}
ol.commentlist .left{
	width: 150px;
	float: left;
}
ol.commentlist .right{
	width: 440px;
	float: left;
	margin-bottom: 20px;
	padding: 0 10px;
}
#auth{
	padding:10px 10px;
}
.avatar {
	padding : 3px;
	border : 1px solid #ccc;
	margin:0 5px 5px 0;
	float: left;
}
ol.commentlist {
	list-style-type : none;
	margin-bottom: 20px;
}
ol.commentlist li {
    width: 650px;
}
.authcomment {
	border-bottom : 0px;
} 
.authcomment .right{
	background-color: #2b2e34 !important;
} 
small.commentmetadata{
	padding-bottom: 5px;
	float: right;
}
span.comauth{
	margin-bottom : 12px;
	font-family : Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color:#666;
}
#commentform small {
	font-style: normal;
	color: #fff;
}
#comment_title {
	margin-bottom : 5px;
}
#commentform {
	margin-bottom : 50px;
	margin-left : 10px;
}
#commentform label{
	margin-bottom : 5px;
	font-family : Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color:#666;
}
#commentform textarea {
	width : 98%;
	padding : 5px;
	font-size : 12px;
	background : #fff;
	border : 1px solid #d2cece;
	margin:0;
}
input#author,input#email,input#url {
	width : 300px;
	padding : 4px;
	font-size : 12px;
	background : #fff;
	border : 1px solid #d2cece;
	margin:0;
}
input#author:hover,input#email:hover,input#url:hover , #commentform textarea:hover {
	border : 1px solid #000;
	background: #ccc;
}
input#submit{
	background : #d2cece;
	color:#656971;
	padding:5px;
	border:0px;
} 
input#submit:hover {
	background: #2b2e34;
	color: #fff;
}
/*******************************************************
*******************FOOTER******************************/
#footer{
	background: #1e2126;
	color: #FFF;
	clear:left;
	width:1000px;
	margin: 0 auto;
	position: relative;
}
img.cmag {
	position: absolute;
	bottom: 30px;
	right:8px;
}
#footer-content {
	margin : 0 auto;
	padding : 10px 5px;
	width:950px;
}
#footer-content .left {
	width : 600px;
	float : left;
}
#footer-content .lleft {
	width : 290px;
	float : left;
}
	.lleft{
		font-family: Georgia;
		font-style: italic;
		font-size: 14px;
		color: #ccc;
	}
	.lleft h2{
		font-style: normal;
	}
#footer-content .lright {
	width : 290px;
	float : right;
}
#footer-content .right {
	width : 300px;
	float : right;
}
#footer h2 {
	font-size : 18px;
	font-family:"Century Gothic" ,Arial, Helvetica, sans-serif;
	font-weight : normal;
	color : #fafeff;
	margin-bottom:10px;
}
#footer span {
	padding : 10px;
	padding-left : 0;
	display : block;
	width : 950px;
	clear : both;
	margin : 0 auto;
	border-top: 1px #3b3e43 solid;
	
}
a.s {
	color: #fff;
}
.about.author{
	width:60px;
	height:60px;
	border:1px #ccc solid;
	float:left;
	padding:0;
	margin:5px 5px 0 0;
}
hr {display : none;}
/*******************************************************
*******************Defaults******************************/
h1{
	font-size: 28px;
}
h2{
	font-size: 24px;
}
h3{
	font-size: 21px;
}
h4{
	font-size: 18px;
}
h5{
	font-size: 16px;
}
h6{
	font-size: 14px;
}
hr {display : none;}
a{color: #14a1dc;text-decoration:none;}
a:hover{text-decoration: underline;}
img{ padding:5px;margin:5px;}
a img{border:0px;}
blockquote {
    font-style:italic;
    font-size:13px;
}
blockquote em, blockquote cite, blockquote i {
    font-style:normal;
}
input, textarea {
    font-family:Georgia, serif;
}
.caps {
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:1px;
}
.important {
    font-weight:bold;
}

/*******************************************************
*******************Search Form******************************/

/* Search form for 404 Pages */
#content #searchform {

}


#content #searchform input {
	width: 300px;
	background: #eee;
	color: #666;
	border: 1px solid #ccc;
	padding: 10px;
	margin: 5px 0;
}

#content input#searchsubmit {
	width: 40px;
	height: 100%;
	background: #085d80;
	color: #fff;
	border: 0;
	margin: 0 0 0 3px;
	padding: 10px 25px;
}
#content input#searchsubmit:hover {background: #000}
	
	#content .left404{
		width: 280px;
		float: left;
	}
	#content .right404{
		width: 280px;
		float: right;
	}	

	/*flicker style*/
		#flickr{
			width:290px;
		}
		#flickr img{
			width:60px;
			height:50px;
			float:left;
		}
		#flickr a img{
			border:2px #ebebeb solid;
			padding:0px;
		}
	/*end flicker*/