/*
Theme Name:		OS Designer
Theme URI:		http://www.osdesigner.net
Description:	Based on my Gallery Theme, added a few extra feature based on my own requirement.
Version:		1.0
Author:			Shabu Anower
Author URI:		http://www.osdesigner.net/
*/


body {
	font-family: Arial, Helvetica, sans-serif; font-size: 13px;	color: #474848;	margin: 0; padding: 0;
}

ul, ol, li, h1, h2, h3, h4, h5, form, p, li {
	margin: 0; padding: 0;
}
img {
	border: 0px;
}
a {
	color: #0066cb;	text-decoration: none;
}
a:hover {
	color: #474848;	text-decoration: underline;
}
	a img {
		border: 0px;
	}

#wrapper {
	width: 860px; margin: 15px auto 0 auto;
}

#header {
	padding: 0;	margin: 0 auto;
}

#logo {
	background: url('images/osdesigner.gif') no-repeat;	width: 211px; height: 82px;	display: block;
}


#main_bar {
	padding: 0;	height: 25px; background: #e43b05; color: #ffffff;
}
	#main_bar h3 {
		float: left; padding: 3px 0 0 20px; font-size: 1.0em; background: url('images/corner.gif') no-repeat; height: 22px;
	}
	#main_bar p {
		float: right; padding: 3px 10px 0 0; background: url('images/corner.gif') no-repeat right -25px;
	}
	
	#main_bar a {
		color: #ffffff;	text-decoration: none;
	}
	#main_bar a:hover {
		text-decoration: underline;
	}


#footer {
	width: 860px; height: 70px;	margin: 0 auto;	padding: 9px 0 0 0;	background: url('images/footer.gif') no-repeat top center;
}

#footer p {
	padding-top: 20px; text-align: center; font-size: 11px;
}
	#footer a {
		color: #474848;	text-decoration: none;
	}
	#footer a:hover {
		color: #0066cb;	text-decoration: underline;
	}

.page {
	width: 860px; margin: 0 auto;
}

#content {
	width: 550px; padding: 0; overflow: hidden;
}

#bgtop {
	height: 20px; background: url('images/img07.gif');
}


.sidebar {
	width: 300px; float: right;
}
	.sidebar h2 {
		letter-spacing: -1px; font-size: 1.2em;	margin: 0 0 10px 0;
	}





#nav {
	background: url('images/navbg.gif') repeat-x top; height: 37px; margin: 10px 0 0 0;
}	
	.rss {
		float: right;
	}

	.rss a {
		background: url('images/rss.gif') no-repeat; width: 38px; height: 37px;	display: block;
	}
	.rss a:hover {
		background: url('images/rss.gif') no-repeat 0px -37px; width: 38px; height: 37px; display: block;
	}
	
	#nav ul {
		list-style-type: none; background: url('images/nav.gif') no-repeat top left;	height: 37px;
	}
	#nav li {
		height: 37px; float:left; list-style-type: none;
	}
	#nav li a {
		display: block;	height: 27px; padding: 10px 15px 0 15px; text-decoration: none;	color: #474848;	font-size: 11px; text-align: center; font-weight: bold; float: left;
	}

/*Main Button*/
#nav .main {
	background:url('images/nav.gif') no-repeat;	color: #006600;
}	
#nav .main a {
	background:url('images/nav.gif') no-repeat;	font-weight: bold; color: #474848;
}		
#nav .main a:hover {
	background:url('images/nav.gif') no-repeat 0px -37px; font-weight: bold; color: #000000;
}		
		#nav .main #current {
			background:url('images/nav.gif') no-repeat 0px -37px; color: #000000;
		}	
		#nav .main #current a {
			background:url('images/nav.gif') no-repeat 0px -37px; font-weight: bold; color: #474848;
		}		
		#nav .main #current a:hover {
			background:url('images/nav.gif') no-repeat 0px -37px; font-weight: bold; color: #000000;
		}
/*Main Button*/
		
/*Normal Button*/
#nav .normal {
	color: #006600; font-weight: bold;
}	
#nav .normal a {
	background:url('images/navbg.gif') no-repeat;color: #474848;
}		
#nav .normal a:hover {
	background:url('images/navbg.gif') no-repeat 0px -37px; color: #000000;
}		
	#nav .normal #current {
			background:url('images/navbg.gif') no-repeat center -37px; color: #000000;
		}	
		#nav .normal #current a {
			background:url('images/navbg.gif') no-repeat center -37px; color: #474848;
		}		
		#nav .normal #current a:hover {
			background:url('images/navbg.gif') no-repeat center -37px; color: #000000;
		}
/*Normal Button*/


.break {
	clear: both; padding: 0; margin: 0 0 10px 0;
}
.clear {
	clear: both; padding: 0; margin: 0;
}

.item {
	padding: 5px 10px 5px 10px;	width: 227px; float: left; margin: 0 15px 15px 0; background: #ffffff; border: 1px solid #e5e5e5;
}

.item h2 {
	font-size: 1.2em; margin: 0 0 3px 0; padding: 0;
}
	.item h2 a {
		color: #0066cb;	text-decoration: none;
	}

	.item h2 a:hover {
		color: #474848; text-decoration: none;
	}
	
.item p {
	margin: 0 0 4px 0; border: #e5e5e5 1px solid;
}

.item2 {
	padding: 5px 10px 5px 10px; width: 227px; float: left; margin: 0 15px 15px 0; background: #fdf9eb; border: 1px solid #f8ecbd;

}

.item2 h2 {
	font-size: 1.2em; margin: 0 0 3px 0; padding: 0; color: #ffffff;
}
	.item2 h2 a {
		color: #474848; text-decoration: none;
	}

	.item2 h2 a:hover {
		color: #0066cb; text-decoration: none;
	}
	
	.item2 p {
		margin: 0 0 4px 0; border: #838383 1px solid;
	}


.details {
	padding: 12px; margin: 0 30px 15px 0; background: #ffffff; border: 1px solid #e5e5e5;
}
	.details ul {
		margin: 5px 0 5px 15px; list-style-type: none;
	}
	.details li {
		padding: 3px 0 3px 0; list-style-type: square;
	}

	.details h2 {
		font-size: 1.2em; color: #0066cb; margin: 0 0 3px 0;
	}
	.details #img {
		margin: 0 0 15px 0;
	}		
	.details img {
		padding: 0; border: #e5e5e5 1px solid;
	}


.info {
	font-size: 11px;
	margin: 5px 0 10px 0;
}

.post-ratings span {
	float: right; font-size: 11px; padding: 3px 0 0 0;
}

.navbottom {
	background: url('images/navbottom.gif') no-repeat; height: 21px; margin: 1px 0 0 0; padding: 5px 0 0 5px;
}

.Nav {
	margin: 0 0 20px 0; padding: 10px 0 0 0; color: #838383;
}
.Nav a {
	padding: 4px 8px 4px 8px; background: #fff; border: 1px solid #e5e5e5; color: #838383; font-size: 10px; margin: 0 5px 0 0;
}
.Nav a:hover {
	padding: 4px 8px 4px 8px; border: 1px solid #0066cb; color: #0066cb; text-decoration: none; font-size: 10px; margin: 0 5px 0 0;
}
.Nav .on {
	padding: 4px 8px 4px 8px; border: 1px solid #0066cb; color: #0066cb; font-size: 10px; margin: 0 5px 0 0;
}
.Nav span {
	padding: 4px 8px 4px 8px; border: 1px solid #e5e5e5; font-size: 10px; margin: 0 5px 0 0;
}


#ads {
	border: 1px solid #cdcdcd; clear: both; width: 280px; padding: 9px;
}
	#ads ul {
		list-style-type: none;
	}
	#ads li {
		float: left; padding: 3px 8px 3px 7px; list-style-type: none;
	}

.singleads {
	background: #fdf9eb; padding: 9px; margin: 0 30px 15px 0; border: 1px solid #f8ecbd;
}
	.singleads h2 {
		margin: 0 0 10px 0; font-size: 1.2em; color: #474848;
	}
.singleads #pp {
	width: 73px; margin: 0 10px 0 0; float: left;
}

.tabberlive .tabbertabhide {
	display:none;
	overflow: hidden;
}
.tabber {
	padding:0;
	display: none;
	overflow: hidden;
}


.tabberlive {
	margin: 1px 0 10px 0;
}
  
ul.tabbernav {
	padding: 3px 0; border-bottom: 1px solid #f8ecbd;
	}

ul.tabbernav li {
	list-style: none; display: inline;
	}

ul.tabbernav li a {
	padding: 3px 0.5em; border-bottom: none; text-decoration: none;
	}

ul.tabbernav li a:link {
	color: #313062;
	}
	
ul.tabbernav li a:hover {
	color: #CC0000;
	}

ul.tabbernav li.tabberactive a {
	background: #fdf9eb; color: #474848; border: 1px solid #f8ecbd; border-bottom: 1px solid #fdf9eb; text-decoration: none; font-weight: bold;
}

ul.tabbernav li.tabberactive a:hover {
	color: #474848; background: #fdf9eb; border-left: 1px solid #f8ecbd; border-right: 1px solid #f8ecbd; border-top: 1px solid #f8ecbd;
}
  
.tabberlive .tabbertab {
	background: #fdf9eb; padding: 5px 10px 10px 10px; border-top: 0px; border-left: 1px solid #f8ecbd; border-right: 1px solid #f8ecbd; border-bottom: 1px solid #f8ecbd;
	}

.tabberlive .tabbertab h2 {
	display: none; color: #313062;
	}
	
.tabberlive .tabbertab h3 {
	display: none;
	}

.tabbertab {
	margin: 0px; padding: 0px;
}
	.tabbertab ul {
		margin: 5px 0 5px 15px; list-style-type: none;
	}
	.tabbertab li {
		padding: 3px 0 3px 0; list-style-type: square;
	}
	
.wp-smiley {
	border: none !important; padding: 0 !important; margin: 0 !important;
}

.comments {
	padding: 7px; margin: 0 30px 15px 0; background: #ffffff; border: 1px solid #e5e5e5;
}
	.comments h2 {
		font-size: 1.2em; color: #0066cb; margin: 0 0 3px 0;
	}

.comments2 {
	padding: 7px; margin: 0 30px 15px 0; background: #fdf9eb; border: 1px solid #f8ecbd;
}
	.comments2 h2 {
		font-size: 1.2em; color: #474848; margin: 0 0 3px 0;
	}


.text_input {
	width: 191px; padding: 3px; color: #444; border: 1px solid #696969; border-left: 2px solid #0066cb;
}
.text_area {
	width: 321px !important; border: 1px solid #696969; border-left: 2px solid #0066cb;
}
	
ul#comment_list {
	list-style-type: none; padding: 0;
}
ul#comment_list li.comment {
	margin: 0 0 10px 0;
}
ul#comment_list li.trackback {
	padding: 1.2em 15px 0 15px;
}
.comment_meta {
	margin: 0 0 10px 0; font-size: 11px;
}
.comment_num {
	padding: 0 8px 0 0; font-weight: bold; font-size: 1.3em; float: right;
}
.trackback .comment_num {
	padding: 0 0 0 20px;
}
.comment_num a, .comment_num a:visited {
	color: #888; text-decoration: none;
}
.comment_num a:hover {
	color: #303030; text-decoration: none;
}
.comment_meta strong {
	font-size: 1.2em;
}
.comment_time {
	font-size: 1em; color: #888;
}

blockquote {
	font-style: italic; font-size: 11px; color: #888888; margin: 0 0 5px 20px; padding: 0 0 0 10px; border-left: 4px solid #0066cb;
}
abbr, acronym {
	border-bottom: 1px dotted #0066cb; text-transform: uppercase;
}
code {
	color: #474848; font-family: Courier, monospace; margin: 0 0 5px 5px;
}
pre {
	margin: 0 0 1.5em 0; overflow: auto; font-size: 1.3em; clear: both;
}
.searchbox {
	margin: 0 0 20px 0; width: 300px;
}
.search {
	background: url('images/input.gif') no-repeat; height: 19px; padding: 8px 5px 5px 8px; width: 255px; color: #444; border: none; float: left;
}
.find {
	background: url('images/find.gif') no-repeat; border: none; height: 32px; width: 32px; float: right;
}
.dlline {
	padding: 7px 0 7px 0; border-bottom: 1px solid #cdcdcd;
}
.dl {
	color: #474848;
}
.dl #dl {
	background: url('images/dl.gif') no-repeat; float: right; display: block; height: 16px; width: 16px;
}

.msg {
	margin: 15px 0 0 0; padding: 6px; background: #fdf9eb; border: 1px solid #f8ecbd;
}
.msg p {
	background: url('images/error.gif') no-repeat; height: 14px; padding: 0 0 0 20px; color: #FF0000;
}


img.left {
	float: left; margin: 0 12px 0 0;
}
	img.right {
		float: right; margin: 0 0 0 12px;
	}
	img.center {
		display: block; margin: 0 auto;
	}


.entry {
	font-size: 1.0em; line-height: 1.2em;
}
.entry blockquote {
	font-size: 1em;
}
.entry blockquote.right {
	width: 200px; font-style: normal !important; font-size: 11px !important; margin: 0.3em 0 0.3em 15px !important; padding: 0.3em 0 !important; border: 3px double #0066cb; border-width: 3px 0; text-align: center; float: right;
}
.entry blockquote.left {
	width: 200px; font-style: normal !important; font-size: 11px !important; margin: 0.3em 15px 0.3em 0 !important; padding: 0.3em 0 !important; border: 3px double #0066cb; border-width: 3px 0; text-align: center; float: left;
}
.entry blockquote.right p, .entry blockquote.left p {
	margin: 0 !important; line-height: 1.4em !important;
}
.entry p {
	margin: 0 0 1.5em 0;
}
.entry ul {
	margin: 5px 0 5px 15px; list-style-type: none;
}
.entry ol {
	margin: 5px 0 5px 15px;
}

.entry ul li {
	padding: 3px 0 3px 0; list-style-type: square;
}
.entry ul li ul, .entry ul li ol, .entry ol li ul, .entry ol li ol {
	margin: 5px 0 5px 15px;
}
.entry dl {
	margin: 0 0 1.5em 0;
}
.entry dt {
	font-weight: bold; margin: 0 0 0.5em 0;
}
.entry dd {
	margin: 0 0 1.5em 20px;
}
.entry .ad {
	margin: 0 0 0.5em 15px; float: right;
}
.entry .ad_left {
	margin: 0 15px 0.5em 0; float: left;
}
.entry img {
	margin: 0 10px 6px 6px; padding: 5px; border: 1px solid #e5e5e5;
}
.entry img:hover {
	padding: 5px; border: 1px solid #474848;
}

.os {
	color: #3d4c53; font-weight: bold;
}
	.os a {
		color: #3d4c53;	font-size: 11px; text-decoration: none;
	}
	.os a:hover {
		text-decoration: underline;
	}
.designer {
	color: #982a05; font-weight: bold;
}
	.design a {
		color: #982a05; font-size: 11px; text-decoration: none;
	}