/*
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;background:url('images/bodybg.gif') repeat-x;border-top:10px solid #000;}

img {border:0px;}
a {color:#0066cb;text-decoration:none;}
a:hover {color:#474848;text-decoration:underline;}
a img {border:0px;}
#wrapper {width:860px;margin:0 auto 0 auto;}

#header {padding:0;margin:0 auto;text-align:left;height:130px;}
#header h1 {margin: 0;padding:0;}
#logo {background:url('images/logo.gif') no-repeat;width:231px;height:78px;margin:0;display: block;}
#header .submit {position:relative;float:right;font-size:1.5em;margin:-50px 0 0 0;background:#FDF9EB;padding:8px;border:1px solid #f8ecbd;}


#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:left;}
.sidebar h2 {letter-spacing:-1px;font-size:1.2em;margin:0 0 10px 0;}


.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 0 15px 15px;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 0 15px 15px;background:#ebf3fb;border:1px solid #cce0f5;}
.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, .details2 {margin:0 0 15px 15px;background:#ffffff;}
.details ul, .details2 ul {margin:5px 0 5px 15px;list-style-type:none;}
.details li, .details2 li {padding:3px 0 3px 0;list-style-type:square;}
.details h2, .details2 h2 {font-size:1.2em;color:#0066cb;margin:10px 0 3px 0;}
.details p, .details2 p {margin:0 0 5px 0;}
.details p img, .details2 p img {padding:0;border:#e5e5e5 8px solid;}
.tags {margin:0;padding:15px 0 0 0;font-size:1.2em;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:21px;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;}


#rsssubscription {font-size:1.5em;vertical-align:middle;}
#rsssubscription img {vertical-align:middle;}
#emailsubscription {height:50px;}
#emailsubscription p {position:relative;float:left;font-size:0.8em;width:50px;}
#emailsubscription input {position:relative;float:left;margin:12px 3px;width:110px;vertical-align:middle;border:1px solid #555;}


.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;list-style-type:none;}
.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 {display:block;color:#474848;font-family:Courier,monospace;margin:5px 0;padding:5px 10px;background:#eee;}
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;}
.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;}


form#fvCommunityNewsForm label {position:relative;float:left;margin:5px 0;font-size:12px;width:100px;vertical-align:center;}
form#fvCommunityNewsForm input {position:relative;float:left;width:150px;margin:5px 0;vertical-align:center;}


p.msg_head {color:#0066cb;}
p {padding: 0 0 1em;}
.msg_list {margin:0 0 20px 0;padding: 0px;width:300px;font-size:1.5em;}
.msg_head {padding: 5px 10px;cursor: pointer;position: relative;background-color:#FDF9EB;margin:1px;border:1px solid #e5e5e5;}
.msg_body {padding: 5px 10px 15px;background-color:#fff;}


.latestposts h2 {font-size:0.8em;margin:10px 0 0 20px;}
.latestposts li {list-style-type:disc !important;}
.latestposts {position:relative;float:left;height:250px;background-color:#FFE99F;width:240px;font-size:1em;line-height:1.5em;margin:0 0 15px 15px;border:1px solid #e5e5e5;padding:0 10px 0 0;}
#adsfront {position:relative;float:left;margin:0 0 15px 15px;width:498px;}