/*
Theme Name: Comsenz CMS Theme
Theme URI: 
Description: The Comsenz CMS Theme based on the <a href="http://www.comsenz.com/">Comsenz Inc</a>
Version: 1.0
Author: Jevan
Author URI: http://www.centsum.com/
*/

/*Genreal*/

*{
	margin:0px;
	padding:0px;
	color:#000000;
	font-size:12px;
	font-family:Georgia, Arial, Verdana, sans-serif;
}

body{		
	overflow-y:scroll;
}

a{
	color:#0097CC;
	text-decoration:none;
}
a:hover{
	color:#51B400;
	text-decoration:underline;
}
a img{
	border:none;
}

h1,h2,h3{
	margin:0px;
	font-family:'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight:bold;
}
h1{font-size:22px;}
h2{font-size:18px;}
h3{font-size:14px;}
h4{font-size:13px;}

ol,ul,li{
	margin:0px;
	padding:0px;
	list-style:none;
}

.clear{clear:both;}
.fr{float:right;}
.fl{float:left}

.center{text-align:center;}

img.c{margin-left:auto;margin-right:auto;display:block;}
img.l{margin:0 7px 2px 0;padding:4px;display:inline;}
img.r{margin:0 0 2px 7px;padding:4px;display:inline;}

.notfound{width:100%;height:120px;background:url("images/error_404.gif") center center no-repeat;}
.seterror{width:100%;height:120px;background:url("images/error_set.gif") center center no-repeat;}

small{font-family:Arial, Helvetica, Sans-Serif;font-size:0.9em;line-height:1.5em;}
code{font:1.1em 'Courier New', Courier, Fixed;}
acronym,abbr,span.caps{font-size:0.9em;letter-spacing:0.07em;cursor:help;}
blockquote{margin:15px 30px 0 10px;padding-left:20px;border-left:5px solid #ddd;}
blockquote cite{margin:5px 0 0;display:block;}

/*Page*/
#page_header{
	width:100%;	
	background:url("images/body_bg_header.jpg") top repeat-x;
}
#page_footer{
	width:100%;
	background:url("images/body_bg_footer.jpg") bottom repeat-x;
}
#page{
	width:950px;
	margin:0 auto;
	text-align:left;
}

/****************************************************************************
	Header
****************************************************************************/
#header{
	width:100%;
	height:105px;
}

/*Logo*/
#logo{
	width:100%;
	height:71px;
	background:url("images/header_bg.jpg") left top no-repeat;
	overflow:hidden;
}
#logo h1{
	float:left;
	background:url("images/logo.png") left 8px no-repeat;
	text-indent:-10000px;
}
#logo h1 a{
	width:222px;
	height:71px;
	outline:none;
	display:block;
}
#logo .description{
	float:right;
	margin-right:10px;
	margin-top:30px;
	color:#94a4c2;
}

/*Menu*/
#menu{
	clear:both;
	width:100%;
	height:33px;
	background:url("images/menu_bg.jpg") top repeat-x;
	white-space:nowrap;
}


#menu li{
	float:left;
	width:84px;
	height:33px;
	text-align:center;
}
#menu li a{
	padding:10px 0;
	background:url("images/menu_line.jpg") right top no-repeat;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	display:block;
}
#menu li a:hover,
#menu li.current_page_item a{
	background:url("images/menu_li_hover.jpg") left top no-repeat;
	color:#000000;
}


#menu li ul {
	position:absolute;
	left:-9999px;
	width:150px;
	margin-top:-1px;	
	border:solid #186B9D;
	border-width:0px 1px 1px 0px;
	display:block;
}

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

#menu li:hover ul li,
#menu li.sfhover ul li {
	width:100%;
	background:#5F97B8;	
	border-top:solid 1px #186B9D;
	overflow:hidden;
}

#menu li:hover ul li a,
#menu li:hover ul li a:hover,
#menu li:hover ul li.current_page_item a,
#menu li.sfhover ul li a,
#menu li.sfhover ul li a:hover,
#menu li.sfhover ul li.current_page_item a{
	padding-left:15px;
	background:transparent;
	border-left:solid 5px #106294;
	color:#FFFFFF;
	font-weight:400;
	text-align:left;
	display: block;
}
#menu li:hover ul li a:hover, 
#menu li.sfhover ul li a:hover{
	background:#6AC9E9;
	border-left:solid 5px #4F8DB2;
	color:#333333;
}


#menu #menu_home{background:url("images/menu_home_other.jpg") left top no-repeat;}
#menu #menu_home.current_page_item a,#menu #menu_home a:hover{background:url("images/menu_home.jpg") left top no-repeat;}


#menu #search{float:right;width:236px;background:url("images/menu_right.jpg") right top no-repeat;position:relative;text-align:left;}
#menu #search #searchform{overflow:hidden;}
#menu #search #s{width:150px;height:15px;position:absolute;top:6px;font-size:12px;padding:4px 2px 0 3px;color:#666;border:1px solid #065387;}
#menu #search #b{width:59px;height:21px;position:absolute;top:6px;left:160px;border:0;color:#fff;font-weight:bold;padding:0 0 1px;background:url("images/search_bg.jpg") left 50% no-repeat;cursor:pointer;}

/****************************************************************************
	Navigation
****************************************************************************/
#navigation{
	clear:both;
	width:100%;
	height:32px;
	margin:0px auto;
	padding:6px 0px 0px 22px;
	background:url("images/navigation.jpg") top left no-repeat;
	overflow:hidden;
}
#navigation a{
	margin-right:10px;
	border-bottom:dotted 1px #333333;
	color:#333333; 
	font-size:13px;
	font-weight:600;
	text-decoration:none;
}


/****************************************************************************
	Home
****************************************************************************/
#home
{
	width:100%;
	margin:10px auto;
	color:#4B5A61;
	font-size:12px;
}

/*Slide*/
#slide{
	clear:both;
	height:230px;
	margin-top:-1px;
	overflow:hidden;
}
#slide #banner{
	float:left;
	width:670px;
	height:100%;
	background:#006291 no-repeat top left;
}
#slide #banner_image{
	width:100%;
	height:100%;
	background:url("images/slide_left.gif") no-repeat top right;
	display:block;
}
#slide #banner_title{
	float:right;
	width:280px;
	height:100%;
	background:#005A8F url("images/slide_right.gif") right top no-repeat;
	font-size:14px;
}
#banner_title ul{margin-left:10px;margin-top:20px;}
#banner_title li{margin-bottom:12px;}
#banner_title li a{height:20px;padding:7px 0 1px 15px;color:#86d0f6;text-decoration:none;display:block;}
#banner_title li a:hover,#banner_title li a.slidenow{background:url("images/slide_title.gif") left top no-repeat;color:#fff;}

/*AD HOME*/
#ad_home{
	width:100%;
	margin-top:10px;
	overflow:hidden;
}

/*Home Left & Right*/
#home_left,#home_right{
	height:270px;
	overflow:hidden;
}
#home_left .title,#home_right .title{
	width:100%;
	height:26px;
	overflow:hidden;
}
#home_left .title a,#home_right .title a{
	padding:8px 0px 8px 20px;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	display:block;
}
#home_left .title a.active,#home_right .title a.active{
	width:80px;
	color:#000;
	background:url("images/title_active.jpg") left top no-repeat;
}
#home_left ul li,#home_right ul li{
	height:24px;
	line-height:24px;
	overflow:hidden;
}

#home_left{
	float:left;
	width:648px;
	background:url("images/left_bg.jpg") left 26px no-repeat;
}
#home_left .title{
	background:url("images/left_title.jpg") left top no-repeat;
}

#home_right{
	float:right;
	width:292px;
	background:url("images/right_bg.jpg") left 26px no-repeat;
}
#home_right .title{
	background:url("images/right_title.jpg") left top no-repeat;
}

#home .content{
	width:620px;
	margin:10px auto;
	color:#666666;
	line-height:22px;
	text-indent:24px;
}

#home ul.list{margin:10px;color:#0097CC;}
#home ul.list li{float:left;width:280px;margin:0 5px;font-size:12px;line-height:180%;}
#home ul.list li a{padding-left:12px;background:url('images/list.gif') no-repeat 0 4px;text-decoration:none;}
#home ul.list li a:hover{text-decoration:underline;}

		
/*Sidebar Home*/
#sidebar_home{
	width:100%;
	height:100px;
	margin-top:10px;
	overflow:hidden;
}
#sidebar_home ul{
	overflow:hidden;
	text-align:center;
	font-size:8px;
}
#sidebar_home li{
	display:inline;
}

/****************************************************************************
	Main
****************************************************************************/
#main {
	float:left;
	width:720px;
	padding:5px;
}

#main h2{
	padding:0px 0px 5px 5px;
	border-bottom:1px solid #A8B5BD;
	color:#51B400;
}
#main h3{
	margin:15px 0px 10px 0px;
	padding:8px 0px 5px 8px;
	background:#F1F5F8;
	border-bottom:dotted 1px #A8B5BD;
	color:#666666;
}
#main h4{	
	margin:15px 0px 10px 0px;
	padding:8px 5px 5px 8px;
	background-color:#F4F8F9;
	border-top:dotted 1px #A8B5BD;
	border-bottom:dotted 1px #A8B5BD;
	color:#666666;
	font-weight:400;
}

#main .edit{
	float:right;
	font-size:12px;
	font-weight:400;
}
	
#main .entry{
	margin:5px;
	color:#4B5A61;
	font-size:12px;
	line-height:22px;
}

#main p{margin:0px 0px 16px 0px;font-size:12px;}

#main .more{float:right;margin:5px;color:#666666;font-size:12px;font-weight:400;}

/*block*/
#main #block{
	clear:both;
	width:710px;
	height:330px;
	margin:20px auto;
	background:url("images/block_bg.jpg") no-repeat;	
}

#tab{
	clear:both;
	width:100%;
	margin-left:20px;	
}
#tab li{
	float:left;
	width:120px;
	height:26px;
	padding-top:6px;
	background:url("images/block_line.jpg") no-repeat top left;	
	color:#FFFFFF;
	font-size:13px;
	font-weight:600;
	text-align:center;	
	display:block;
	overflow:hidden;
	cursor:hand;
}
#tab li.active{
	color:#000000;
	background:url("images/block_hover.jpg") no-repeat top right;
}

#box{
	clear:both;
	width:680px;
	height:300px;
	margin:0px auto;
}
#box .box_active{display:block;}
#box .box_hidden{display:none;}

/*list*/
#main .list
{
	clear:both;
	width:100%;
	height:200px;
}

/*item*/
#main .item{
	clear:both;
	float:left;
	width:100%;
	height:22px;
	margin-top:6px;
	border-bottom:dotted 1px #CCCCCC;
}
#main .item .title{
	float:left;
	width:344px;
	color:#4B5A61;
}
#main .item .author{
	float:left;
	width:110px;
}
#main .item .comment{
	float:left;
	width:105px;
}
#main .item .date{
	float:right;
	width:100px;
	border-left:dotted 1px #CCCCCC;
	text-align:center;
}

/*post*/
#main .post{margin:0;}
#main .post .postmetadata{height:20px;margin-top:30px;padding:10px;border-top:1px dotted #EEEEEE;}
#main .post .postline{height:20px;margin-top:10px;border-top:1px dashed #A8B5BD;display:block;}


#main .post .attachment{margin:5px 0px;text-align:center;}
#main .post .smallattachment{float:left;width:128px;margin:5px 5px 5px 0px;text-align:center;}

#main .post ul{margin-left:0px;padding:0 0 0 30px;list-style:none;padding-left:10px;text-indent:-10px;}
#main .post li{margin:7px 0 8px 10px;}
#main .post ul li:before{content:"\00BB \0020";}
#main .post ol{padding:0 0 0 35px;margin:0;}
#main .post ol li{margin:0;padding:0;}

/*nav*/
.nav{clear:both;height:20px;margin:5px;padding:8px 5px 5px 8px;background:#F6F6F6;border-top:solid 1px #EEEEEE;border-bottom:solid 1px #EEEEEE;text-align:center;display:block;}

/*comment*/
.commentlist li,#commentform input,#commentform textarea{font:0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;}
.commentlist li{margin:15px 0 3px;padding:5px 10px 3px;list-style:none;font-weight:bold;overflow:hidden;}
.commentlist li .avatar{float:right;border:1px solid #eee;padding:2px;background:#fff;}
.commentlist cite,.commentlist cite a{font-weight:bold;font-style:normal;font-size:1.1em;}
.commentlist p{margin:10px 5px 10px 0;font-weight:normal;line-height:1.5em;text-transform:none;}
#commentform p{margin:5px 0;font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;}
.commentmetadata{margin:0;display:block;font-weight:normal;}
h3#comments{margin:20px auto;padding:5px;background:url("images/comment_bg.jpg") left top repeat-y;}
#commentform input{width:170px;padding:2px;margin:5px 5px 1px 0;}
#commentform textarea{width:100%;padding:2px;}
#commentform #submit{margin:0;float:right;}
.commentlist{padding:0;text-align:justify;}
.nocomments{text-align:center;margin:0;padding:0;}

/****************************************************************************
	Sidebar
****************************************************************************/
#sidebar{
	float:right;
	width:201px;
	margin:10px auto;
	overflow:hidden;
}
#sidebar .title{
	width:100%;
	height:26px;
	padding-left:20px;
	background:url("images/right_side_title.jpg") left top no-repeat;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	line-height:28px;
	cursor:pointer;
}
#sidebar ul{width:100%;background:url("images/right_side_bg.jpg") left top repeat-y;}
#sidebar ul li{width:199px;margin:0;padding:0;}
#sidebar ul li a{margin:1px 0;padding:10px 18px;border-bottom:1px solid #DDE6EB;text-decoration:none;display:block;}
#sidebar ul li.current_page_item,#sidebar ul li a:hover{background:#FFF url("images/right_side_now.jpg") center top repeat-y;}

#sidebar .widget{
	width:100%;
	margin-bottom:20px;
}
#sidebar .widget .widgettitle{
	border-bottom:solid 1px #CCCCCC;
	color:#666666;
}
#sidebar .widget .textwidget{
	padding:5px;
	line-height:22px;
}
#sidebar .widget ul{
	width:100%;
	padding-top:1px;
	background:none;
}
#sidebar .widget ul li{width:199px;margin:0;padding:0;}
#sidebar .widget ul li a{margin:2px 0;padding:6px 10px;border-left:5px solid #DDE6EB;;text-decoration:none;display:block;}
#sidebar .widget ul li a:hover{background:none;border-left:5px solid #6FC30D;}

/****************************************************************************
	Footer
****************************************************************************/
#footer{
	clear:both;
	width:100%;
	height:70px;
}
#footer #link
{
	float:left;
	padding:20px 0px 0px 8px;
}
#footer #link a{
	padding:0px 10px 0px 10px;
	border-left:solid 1px #CCCCCC;
}
#footer #copyright{
	float:right;
	padding-top:20px;
	font-family:Georgia;
	line-height:22px;
	text-align:right;
}
#footer #subscribe{float:right;padding-top:35px;}
#footer #subscribe a{width:16x;height:16px;margin:0;padding:0;display:block;background:url("images/rss.gif") center top no-repeat;overflow:hidden;}
#footer #subscribe h2{width:100%;height:100%;text-indent:-10000px;visibility:hidden;}