﻿/*

Theme Name: Sleeky Gray
Theme URI: http://www.widgetreadythemes.com/
Description: Sleeky Gray is a 2 cloumn black theme designed by <a href="http://www.widgetreadythemes.com/"> WidgetReadyThemes </a> and IWedi <a href="http://www.iwedi.com/">Web Directory</a> . 
Version: 1.0
Author: Banhawi
Author URI: http://www.banhawidesigns.com

*/ 



* {

margin : 0;

padding : 0;

outline : none;

}

body, h1, h2, h3, h4, h5, h6, blockquote, p {

margin : 0;

padding : 0;

}

p {

padding : 10px 0 0 0;

}

a img {

border : 0;

}

body {

margin : 0;

background : #484848 url('images/bg.gif') repeat-y center;

font-family : Arial, Helvetica, Georgia, Sans-serif;

font-size : 12px;

vertical-align : top;

color : #eee;

}

#page {

width : 950px;

margin : 0 auto;

background : #323232 url('images/pbg.gif') repeat-y center;

}

a, a:visited {

color : #eee;

text-decoration : none;

}

a:hover {

text-decoration : underline;

}

#header {

width : 100%;

background :#FFF;

}

#header h1 {

padding : 10px 10px 0 10px;
font-size : 28px;
font-family : Arial, Helvetica, sans-serif;
text-transform:uppercase;
}
#header h1 a{
text-decoration : none;
color:#525252;
}

#header h1 a:hover {
text-decoration : none;
}

.description {

padding-left : 20px;

font-size:16px;

color:#989C9E;

}

#wrapper {

width : 100%;

}

#content {

float : left;
width : 650px;
color:#999;
height:100%;
}

#sidebar {

width : 300px;
float : right;
height:100%;
}


#nav {



float : left;

width:100%;

background:#fff url('images/navbg.gif') repeat-x;

height:38px;



}



#nav ul {



padding-left : 15px;



padding-top : 2px;



clear : both;



float : left;



}



#nav ul li {

float : left;
display : block;
padding-top:10px;
background-position: bottom;

}

#nav ul li a {

float : left;

display : inline;

color : #666;

text-decoration : none;

font-weight : bold;

font-size : 12px;

margin-top : 10px;

margin-left : 5px;

border-right:1px #333 dotted;

padding:0 10px 0 10px;

}
#nav ul li a:hover {
}
.post h2 {
padding : 10px 5px 0 5px;
}

h2 a:hover, h2 a:visited, h2 a {

font-size : 16px;

text-transform : uppercase;

text-decoration : none;
color:#FFF;

}

.post {
	background:#323232 url('images/postbg.gif') repeat-x;
	min-height:250px;

}

.post ul, .post li {

margin-left : 25px;

}

.entry {

margin : 2px 5px 5px 10px;

padding : 2px 5px 5px 10px;



}
.post a,.post a:visited{
	color:#fff;
	text-decoration:none;
}
.post a:hover{
	text-decoration: underline;
}

.post a img {

background : #666;

border : 1px solid #ccc;

padding : 10px;

margin : 4px;

}
.postmetadata{
	font-size:11px;
	border-top:1px #666 dashed;
	padding:5px;
}
.navigation {

padding : 10px 10px 20px 10px;

font-size : 18px;
margin-bottom:10px;
}

.alignleft {

float : left;

}

.alignright {

float : right;

}

blockquote {

border-left: 4px #000 solid;
margin : 10px 40px 10px 5px;

color : #999;

clear : both;

padding-top : 15px;

padding-left : 38px;

}

#sidebar ul {

list-style : none;

}
#sidebar a {
color:#333;
}

#sidebar li {
background:#9A9A9A url('images/ulbg.gif') repeat-x;

}


#sidebar ul h2 {

padding :5px;

color : #FFF;

text-transform : uppercase;

font-size : 16px;

height:35px;

background:url('images/sidh2.gif') repeat-x;

}

#sidebar ul ul {
padding : 5px;
}

#sidebar ul ul li {

line-height : 24px;

}
#sidebar ul ul li:hover {

line-height : 24px;
background:#333 url('images/sidh2.gif') repeat-x;
}
#sidebar ul ul li:hover a{
color:#fff;
}


#sidebar ul ul li:before {

content : "\00BB \0020";

}

#sidebar ul ul ul li {

padding-left : 20px;

}

#sidebar p {

padding : 10px;

color : #ccc;

}

h3#respond, h3#comments {

font-size : 24px;

padding : 10px;

}

ol.commentlist {

list-style : none;

font-size : 12px;

color : #b8b8b8;

}

ol.commentlist li {

margin-bottom : 20px;

padding-bottom : 20px;

padding : 5px;

}

ol.commentlist li.alt {

margin-bottom : 20px;

padding-bottom : 20px;

}

#comment_title {

margin-bottom : 5px;

}

#commentform {

margin-bottom : 20px;
padding:10px;

}

#commentform p {

margin-bottom : 10px;

}

#commentform textarea {

width : 99%;

padding : 2px;

font-size : 12px;

background-color : #fff;

border : 1px solid #2c0e00;

}

.comtxt {

padding-left : 10px;

}

p.comto {

background : #000;

padding : 5px;

font-size : 12px;

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

font-weight : bold;

}

p.comto a {

color : #eee;

text-decoration : none;

}
#searchform{
	background:#6F6F6F url('images/sbg.gif') repeat-x;
	padding:20px;
}
#searchform input {

background:#333 url('images/sidh2.gif') repeat-x;
color : #ccc;
width : 50px;
border-bottom : 1px solid #eee;
border-left : 1px solid #eee;
border-right : 1px solid #2A2A2A;
border-top : 1px solid #2A2A2A;

}

#searchform #s {

width : 200px;
height:18px;
background : #FFF;
border-bottom : 1px solid #eee;
border-left : 1px solid #eee;
border-right : 1px solid #2A2A2A;
border-top : 1px solid #2A2A2A;
color:#666;
}

#footer {
width : 100%;
clear : both;
background : #131313;
color : #999;
border-top : 2px solid #444;
line-height:16px;
}
#footer-content {
width : 95%;
margin : 0 auto;
padding : 10px 10px 0 10px;
min-height : 200px;
}
#footer-content .left {
width : 500px;
float : left;
}
#footer-content .lleft {
width : 220px;
float : left;
}
#footer-content .lright {
width : 220px;
float : right;
}
#footer-content .right {
width : 380px;
float : right;
}

#footer a {
color : #eee;
line-height : 18px;
text-decoration:underline;
}
#footer a:hover {
text-decoration : none;
}
#footer ul {
list-style : none;
padding : 5px;
}
#footer ul li:before {
content : "\00BB \0020";
}
#footer h2 {
font-size : 18px;
text-transform : uppercase;
font-family : Arial, Helvetica, sans-serif;
font-weight : normal;
}
#footer span {
padding : 10px;
padding-left : 0;
color : #555;
display : block;
width : 900px;
clear : both;
margin : 0 auto;
}
hr {



display : none;



}



small {

padding-left:5px;

}



