/**
Theme Name: Visio
Author URI: http://wpjunction.com
Version: 1.0
Author: hpa
Description: magazine theme
Coder: misbah (ini_misbah@yahoo.com)
*/

/* -------------------------------------- */

.clearfix:after { /* FF, O, etc. */
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block; /* IE7xhtml*/
}

html[xmlns] .clearfix { /* O */
	display: block;
}

* html .clearfix {
	height: 1%; /* IE5-6 */
}

body {
	background:#ffffff url(images/bg.jpg) repeat-x 0 0;
	margin:0 auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#4a483d;
	font-style:normal;
	font-size:12px;
}

#body-bg{background:url(images/main-bg.jpg) no-repeat center top; }
a.logo{background:url(images/logo.png) no-repeat right bottom; width:288px; height:102px; display:block; padding-top:5px; padding-left:15px;}

a {
	text-decoration:none;
	color:#1280c0;
}

a:hover { color:#000000; }

/* header */
#header { font-style:italic; width:1000px; margin:auto; }

#page-menu {
	float:right;
	padding-top:7px;
	height:34px;
	overflow:hidden;
	margin-bottom:40px;
}

#page-menu ul li {
	background:transparent url(images/page-menu-separator.png) no-repeat 0 0;
	display:block;
	float:left;
	height:34px;
	padding-left:2px;
	line-height:34px;
	margin-left:26px;
}

#page-menu ul li.first {
	background:none;
	padding-left:0;
}

#page-menu ul li a {
	margin-left:26px;
	font-size:14px;
	color:#535353;
}

#page-menu ul li.current_page_item a, #page-menu a:hover { color:#b2b2b2; }

#branding {
	clear:right;
}

#blog-title { font-size:41px; width:300px; float:left;}

#blog-title a { color:#000000; }

#blog-title a:hover { color:#7f0f0f; }

#blog-description {
	font-size:18px;
	font-weight:normal;
	color:#747474;
	margin-top:5px;
}

#cat-menu {
	background:#efefef url(images/category-menu-bg.gif) repeat-x 0 0;
	height:48px;
	line-height:48px;
	overflow:hidden;
}

#cat-menu ul {
	display:block;
	float:left;
	width:865px;
	height:50px;
}

#cat-menu ul li {background:url(images/dvd-menu.gif) right no-repeat;
	font-size:14px;
	display:inline;
	padding:0px 18px 0px 20px;
}
#cat-menu ul li.last {background:none;
	font-size:14px;
	display:inline;
	padding:0px 18px 0px 20px;
}
#cat-menu ul li.cat-item-10{ background:none;}
#cat-menu a {
	color:#fff;
	padding:0 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	font-style:normal;
}

#cat-menu li.current-cat a, #cat-menu a:hover {
	color:#bed6ff;
}

#top-search-wrap {
	background:transparent url(images/top-search-bg.png) no-repeat 0 0;
	float:right;
	width:245px;
	margin:60px 9px 0px 0px;
	position:relative;
	height:55px;
	position:relative;
	display:inline;
}

#top-s, #top-search-submit {
	background:none;
	border:none;
	padding:0;
	position:absolute;
}

#top-s {
	font:normal 12px Arial,Verdana,Tahoma;
	color:#333;
	width:152px;
	top:18px;
	left:24px;
}

#top-search-submit {
	width:60px;
	height:30px;
	cursor:pointer;
	top:13px;
	right:10px;
}

/* container */
#container {  width:1000px; margin:auto; background:#fff; }

/* content */
#content {
	float:left;
	padding:9px 0 0 5px;
	width:505px;
	margin-left:10px;
	display:inline;
}

.pagetitle {
	font-size:16px;
	margin-bottom:9px;
}

.post {
	background:#ffffff url(images/post-bg.png) no-repeat 0 0;
	margin-bottom:2px;
	padding:4px 5px;
}

.title, .title-404 {
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	color:#1280c0;
	padding:2px 0px 0px 0px;
	text-transform:uppercase;
	width:350px; float:right;
	margin:0px;
	line-height: 17px;
}
.title-404 { border-bottom:none !important; }


.thumbnail {
	background-color:#ffffff;
	float:left;
	padding:5px;
	border:1px solid #d7d7d7;
	display:inline;
	margin-left:3px;
}

.entry { margin-left:105px; }

.no-image { margin:0 !important; }

#post-pages {
	margin-bottom:8px;
	font-size:16px;
}

.meta {
	background:#dedede url(images/meta-bg.png) repeat-x 0 0;
	line-height:28px;
	color:#4c4c4c;
	font-style:italic;
	margin:0 -5px;
	padding:0 8px;
	border:1px solid #ececec;
}

.meta .inner, .date-post, .categories-post, .read-more { position:relative; }

.meta .inner {
	height:28px;
}

.date-post, .categories-post, .read-more { z-index:2;}

.meta a.read-more { color:#a01919; }

.meta-shadow {
	position:absolute;
	top:1px;
	left:1px;
	z-index:1;
	color:#ffffff;
}

.meta a { color:#4c4c4c; }

.meta a:hover { color:#7f0f0f; }

/* wp-pagenavi */
#wp-pagenavi-wrapper {
	background-color:#ffffff;
	clear:both;
	height:51px;
	position:relative;
	padding:0 8px;
	margin-bottom:5px;
	border:1px solid #e0e0e0;
}

.wp-pagenavi {
	padding-top:19px;
	font:normal 11px Tahoma, Verdana, Arial;
}

.wp-pagenavi span.pages, .wp-pagenavi span.current, .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi span.extend {
	background-color:#2e2e2e !important;
	color:#ffffff !important;
	text-transform:uppercase;
	padding:7px 9px !important;
	border:1px solid #111111 !important;
}

.wp-pagenavi span.pages {
	background-color:#b71f1f !important;
	border:1px solid #561313 !important;
}

.wp-pagenavi a:hover {
	background-color:#b71f1f !important;
	border:1px solid #561313 !important;
}

/* sidebar */
#sidebar {
	float:left;
	width:225px;
	padding-top:9px;
	overflow:hidden;
	display:inline;
	margin-left:10px;
}
#sidebar1 {
	float:left;
	padding-top:9px;
	overflow:hidden;
	display:inline;
}

.widget {
	background:#ffffff url(images/widget-bg.png) no-repeat 0 0;
	margin-bottom:5px;
	position:relative;
	width:209px;
	padding:10px 8px;
	
}
.widget-title {
	font-size:18px;
	font-style:italic;
	font-weight:normal;
	color:#2b2b2b;
	padding-bottom:5px;
	border-bottom:1px solid #f0f0f0;
	margin-bottom:3px;
}

.widget ul li {
	line-height:24px;
	color:#585858;
}

.widget a { color:#585858; }

.widget a:hover { color:#7f0f0f; }

.toggle {
	background:transparent url(images/widget-toggle.gif) no-repeat 0 0;
	width:28px;
	height:32px;
	position:absolute;
	right:0;
	top:0;
}

.pointer { cursor:pointer; }

.widget .toggle-down { background:transparent url(images/widget-toggle.gif) no-repeat 0 -32px !important; }

.compact {
	height:20px;
	overflow:hidden;
	border-bottom:1px solid #eaeaea;
}

/* First - Sidebar : LHS */
#first-sidebar {
	float:left;
	width:230px;
	padding-top:8px;
	overflow:hidden;
	display:inline;
	margin-left:10px;
}

#first-sidebar .widget {
	background:transparent;
	width:230px;
	padding:0;
	background-color:#f8f8f8;
	border:1px solid #e7e7e7;
	padding-bottom:20px;
}

#first-sidebar .widget-title {
	border:0;
	background:url(images/title.gif) repeat-x;
	line-height:42px;
	padding-left:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:normal;
	font-size:17px;
	text-transform:uppercase;
	color:#707070; letter-spacing:-.9px;
}

#first-sidebar .widget ul li {
	border-bottom:1px solid #DFDFDF;
	margin:0px 10px 0px 10px;
	line-height:24px;
}

#first-sidebar .widget ul ul { padding-left:15px; }

#first-sidebar .widget ul li li {
	border-bottom:none;
	border-top:1px solid #d8d8d8;
}

/* second-sidebar */
#second-sidebar {
	float:right;
	width:220px;
	padding-top:10px;
	overflow:hidden;
	display:inline;
	margin-right:10px;
}

#second-sidebar .widget {
	background:transparent;
	width:217px;
	padding:0;
	background-color:#f8f8f8;
	border:1px solid #e7e7e7;
	padding-bottom:20px;
}

#second-sidebar .widget-title {
	border:0;
	background:url(images/title.gif) repeat-x;
	line-height:42px;
	padding-left:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:normal;
	font-size:18px;
	text-transform:uppercase;
	color:#707070;
}

#second-sidebar .widget ul li {
	border-bottom:1px solid #DFDFDF;
	margin:0px 10px 0px 10px;
	line-height:24px;
}

#second-sidebar .widget ul ul { padding-left:15px; }

#second-sidebar .widget ul li li {
	border-bottom:none;
	border-top:1px solid #d8d8d8;
}

/* footer */
#footer {
	width:1000px; margin:auto;
	font-style:italic;
}

#footer p { text-align:justify;
	color:#c0dcef; font-style:normal; line-height:18px;
}

#footer-block {
	background:#16316A url(images/block-bg.png) top repeat-x; color:#fff; 
}

#footer-block .inner {
	background:transparent url(images/block-bg.png) no-repeat 100% 100%;
	padding:6px 15px 6px 15px;
}

.block {
	float:left;
	width:315px;
	margin:0 10px 10px 0;
}

.last { margin-right:0 !important; }

.block h2 {
	font-size:22px;
	font-weight:normal;
	color:#fff;
	font-style:normal;
	margin:10px 0px 10px 0px;
}
#f-recent-entries{}
.block ul li {
	background:url(images/ftr-icon.gif) no-repeat;
	list-style:none;
	overflow:hidden;
	height:28px;
	line-height:28px;
	padding-left:20px; font-style:normal;
}

.block ul li a { color:#fff;}

.block ul li a:hover { color:#c6dafe; }

#f-recent-entries ul li { background-position:2px 6px; }

#popular-posts ul li { background-position:2px -22px; }

#f-recent-comments ul li { background-position:2px -51px; }

span.date-post{ font-weight:bold; color:#474747; font-style:italic; padding-left:5px;  float:left; margin-top:12px;}
.post p { margin-top:15px; padding-left:4px; padding-right:4px; text-align:justify;}
.banner{ margin:auto; width:1000px; background:url(images/banner.jpg) no-repeat center top; height:168px;}
#social-icon{ width:155px; float:right; background-image:url(images/icon-bg.png); background-repeat:no-repeat; height:43px; padding:12px 3px 0px 20px; margin:60px 0px 0px 10px;}
#social-icon img{ padding-right:15px;}
ul.bottom-text{ margin:0px; padding:0px;}
ul.bottom-text li{ padding:0px; float:left; display:block;}
ul.bottom-text li#text-2{ width:390px; padding-right:20px; background:url(images/bottom-dvd.jpg) repeat-y right top; font-style:normal; line-height:20px; text-align:justify;}
ul.bottom-text li#tag_cloud-2{ width:250px; padding-left:20px; padding-right:20px; background:url(images/bottom-dvd.jpg) repeat-y right top; min-height:173px; }
ul.bottom-text li#linkcat-2{ width:230px; padding-left:20px; min-height:173px;}
ul.bottom-text li#linkcat-53{ width:230px; padding-left:20px; }
#sidebar1 li.widget{ background:none;}
#sidebar1 h4.widget-title{ border:none; color:#FFFFFF}

ul.bottom-text li#tag_cloud-2 a{ width:230px;  font-style:normal; line-height:18px; color:#FFFFFF; text-decoration:underline;}
ul.bottom-text li#linkcat-2 a{width:215px; color:#fff; font-style:normal; display:block; background:url(images/li-btm.jpg) no-repeat left; padding-left:15px;}

.copyright{ 
line-height:28px; background:#284984 url(images/ftr.jpg) top; background-repeat:repeat-x; padding:10px 20px 10px 20px; color:#cde0ed; font-size:11px; font-style:normal; 
float:left; width:960px; text-align:center;
}
.copyright a{color:#cde0ed; font-size:11px; font-style:normal; text-decoration:none;}
.copyright a:hover{color:#fff;}
.footer-note{ float:right; line-height:28px;}
.footer-note span{background:#284984 url(images/efst.jpg) top no-repeat; height:28px; width:28px; display:block; float:right;}

#post-1138 .categories-post{ display:none;}
#post-1138{ width:970px; margin-left:-245px; background:#ffffff url(images/post-bg1.png) repeat-x 0 0; margin-bottom:0px; padding:4px 5px 0px; position:relative;}
#post-1138 .date-post{ display:none;}
#post-1138 .title, .title-404{ float:left; font-size:16px; padding-top:10px;}
#post-1138 .comment-post a{ display:none;}
.nocomments{ display:none; color:#fff;}