/*  
Theme Name: Clipshare Clearwater Blue
Description: A theme for Clearwater Blue Clipsharetemplates template
Version: 1.0
Author: Muthuswamy K & Christopher Boyce
Author URI: http://www.clipsharetemplates.com
*/

/* DEFAULT */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;font-weight: 100;font-style: normal;font-size: 100%;font-family: inherit;vertical-align: baseline;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate;}
caption,th,td{text-align: left;font-weight: normal;}

/* REGULAR CODING */

body{font-size:13px;font-family:Arial, Helvetica, sans-serif;}

a{text-decoration:none;color:#104a85;}
a:hover{text-decoration:underline;}

/* STRUCTURE */

#container{
	margin: 0px auto;
}

#holder{
	width:970px;
	margin: 0px auto;
}

#header{
	margin:0px auto;
}

#nav-main{
	background:url(images/nav_back.gif) repeat-x top;
	clear:both;
}

#content-box{
}

#left-panel{
	float:left;
	width:540px;
}

#right-panel{
	margin:0 0 0 550px;
}

#footer{
	background:url(images/footer_back.gif) repeat-x top;
	margin:10px 0 0 0;
	clear:both;
	padding:15px 0 20px 10px;
	line-height:1.2;
	font-size:12px;
}
	
/* HEADER */

#header #top-nav{
	float:right;
	padding:10px 0 0 0;
	color:#e7e5e5;
}

#header #top-nav ul li{
	float:left;
	padding:0 10px;
	border-right:#ddd 1px solid;
}

#header #top-nav ul li a{
	float:left;
}

#header #logo{
	padding:0px 0 0 30px;
}

#header #logo img{	
	float:left;
}

#header #logo h1{
	visibility:hidden;
}

#header .search{
	background:url(images/search_back.gif) repeat-x top;
	width:550px;
	float:right;
	margin:15px 0 0 0;
}

#header .search .search-left{background:url(images/search_left_back.gif) no-repeat left top;}
#header .search .search-right{background:url(images/search_right_back.gif) no-repeat right top;height:45px;}

#header .search .search-box{}
#header .search .search-button{
	background:url(images/search_btn.png) no-repeat left top;
	height:24px;
	width:66px;
	padding:0 0 3px 0;
	border:0;
}

#header .search form{
	float:right;
	margin:13px 0 0 0;
	padding:0 20px 0 0;
}

/* NAVIGATION */

#nav-main #nav-main-left{background:url(images/nav_left_back.gif) no-repeat left top;}
#nav-main #nav-main-right{background:url(images/nav_right_back.gif) no-repeat right top;height:40px; padding:0 20px 0 0;}
#nav-main #nav-bottom{background:url(images/nav_bottom.gif) repeat-x top;height:20px;}

#nav-main ul{
	margin:0 0 0 30px;
}

#nav-main ul li{
	float:left;
}

#nav-main ul li a{
	text-align:center;
	float:left;
	width:106px;
	height:30px;
	color:#000;
	font-size:14px;
	margin:10px 0 0 0;
	line-height:30px;
	background:url(images/nav_item.png) no-repeat left top;
}

#nav-main ul li a:hover, #nav-main ul li a.active{
	text-decoration:none;
	color:#fff;
	background:url(images/nav_item_hov.png) no-repeat left top;
}

#nav-main #upload-btn{
	float:right;
	background:url(images/upload_btn.png) no-repeat top left;
	font-size:18px;	
	width:106px;
	height:30px;
	margin:10px 0 0 0;
}

#nav-main #upload-btn a{
	color:#fff;
	float:right;
	display:block;
	padding:5px 15px 0 0;
}

#nav-main #upload-btn a:hover{
	text-decoration:none;
}

/* SIDEBAR */

#right-panel .subscribe{
	float:right;
	height:20px;
	padding:10px 20px 0 0;
}

#right-panel .subscribe .rss{
	background:url(images/rss.gif) no-repeat top left;
	height:12px;
	padding:0 0 0 20px;
	margin:0 20px 0 0;
}

#right-panel .split{
	width:200px;
	float:left;
	margin:10px 10px 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.split h3{
	background:url(images/side_head_back.gif) repeat-x top;
	height:31px;
	line-height:31px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	padding:0 0 0 10px;
}

.split ul{margin:0 0 30px 0;}
.split ul li{
	line-height:25px;
	border-bottom:#ddd 1px dotted;
	width:200px;
}

.split li ul.children{
	margin:0;
}

.split li ul.children li{
	line-height:25px;
	border-bottom:0;
	border-top:#ddd 1px dotted;
	width:190px;
	padding:0 0 0 10px;
}

.split ul li:hover{
	background:#eee;
}

.split ul li:hover ul li{
	background:#fff;
}

.split ul li ul li:hover{
	background:#f5f5f5;
}

.split ul li a{margin:0 0 0 10px;}
.split ul li a:hover{text-decoration:none;}

/* POSTS */

#left-panel .content{
	padding:10px;
}

.post{
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.post .post-head .post-cal{
	background:url(images/cal.png) no-repeat top left;
	width:44px;
	height:59px;
	text-align:center;
	font-size:28px;
	float:left;
}

.post .post-head .post-cal .post-month{padding:5px;color:#fff; font-size:11px;}

.post .post-head-content{
	margin:0 0 20px 60px;
	padding:0 0 15px 0;
	font-size:12px;
	border-bottom:#ddd 1px dotted;
}

.post .page-head-content{
	margin:0 0 20px 0;
	padding:0 0 15px 0;
	font-size:12px;
	border-bottom:#ddd 1px dotted;
}

.post .post-head-content h2{
	font-size:20px;
	margin:0 0 10px 0;
}

.post .page-head-content h2{
	font-size:20px;
	margin:0 0 10px 0;
}

.post .post-head-content .post-author{
	float:right;
}

.post .post-content{
	clear:both;
	font-size:12px;
	line-height:1.3;
	margin:10px 0 0 0;
}

.post .post-content p{
	margin:0 0 20px 0;
}

.post .post-content ul{
	list-style-type:disc;
	margin:0 0 10px 25px;
}

.post .post-content ol{
	list-style-type:decimal;
	margin:0 0 10px 25px;
}

.post .post-content blockquote{
	padding:10px;
	margin:0 0 10px 20px;
	background:#efefef;
	font-style:italic;
	font-size:12px;
}

.post .post-meta{
	border:#ddd 1px dotted;
	padding:10px;
	margin:0 0 30px 0;
}

.post .post-meta .post-comment{
	float:right;
}

.post-navigation {height:30px;text-align:right;}
.post-navigation .left{float:left;}

/* COMMENTS */

h3#comments, h3#respond{
	padding:10px 10px;
	font-size:18px;
	background:#eee;
}

ol.commentlist li{
	margin:5px 0;
	padding:10px 0;
	border-bottom:#ddd 2px dotted;
	line-height:1.3;
}

ol.commentlist li .commentmetadata{
	font-size:12px;
}

ol.commentlist li .comment-text{
	margin:5px 10px;
}

form#commentform{
	margin:10px 0 0 0;
	line-height:1.4;
}

form#commentform p{
	margin:5px 0;
}

form#commentform p small{
	font-style:italic;
}

form#commentform #comment{
	width:520px;
}

/* OTHER */

#footer .subscribe{
	float:right;
	height:20px;
	padding:10px 20px 0 0;
}

#footer .subscribe .rss{
	background:url(images/rss.gif) no-repeat top left;
	height:12px;
	padding:0 0 0 20px;
	margin:0 20px 0 0;
}