/*  
Theme Name: Esquire
Theme URI: http://esquire.co.uk/
Description: This is the default theme for the esquire wordpress site.
Version: 1.2
Author: Designed by ok interrupt
Author URI: http://www.okinterrupt.net
*/

@font-face {
font-family: "eleven";
src: url(http://www.esquire.co.uk/wp-content/uploads/2011/05/EsquireEleven-Medium-3.ttf);
}
@font-face {
font-family: "eleven";
src: url(http://www.esquire.co.uk/wp-content/uploads/2011/05/EsquireEleven-Regular.ttf);
font-weight: bold;
}

/* Structure */

body {
font-family: georgia, serif;
font-size: 15px;
line-height: 20px;
background: #FFFFFF;
color: #000;
margin: 20px 20px 20px 30px;
padding: 0px;
height: 100%;
}

div#container {
width: 940px;
margin: 0px;
border: 0px;
padding: 0px;
float: left;
}

div#header {
font-family: eleven, georgia, serif;
text-transform: uppercase;
letter-spacing: 1px;
width: 910px;
height: 165px;
margin-bottom: 20px;
border: 0px;
padding: 0px;
font-size: 12px;
}

div#sidebar_left {
width: 200px;
height: 100%;
padding: 0px;
border-top: 30px solid;
border-bottom: 30px solid;
margin: 0px 30px 20px 0px;
float: left;
}

div#sidebar_right {
width: 165px;
height: 100%;
padding: 0px 0px 0px 0px;
border-top: solid 30px #000000;
border-bottom: solid 30px #000000;
margin: 0px 15px 20px 0px;
float: left;
}

div#posts {
width: 500px;
height: 100%;
padding: 10px 0px 0px 0px;
border-top: solid 30px #000000;
margin: 0px 15px 20px 0px;
float: left;
}

div#footer {
font-family: eleven, georgia, serif;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 1px;
width: 910px;
height: 28px;
margin: 0px 0px 20px 0px;
border-top: solid 1px #000000;
border-bottom: solid 1px #000000;
padding: 10px 0px 0px 0px;
clear: both;
}


/* General Typography */

a {
color: #000000;
text-decoration: none;
text-weight: normal;
}

a:hover {
color: #666666;
text-decoration: none;
text-weight: normal;
}

img {
border: 0px;
}

input { 
font-family: eleven, georgia, serif;
font-size: 15px;
background-color: #FFF;
height: 25px;
width: 161px;
border: 1px #000 solid;
margin: 15px 0px 0px 0px;
}

#searchsubmit { 
font-family: eleven, georgia, serif;
font-weight: bold;
text-transform: uppercase;
text-align: left;
letter-spacing: 1px;
font-size: 14px;
padding: 0px;
margin: 0px;
border: 0px;
}

.postform {
width: 150px;
}


/* Div Typography */

/* Header */

.headernav li{
display: inline;
}

.headernav li a, .headernav li a:visited {
background: #ECE9E4;
color: #000;
text-decoration: none;
padding: 6px 10px;
border-right: 1px solid white;
float: left;
}

.headernav li a:hover, .headernav li .current {
color: #FFF;
}

.headernav {
padding: 5px 0px 5px 0px;
border-bottom: 1px solid #000000;
margin: 0px 0px 15px 0px;
float: left;
width: 100%;
list-style: none;
}


/* Sidebar */

div#sidebar_left ul {
padding: 15px 0px 15px 0px;
border: 0px;
margin: 0px;
list-style: none;
}

div#sidebar_right ul {
padding: 0px 0px 10px 0px;
border-bottom: solid 1px #000000;
margin: 0px;
list-style: none;
}

div#sidebar_left li, div#sidebar_right li {
padding: 0px;
border: 0px;
margin: 0px;
list-style: none;
}

/* Posts */

#posts h2, #posts h2 a {
font-family: Georgia, serif;
font-size: 28px;
font-weight: normal;
line-height: 30px;
letter-spacing: 0px;
display: inline;
margin-top: 10px;
border: 0px;
padding: 0px;
}

#posts img {
margin: 0px;
border: 0px;
padding: 0px;
}

.feedback {
font-family: eleven, georgia, serif;
font-size: 12px;
line-height: 14px;
text-transform: uppercase;
letter-spacing: 1px;
padding: 0px 0px 14px 0px;
border-bottom: solid 30px #000000;
margin: 0px 0px 10px 0px;
}

.post_feedback {
font-family: eleven, georgia, serif;
font-size: 12px;
line-height: 14px;
text-transform: uppercase;
letter-spacing: 1px;
padding: 10px 0px 14px 0px;
border: 0px;
margin: 0px 0px 10px 0px;
}

.archive_title {
font-family: eleven, georgia, serif;
font-size: 12px;
line-height: 14px;
text-transform: uppercase;
letter-spacing: 1px;
margin: 0px 0px 10px 0px;
border-bottom: 1px solid #000;
padding: 10px 0px 14px 0px;
}

.categories {
font-family: eleven, georgia, serif;
font-size: 12px;
line-height: 14px;
text-transform: uppercase;
letter-spacing: 1px;
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 0px;
}


/* Pagenav */
	
#pagenav a, #pagenav a:hover {
font-family: eleven, georgia, serif;
font-size: 12px;
line-height: 14px;
text-transform: uppercase;
letter-spacing: 1px;
margin: 0px 0px 10px 0px;
padding: 10px 0px 14px 0px;
}


/* Comments */

#comments {
width: 500px;
float: left;
}

#addthis {
width: 500px;
float: left;
}


/* Updated Styles */

.subtext {
font-family: eleven, georgia, serif;
font-weight: normal;
}

.subtext b, .widgettitle {
font-family: eleven, georgia, serif;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
}

.subhead {
font-family: eleven, georgia, serif;
font-size: 14px;
font-weight: normal;
line-height: 20px;
text-transform: uppercase;
letter-spacing: 1px;
}

.coverline {
font-family: eleven, georgia, serif;
font-size: 30px;
font-weight: bold;
line-height: 30px;
text-transform: uppercase;
letter-spacing: 1px;
}

hr.rule {
border: 0px;
color: #000000;
background-color: #000000;
height: 1px;
}


/*
Hi! 
You've reached the change issue colours bit.
You'll need a 3 to 6 digit 'Hex' number.
You can get these via Photoshop.
They always start with a hash symbol as shown below.
*/

div#sidebar_left { border-color: #F36A22 ; }
.headernav li a:hover,.headernav li .current { background: #F36A22 ; }
.issuecolour { color: #F36A22 ; }

/*
And that's it.
You're done. 
*/

#addthis { display:block; width:100%; padding:0 0 15px; }

#homelike { padding:15px 0; }