/*
Theme Name:		Web Designire
Theme URI:		www.webdesignire.com
Description:	Theme for Web Designire
Version:		1.0
Author:			Lee Munroe
Author URI:		http://www.leemunroe.com/
*/


/* 
################### CSS contents ###################
* 1 Reset defaults
* 2 Layout
* 3 Nav
* 4 Headings
* 5 Lists
* 6 Images
* 7 Links
* 8 Forms
* 9 Tables
* 10 Typography 
* 11 Other
*/


/* 
# Colour reference ###################

#303a36 Dark torq
#f6f3da Cream
#181315 Dark grey
#41a389 Light torq

*/
 
/*
# Reset defaults ################### 
*/

*{
margin:0;
padding:0;
}

.clear{
clear:both;
}

html {
overflow: -moz-scrollbars-vertical;
}

#skipto{
display:none;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/*
# Layout ################### 
*/

body{
font:75%/1.7  Helvetica, Arial,Verdana, sans-serif;
color:#fff;
background: #000 url(images/footerbg.gif);
}

.container{
width:980px;
margin:0 auto;
padding:0 10px;
}

#content{
background:url(images/bg.png) top repeat-x #181315;
}

#header{
margin-bottom:40px;
}

#nav{
background-color: #000;
}

#main{

}

#sidebar{
width:260px;
float:left;
}

#sidebar div{
background-image:url(images/opacity.png);
padding:10px;
margin-bottom:25px;
}

#footer{
border-top:1px solid #303a36;
padding-top:20px;
}

.block{
background-image:url(images/opacity.png);
padding:10px;
margin-right:25px;
width:290px;
float:left;
}

.singlegallery{
margin:0 20px 20px 0;
padding:10px;
background-image:url(images/opacity.png);
}

.pag{
clear:both;
margin:10px 0 20px;
}

/*
# Nav ################### 
*/

#nav{
border-bottom:1px solid #303a36;
padding:10px 0;
}

#nav ul{
list-style: none;
float:right;
}

#nav ul li{
display:inline;
margin-left:10px;
}

#nav ul li a{
color:#fff;
padding-left:10px;
background:url(images/nav.gif) bottom left;
display:block;
float:left;
margin-left:10px;
height:25px;
border:none;
}

#nav ul li a span{
display:block;
float:left;
padding:4px 10px 0 0;
background:url(images/nav.gif) bottom right;
height: 21px;
}

#nav ul li a:hover, #nav ul li.current a{
background-position:top left;
cursor: pointer;
}

#nav ul li a:hover span, #nav ul li.current a span{
background-position:top right;
}

#nav ul li a.rss{
background-image:none;
padding:0;
margin-left:5px;
}
/*
# Headings ################### 
*/

#logo{
width:444px;
height:91px;
background:url(images/logo.png) no-repeat;
float:left;
}

#logo span{
position: absolute;
left:-9999px;
top:-9999px;
}

#logo a{
display: block;
height:100%;
width:100%;
border: none;
}

h1{
font-family: Georgia, Times, Serif;
font-weight: normal;
font-style: italic;
font-size:2.1em;
color: #f6f3da;
margin:10px 0 0 20px;
float:right;
width:500px;
}

h2{
font-family: Georgia, Times, Serif;
font-size:2em;
font-weight: normal;
margin-bottom:10px;
}

h3{
font-family: Georgia, Times, Serif;
font-size:1.6em;
font-weight: normal;
margin-bottom:10px;
}

h4{
font-family: Georgia, Times, Serif;
font-size:1.4em;
font-weight: normal;
margin-bottom:10px;
color:#f6f3da;
}

/*
# Lists ################### 
*/

.commentlist{
list-style: none;
}

.commentlist li{
padding:10px;
margin:10px 0;
background-image:url(images/opacity.png);
}
.gallery{
list-style: none;
}

.gallery li{
width:300px;
float:left;
margin:0 10px 10px 0;
padding:10px;
background-image:url(images/opacity.png);
}

.recommend{
list-style: none;
}

.recommend li{
margin:0 10px 10px 0;
float:left;
}

.tagcloud{
list-style: none;
}

.tagcloud li{
display: inline;
margin-right:5px;
}

.tagcloud a{
border:none;
font-family: Georgia, Times, Serif;
font-style: italic;
padding:2px;
}

.tagcloud a:hover{
color:#41a389;
}

.list-tick{
margin-left:10px;
list-style: none;
}

.list-tick li{
padding-left:25px;
background:url(images/tick.gif) no-repeat left;
}

.jobs ul{
margin-left:20px;
}

.jobs li{
margin-bottom:10px;
}

.jobs{
margin-bottom:20px;
}

/*
# Images ################### 
*/

img{
border:none;
}

.img{
border:none;
}

/*
# Links ################### 
*/

a{
color:#f6f3da;
text-decoration: none;
border-bottom:1px dotted #f6f3da;
}

a:hover{
border-bottom:none;
}

h3 a{
background-color:#000;
padding:5px;
border: none;
}

h3 a:hover{
background-color:#41a389;
color:white;
border: none;
}

.link-reviews{
padding-right:15px;
background:url(images/reviews.gif) no-repeat right;
border: none;
}

.link-reviews a {
padding:1px 3px;
}

.link-reviews:hover span{
border:none;
}

.add-comment{
margin-bottom:20px;
background:#f6f3da;
padding:5px;
color:#181315;
border:none;
font-weight: bold;
}

.add-comment:hover{
background: #41a389;
}

/*
# Forms ################### 
*/

.text{
padding:3px;
background:url(images/textbg.gif) repeat-x bottom #fff;
border:1px solid #41a389;
}

#searchform .submit{
margin-left:5px;
padding:3px;
}

.frm-suggest fieldset{
border:none;
}

.frm-suggest label{
float:left;
width:150px;
padding:5px 0;
margin-right:10px;
display:block;
text-align: right;
}

.frm-suggest .text, .frm-suggest .select, #intouchform .default{
padding:3px;
font-size: 1.5em;
}

.frm-suggest p{
clear:both;
margin-bottom:20px;
}

.submit{
margin-left:160px;
}

.search{margin:10px 0;text-align: right;}

/*
# Tables ################### 
*/



/*
# Typography ################### 
*/

p{
margin:10px 0;
}

/*
################### Other ################### 
*/

.right{
	float: right;
}

.left{
	float: left;
}

.txtleft{
	text-align: left;
}

.txtright{
	text-align: right;
}

.txtcenter{
	text-align: center;
}

.last{
margin-right:0!important;
}

.ad-hor{
text-align: center;
margin-bottom:25px;
}

.comment-gravatar{
float:left;
margin:0 10px 10px 0;
}

.comment-gravatar a{
border:none;
}

.comments-title, #respond{
margin-top:30px;
}