/*



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:Georgia;



	font-size:12px;



	color:#ffffff;



	margin:0;



	padding:0;



	background-color: #202125;



	background-image: url(images/gqbackground.jpg);



	background-repeat: no-repeat;



	background-position: Center;



}







img {



	border:0px;



}



a {



	color:#d6d6d7;



	text-decoration:none;



}



a:hover {



	color:#fcfcfc;



	text-decoration:underline;



}



a img {



	border:0px;



}



#wrapper {



	width:1000px;



	margin:15px auto 0 auto;



}



#header {



	padding:0;



	margin:0 auto;



	text-align:left;



}



#header h1 {



	margin: 0;



	padding:0;



}



#logo {



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



	width:305px;



	height:78px;



	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:40px;



	margin:0 auto;



	padding:9px 0 0 0;



	background:url('images/footer.gif') no-repeat top center;



}



#footer p {



	padding-top:10px;



	text-align:center;



	font-size:11px;



	margin:0;



        color:#828282;



}



#footer a {



	color:#828282;



	text-decoration:none;



}



#footer a:hover {



	color:#828282;



}



.page {



	width:1000px;



	margin:0 auto;



}



#content {



	width:709px;



	padding:0;



	overflow:hidden;



}



#content_inner {



	width:550px;



	padding:0;



	overflow:hidden;



}



#bgtop {



	height:20px;



	background:url('images/img07.gif');



}



.sidebar {



	width:290px;



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



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



}



#nav .main a:hover {



	background:url('images/nav.gif') no-repeat 0px -37px;



	font-weight:bold;



	color:#fcfcfc;



}



#nav .main #current {



	background:url('images/nav.gif') no-repeat 0px -37px;



	color:#fcfcfc;



}



#nav .main #current a {



	background:url('images/nav.gif') no-repeat 0px -37px;



	font-weight:bold;



	color:#d6d6d7;



}



#nav .main #current a:hover {



	background:url('images/nav.gif') no-repeat 0px -37px;



	font-weight:bold;



	color: #fcfcfc;



}



#nav .normal {



	color:#d6d6d7;



	font-weight:bold;



}



#nav .normal a {



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



	color:#d6d6d7;



}



#nav .normal a:hover {



	background:url('images/navbg.gif') no-repeat 0px -37px;



	color:#fcfcfc;



}



#nav .normal #current {



	background:url('images/navbg.gif') no-repeat center -37px;



	color:#fcfcfc;



}



#nav .normal #current a {



	background:url('images/navbg.gif') no-repeat center -37px;



	color:#fcfcfc;



}



#nav .normal #current a:hover {



	background:url('images/navbg.gif') no-repeat center -37px;



	color: #d6d6d7;



}



.break {



	clear:both;







	padding:0;



	margin:0 0 10px 0;



}



.clear {



	clear:both;



	padding:0;



	margin:0;



}



.item {



	padding:9px;



	width:328px;



	float:left;



	margin:0 6px 6px 0;



	background:#17181b;



	border:1px solid #323339;



        color:#717273;



}



.item h2 {



        font-size:1.2em;



	margin:0 0 3px 0;



	padding:0;



}



.item h2 a {



	color:#6d8ed1;



	text-decoration:none;



}



.item h2 a:hover {



	color:#6d8ed1;



	text-decoration:none;







}



.item p {



	margin:0 0 4px 0;



	border:#2d2e32 1px solid;



}



.item2 {



	padding:9px;



	width:328px;



	float:left;



	margin:0 6px 6px 0;



	background:#17181b;



	border:1px solid #434c5c;



        color:#717273;



}



.item2 h2 {



	font-size:1.2em;



	margin:0 0 3px 0;



	padding:0;



	color:#ffffff;



}



.item2 h2 a {



	color:#6d8ed1;



	text-decoration:none;



}



.item2 h2 a:hover {



	color:#6d8ed1;



	text-decoration:none;



}



.item2 p {



	margin:0 0 4px 0;



	border:#2d2e32 1px solid;



}



.details {



	padding:8px;



	margin:0 30px 15px 0;



	background:#17181b;



	border:1px solid #323339;



        line-height: 22px;



        Color:#717273;



}



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



	margin:0 0 3px 0;



}



.details p {



	margin:0 0 15px 0;



        color:#9f9f9f;



}



.details p img {



	padding:0;



	border:#2D2E32 1px solid;



}



.details2 {



	padding:8px;



	margin:0 30px 15px 0;



	background:#17181b;



	border:1px solid #323339;



        line-height: 22px;



        Color:#717273;



}



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



	margin:0 0 3px 0;



}



.details2 p {



	margin:0 0 15px 0;



        color:#9f9f9f;



}



.details2 p img {



	padding:0;



	border:#2D2E32 1px 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 {



	height:21px;



	margin:1px 0 0 0;



}



.Nav {
background:#000000 none repeat scroll 0 0;
color:#37383B;
font-family:"tahoma",Arial,Helvetica,sans-serif;
margin:5px 5px 5px 0;
padding:5px;

}



.Nav a {



	padding:4px 8px 4px 8px;



	background:#202125;



	border:1px solid #37383b;



	color:#ffffff;



	font-size:11px;



	margin:0 5px 0 0;



}



.Nav a:hover {



	padding:4px 8px 4px 8px;


	text-decoration:none;



	font-size:11px;



	margin:0 5px 0 0;
	
	 background:#7F9DD8;



	border:1px solid #7f9dd8;



	color:#ffffff;



}



.Nav .on {



	padding:4px 8px 4px 8px;



        background:#7F9DD8;



	border:1px solid #7f9dd8;



	color:#ffffff;



	font-size:11px;



	margin:0 5px 0 0;



}



.Nav span {



	padding:4px 8px 4px 8px;



    font-size:11px;



	margin:0 5px 0 0;


  font-family: "tahoma" Arial, Helvetica, sans-serif;
  
   background:#7F9DD8;
   border:1px solid #7f9dd8;
   color:#ffffff;

}



#ads {



	border:1px solid #506590;



	background:#323339;



        clear:both;



	width:272px;



	padding:7px;



        font-family:"tahoma" Arial, Helvetica, sans-serif;;



        line-height:20px;



}



#ads ul {



	margin:0;



	padding:0;



	list-style-type:none;



}



#ads li {



	float:left;



	margin:0;



	padding:5px;



	list-style-type:none;



}

#ads1 {



	border:1px solid #506590;



	background:#323339;



        clear:both;



	width:272px;



	padding:7px;



        font-family:"tahoma" Arial, Helvetica, sans-serif;;



}



#ads1 ul {



	margin:0;



	padding:0;



	list-style-type:none;



}



#ads1 li {



	float:left;



	margin:0;



	padding:8px;



	list-style-type:none;



}
#ads1 img{
	
	/* margin: 2px 4px 5px; */
	float:left;
    margin: 4px;
}

#ads1{
float:left
margin-bottom:15px;
}
#ads3{
float:left
}
.singleads {



	background:#17181b;



	padding:9px;



	margin:0 30px 15px 0;



	border:1px solid #3d3e40;



}



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



}



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



}



ul.tabbernav li a:hover {



	color:#fcfcfc;



}



ul.tabbernav li.tabberactive a {



	background:#323339;



	color:#fcfcfc;



	border:1px solid #506590;



	border-bottom:1px solid #323339;



	text-decoration:none;



	font-weight:bold;



}



ul.tabbernav li.tabberactive a:hover {



	color:#fcfcfc;



	background:#323339;



	border-left:1px solid #506590;



	border-right:1px solid #506590;



	border-top:1px solid #506590;



}



.tabberlive .tabbertab {



	background:#323339;



	padding:5px 10px 10px 10px;



	border-top:0px;



	border-left:1px solid #506590;



	border-right:1px solid #506590;



	border-bottom:1px solid #506590;



        font-family: "tahoma" Arial, Helvetica, sans-serif;



        color:#506590;



	line-height:18px;



}



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



}



.search {



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



	height:19px;



	padding:8px 5px 5px 8px;



	width:247px;



	color:#f3f3f3;



	border:none;



	margin:0;



	float:left;



}



.find {



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



	border:none;



	height:32px;



	width:32px;



	margin:0;



	float:left;



}



.os {



	color:#828282;



	font-weight:bold;



}



.os a {



	color:#828282;



	font-size:11px;



	text-decoration:none;



}



.os a:hover {



	text-decoration:underline;



}



.designer {



	color:#828282;



	font-weight:bold;



}



.design a {



	color:#828282;



	font-size:11px;



	text-decoration: none;



}







hr



{



	border: 1px dotted #999999;



}







#screenshot{



	position:absolute;



	border:0px solid #ccc;



	background:#333;



	padding:5px;



	display:none;



	color:#fff;



      	}
		
.widget { 
color:#506590;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
line-height:22px;
margin-top:15px;

}

#ads2 {
background:#323339 none repeat scroll 0 0;
border:1px solid #506590;
clear:both;
font-family:"tahoma",Arial,Helvetica,sans-serif;
height:400px;
line-height:20px;
margin-top:5px;
padding:7px;
width:272px;
}


#ads2 ul {



	margin:0;



	padding:0;



	list-style-type:none;



}



#ads2 li {



	float:left;



	margin:0;



	padding:8px;



	list-style-type:none;



}
#ads2 img{
	
	/* margin: 2px 4px 5px; */
	float:left;
    margin: 4px;
}

#adss {



	border:1px solid #506590;

overflow:hidden;

	background:#323339;



        clear:both;



	width:272px;



	padding:7px;



        font-family:"tahoma" Arial, Helvetica, sans-serif;;




}



#adss ul {



	margin:0;



	padding:0;



	list-style-type:none;



}



#adss li {



	float:left;



	margin:0;



	padding:8px;



	list-style-type:none;



}
#adss img{
	
	/* margin: 2px 4px 5px; */
	float:left;
    margin: 4px;
}