/*  
Theme Name: Sleeky Theme
Theme URI: http://sleeky.co.uk
Description: Theme for Sleeky
Version: 1.0
Author: Sleeky Web Design
*/
*{ margin:0; padding:0;}
 html, body {
   height:100%;
   margin:0;
   padding:0;
}

body {
	background-color:#FFFFFF;
	background-image:url(images/background.jpg);
	background-attachment:fixed;
	font-family: Calibri, Helvetica, Arial, sans-serif;
	font-size: 10.5pt;
	text-align:center;
	background-position: center center;
}
a { text-decoration:none;}
img { border:0; border:none;}
#vertical {    height:50%;   width:1px;   margin-bottom:-303px;    float:left;}


#wrapper { width:998px; margin:0 auto; text-align:left; height:606px; overflow:hidden;    clear:left;
position:relative;}

#header { height:106px; width:963px; padding:0px 20px 0px 15px}
#header .logo { float:left; }
#header .tel{ float:right; }

#main { width:980px; height:449px;   background-image:url(images/main-bg.png); background-repeat:no-repeat; padding:25px 9px 0px 9px;}


ul#nav  {width:960px; height:30px; background-image:url(images/nav-bg.gif); background-repeat:repeat-x; overflow:hidden; padding-left:20px; }
#nav li { float:left; display:inline; list-style:none;}
a.home{ width:50px; height:30px; overflow:hidden; background-image:url(images/nav-home.jpg); background-repeat:no-repeat; background-position: 0px -60px; padding-right:5px; display:block;}

.previous{ width:96px; height:30px; overflow:hidden; background-image:url(images/nav-previous-work.jpg); background-repeat:no-repeat;background-position: 0px -60px; padding-right:5px;}
.clients{ width:76px; height:30px; overflow:hidden; background-image:url(images/nav-our-clients.jpg);  background-repeat:no-repeat; background-position: 0px -60px; padding-right:5px;}
.services{ width:86px; height:30px; overflow:hidden; background-image:url(images/nav-our-services.jpg); background-repeat:no-repeat; background-position: 0px -60px; padding-right:5px;}
.publishing{ width:109px; height:30px; overflow:hidden; background-image:url(images/nav-online-publishing.jpg);  background-repeat:no-repeat; background-position: 0px -60px; padding-right:5px;}
.funding{ width:83px; height:30px; overflow:hidden; background-image:url(images/nav-get-funding.jpg);  background-repeat:no-repeat; background-position: 0px -60px; padding-right:5px;}
.agency{ width:111px; height:30px; overflow:hidden; background-image:url(images/nav-design-agencies.jpg);  background-repeat:no-repeat; background-position: 0px -60px; padding-right:5px;}
.videos{ width:86px; height:30px; overflow:hidden; background-image:url(images/nav-online-video.jpg);  background-repeat:no-repeat; background-position: 0px -60px; padding-right:5px;}
.contact{ width:76px; height:30px; overflow:hidden; background-image:url(images/nav-contact-us.jpg);  background-repeat:no-repeat; background-position: 0px -60px;}
a.previous, a.clients, a.services, a.publishing, a.funding, a.agency, a.videos, a.contact { background-position:0px 0px; display:block;}
a.previous:hover, a.clients:hover, a.services:hover, a.publishing:hover, a.funding:hover, a.agency:hover,  a.videos:hover, a.contact:hover { background-position: 0px -30px;}
#nav b { line-height:10000px;}

#subnav { width:980px; height:25px; background-color:#95C83D;}
#subnav ul#homesub { height:25px; line-height:25px; font-size: 8.5pt; padding-left:30px;}
#homesub li { float:left; list-style:none; padding-right:2px;}
#homesub li a { color:#FFFFFF;}

#subnav ul#servicesub { height:25px; line-height:25px; font-size: 8.5pt; padding-left:267px;}
#servicesub  li { float:left; list-style:none; padding-right:2px;}
#servicesub  li a { color:#FFFFFF;}


#left { float:left; width:130px; overflow:visible; padding-left:20px;  }
#left h1 { padding-bottom:15px;}
#left h2 { font-size:13pt; font-weight:normal; margin-bottom:10px;}
#left ul { color:#999999; margin-bottom:25px; padding-left:5px;}
#left li { list-style:none; margin-bottom:10px;}



#scroller{ width:965px; height:350px; overflow:auto; margin-top:15px;}

#right { float:right; width:750px; height:355px; margin-right:20px; padding-top:45px; }
#right p.date { margin-bottom:15px; padding:0; line-height:0; color:#999999; font-size:10pt}
#right h1,#portfolio  h1 { padding-bottom:15px;}
#right h2 {font-size: 18pt;	font-weight: normal; padding-bottom:5px; color: #598527;}
#right p { padding-bottom:13px; line-height:22px; font-size:11pt}
#right p.posted { color:#999999; font-size:11pt; line-height:0px;}
#right a, #footer a, #left li a{color: #598527;}
#right a:hover, #footer a:hover, #left li a:hover {	color: #FFFFFF;	background-color: #8DC63F;}

#right ol, #right ul{ padding-left:20px; padding-bottom:13px;}
#right ol li { margin:0px 0px 7px 0px; padding:0; font-style:italic;}
#right ul li { padding-bottom:13px;}
#right blockquote {font-weight:normal; font-size: 14pt;	 width:600px; font-style:italic; padding-bottom:13px; }
#right blockquote cite {width:600px; display:block; font-size: 10.5pt;}
#right em.small{font-size: 7.5pt;}
#right h3{font-size: 10.5pt;}

#footer { width:998px; text-align:center; color: #818181;  height:25px; font-size: 7.5pt;  }


/* -----------------------------------------------------------------------------------------------------------------------------------------  Comment things*/

#comments, #add_comment {
width:675px;
clear:both;
margin-left:10px;
}

#comments ol { list-style:none; margin:0; padding:0;}
#comments ol li {
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	border: 1px dotted #CCCCCC;
	margin-bottom:10px;
}
#comments .author {

	font-weight: bold;
	font-size:15px;
	margin-bottom:0;
	padding-bottom:0;
	
}


#comments p { font-size:12px; line-height:20px;  margin-bottom:5px; }
#comments a {
	font-weight: bold;
	text-decoration: none;
}

#comments a:hover {color:#ffffff;}
#comments li .avatart {
	float:left;
	padding:0px;
	margin-right:5px;
	margin-bottom:5px;
	border: 1px solid #cde2e0;
}
.thecomment {  float:left; width:580px;}



#add_comment {
font-size:1em;
padding-left:25px;
}
#add_comment .cleft { float:left; width:180px; position:relative; display:inline}
#add_comment .cright {float:left; width:280px; padding-right:15px; position:relative; display:inline}

#add_comment em { font-size:0.8em;}
#add_comment span{ color:#FF0000}
#add_comment .submitb { text-align:right}
#add_comment .formy { width:155px; padding:2px; font-size:1em;}
#add_comment .formy_comment {
	width:276px;
	padding:2px;
	font-size:1em;
	font-family: Arial, Helvetica, sans-serif;
}
#add_comment p { margin-bottom:10px; clear:both;}