/*

Theme Name:		CSS Gallery

Theme URI:		http://www.osdesigner.net

Description:	Build this theme for webmasters who want to run a CSS or web showcase.

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;

}



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;

	text-align:left;

}

#header h1 {

	margin: 0;
	float:left;
	padding:0;
}

#header .HeaderAdsHolder {
	float:right;
	width:480px;
	height:auto;
	overflow:hidden;
}

#logo {

	background:url('images/logo.gif') no-repeat;

	width:320px;

	height:70px;

	display: block;

}

#main_bar {

	padding:0;

	height:25px;

	background:#e43b05;

	color:#ffffff;

}

#main_bar h3 {

	margin:0;

	float:left;

	padding:3px 0 0 20px;

	font-size:1.0em;

	background:url('images/corner.gif') no-repeat;

	height:22px;

}

#main_bar p {

	margin:0;

	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;

	margin:0;

}

#footer a {

	color:#474848;

	text-decoration:none;

}

#footer a:hover {

	color:#0066cb;

}

.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;

	margin:0;

	padding:0;

}

.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 {

	margin:0;

	padding:0;

	list-style-type:none;

	background:url('images/nav.gif') no-repeat top left;

	height:37px;

}

#nav li {

	padding:0;

	margin:0;

	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;

}

#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;

}

#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;

}

.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;

}

.itembanner {

	padding:13px;

	width:270px;

	background:#ffffff;

	border:1px solid #e5e5e5;

        margin-bottom:15px;

        text-align:center;

}

.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:#ebf3fb;

	border:1px solid #cce0f5;

}

.item2banner {

	padding:13px;

	width:270px;

	background:#ebf3fb;

	border:1px solid #cce0f5;

        margin-bottom:15px;

        text-align:center;

}

.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:8px;

	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 p {

	margin:0 0 15px 0;

}

.details p img {

	padding:0;

	border:#e5e5e5 1px solid;

}

.details2 {

	padding:8px;

	margin:0 30px 15px 0;

	background:#ebf3fb;

	border:1px solid #cce0f5;

}

.details2 ul {

	margin:5px 0 5px 15px;

	list-style-type:none;

}

.details2 li {

	padding:3px 0 3px 0;

	list-style-type:square;

}

.details2 h2 {

	font-size:1.2em;

	color:#474848;

	margin:0 0 3px 0;

}

.details2 p {

	margin:0 0 15px 0;

}

.details2 p img {

	padding:0;

	border:#838383 1px solid;

}

.tags {

	margin:0;

	padding:15px 0 0 0;

	font-size:1.0em;

	font-weight:bold;

}

.post-ratings span {

	float:right;

	font-size:11px;

	padding:3px 0 0 0;

}

.navbottom {

	background:url('images/navbottom.gif') no-repeat;

	height:15px;

	margin:1px 0 0 0;

}

.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 {

	margin:0;

	padding:0;

	list-style-type:none;

}

#ads li {

	float:left;

	margin:0;

	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;

}

.tabberlive .tabbertabhide {

	display:none;

}

.tabber {

	padding:0;

}

.tabberlive {

	margin:1px 0 10px 0;

}

ul.tabbernav {

	margin:0;

	padding:3px 0;

	border-bottom:1px solid #f8ecbd;

}

ul.tabbernav li {

	list-style:none;

	margin:0;

	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;

	padding:0;

	list-style-type:none;

}

.tabbertab li {

	margin:0;

	padding:3px 0 3px 0;

	list-style-type:square;

}

.wp-smiley {

	border:none !important;

	padding:0 !important;

	margin:0 !important;

}

#comment_form .text_input {

	width:191px;

	padding:3px;

	color:#444;

	border:1px solid #696969;

	border-left:2px solid #0066cb;

}

#comment_form .text_area {

	width:321px !important;

	border:1px solid #696969;

	border-left:2px solid #0066cb;

}

ul#comment_list {

	list-style-type:none;

	margin:0;

	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 30px 15px 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;

}

form {

	margin:0;

	padding:0;

}

.searchbox {

	margin:0 0 20px 0;

	width:300px;

	display:none;

}

.search {

	background:url('images/input.gif') no-repeat;

	height:19px;

	padding:8px 5px 5px 8px;

	width:255px;

	color:#444;

	border:none;

	margin:0;

	float:left;

}

.find {

	background:url('images/find.gif') no-repeat;

	border:none;

	height:32px;

	width:32px;

	margin:0;

	float:right;

}

.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;

}

.topbanner{

        padding-top:5px;

margin:5px;

        text-align:left;

}

.gallery_description {

	padding:0 10px;

	margin:0 30px 25px 0;

	background:#ffffff;

        border-bottom:1px dashed #CCE0F5;

}

.navbottom-ads {

text-align:left;

padding-bottom:15px;

padding-left:10px;

}

#orange_box a, #orange_box a:visited {
color:#FFFFFF;
text-decoration:underline;
}
#orange_box a:hover {
color:#FFFFFF;
text-decoration:none;
}