/*

THEME NAME: Thematic

THEME URI: http://themeshaper.com/thematic-for-wordpress/

DESCRIPTION: A highly extensible, search-engine optimized WordPress Theme Framework featuring 13 widget-ready areas, grid-based layout samples, styling for popular plugins and more.

VERSION: 0.6.5

AUTHOR: Ian Stewart

AUTHOR URI: http://themeshaper.com/

TAGS:three columns,two columns,fixed width,simple,seo,microformats,widgets,framework,options page,hooks,filters,valid XHTML,valid CSS

.

This work, like WordPress, is released under GNU General Public License, version 2 (GPL).

http://www.gnu.org/licenses/old-licenses/gpl-2.0.html

.

*/



/* Reset browser defaults */

@import url('library/styles/reset.css');



/* Apply basic typography styles */

@import url('library/styles/typography.css');



/* Apply a basic layout */

@import url('library/layouts/2c-r-fixed.css');



/* Prepare theme for plugins */

@import url('library/styles/plugins.css');



/* Un-comment the line below to set a grid with 18px line-height */

/*body { background:url(images/960_grid_12_col.gif) repeat-y top center; }*/





/* =Global Elements

-------------------------------------------------------------- */



body {

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

}

#wrapper {

    border-top:9px solid #e3980d;

}



a:link, a:visited {

    color:#2772B3;

    text-decoration:none;

}

a:hover {

    text-decoration:underline;

}

blockquote {

    font-style:italic;

    font-size:13px;

}

blockquote em, blockquote cite, blockquote i {

    font-style:normal;

}

input, textarea {

    font-family:Arial, serif;

}

.caps {

    font-size:10px;

    text-transform:uppercase;

    letter-spacing:1px;

}

.important {

    font-weight:bold;

}



/* =Header

-------------------------------------------------------------- */



#header {

    /*background:#181E24;*/

    background:#e3980d;

    /*margin-bottom:5px;

    border-bottom:2px solid #8b9faa;*/

}

#blog-title {

    font-size:20pt;

    font-family:arial;

    font-weight:normal;

    letter-spacing:-1px;

    padding:16px 0 18px;

}

#blog-title a {

    color:#fff;

    text-decoration:none;

}

#blog-contact {

	font-size:1.4em;

	font-weight:normal;

	text-align:right;

	color:white;

	float:right;

	line-height:1.2em;

	margin:5px;

}

#blog-description {

    font-style:italic;

    padding:8px 0 20px 0;

    color:#b66f31;

}



/* =Menu

-------------------------------------------------------------- */



#access {

    font-size:11px;

    background:#b26a03;

    border-top:2px solid white;

    border-bottom:4px solid #8f4700;

    margin-top:-1px;

	height:25px;

    

}

.skip-link {

    display:none;

}

#menu {

    padding:1px 0 1px 0;

    overflow:hidden; /* clears the inner float  */

}

#menu ul {

    margin:0;

    list-style:none;

    clear:both;

}

#menu ul ul {

    display:none;

}

#menu li {

    display:inline;

}

#menu a {

    display:block;

    float:left;

    margin:0 10px 0 0;

    padding:2px 8px;

    

    color:#fff;

    text-decoration:none;

	font-size:1.1em;

}

#menu a:hover {

    color:#FFAB0F;

}

#menu .current_page_item a {

    background:#5C9BD1;

    color:#fff;

    border-color:#3B86C7;

}

#menu a:focus {

    background:#4887BD;

    color:#fff;

    border-color:#2772B3;

}



/* =Content

-------------------------------------------------------------- */



#main {

    padding:54px 0;

}

#leftside_content {

	float:left;

	width:180px;

	margin-right:45px;

}

#content {

}    

.hentry {

    margin:9px 0 0 0;

    padding:44px 1px 36px 1px;

    border-top:1px solid #e0e0e0;

}

.p1 {

    margin:0;

    padding:0 0 36px 0;

    border:none;

}

.page-title {

    font-size:14px;

    font-weight:bold;

    padding:18px 0;

}

.page-title span {

    font-size:12px;

    font-weight:normal;

    font-style:italic;

}

.entry-title {

    font-size:24px;

    line-height:26px;

    padding:8px 0 2px 0;

    font-weight:normal;

    color:#307C94;

}

.entry-title a {

    text-decoration:none;

    color:#307c94;

}

.entry-meta {

    font-size:11px;

    color:#787878;

}

.entry-meta a {

    color:#787878;

    font-style:italic;

}

.entry-meta a:hover {

}

.entry-meta .author {

}

.entry-meta .meta-sep {

}

.entry-meta abbr {

}

.entry-content {

    margin:18px 0 0 0;

    overflow:hidden;

}

.entry-content h1, .entry-content h2 {

    font-size:18px;

    font-weight:bold;

    margin:0 0 18px 0;

    padding:18px 0 0 0;

}

.entry-content h3 {

    font-weight:bold;

    text-transform:uppercase;

    letter-spacing:1px;

    margin:0 0 18px 0;

    padding:18px 0 0 0;

}

.entry-content h4 {

    font-weight:bold;

    font-size:11px;

    text-transform:uppercase;

    letter-spacing:1px;

}

.entry-content h5 {

    font-size:11px;

    text-transform:uppercase;

    letter-spacing:1px;

}

.entry-content h6 {

    font-size:10px;

    text-transform:uppercase;

    letter-spacing:1px;

}

.entry-content ul {

    list-style:square;

    margin:0 0 18px 1.5em;

}

.entry-content dl {

    margin:0 1.5em;

}

.entry-content dt {

    font-weight:bold;

}

.entry-content dd {

    margin:0 0 18px 0;

}

.entry-content abbr, .entry-content acronym, .entry-content .help {

  border-bottom: 1px dotted #333;

  cursor: help;

}

.content-column, .entry-content .linkcat {

	list-style:none;

	float:left;

}

.more-link {

    font-weight:bold;

    font-style:italic;

    display:block;

}

.page-link {

    margin:0 0 18px 0;

}

.page .edit-link {

    float:left;

    clear:both;

}

.entry-utility {

    font-size:11px;

    color:#787878;

}

.entry-utility a {

    font-style:italic;

    color:#787878;

}

.entry-utility a:hover {

}

.comments-link a {

    font-weight:bold;

    color:#2772B3;

}



/* =Comments

-------------------------------------------------------------- */



#comments {

    background-color:white;

    color:#000;

    border:1px solid white;

    margin:54px 0 0 0;

    padding:18px 0;

    overflow:hidden;

}

#comments h3 {

    /*font-weight:bold;

    text-transform:uppercase;

    letter-spacing:1px;

    padding:0 20px 0 20px;*/

    font-size:20px;
	font-face:Arial;
    color: #307C94;

}

#comments .comments:first-child h3 {

    padding-top:18px;

}

#comments ol {

    margin:0 0 36px 0;

    list-style:none;

}

#comments li {

    /*background:white;

    border:1px solid #CCCCCC;

    margin:0 20px 18px 20px;*/

    padding:17px 0px 0 0px;

    position:relative;

}

#comments a {

}

#comments li.byuser {

/*    background:#5C9BD1;

    border-color:#3B86C7; */

}

#comments li.byuser p a {

}

#comments li.bypostauthor {

}

#comments li.bypostauthor p a {

}

#comments .avatar {

    /*width:48px;

    height:48px;

    position:absolute;

    top:19px;

    left:20px;*/
	display:none;

}

#comments .fn {

	font-style:italic;
    font-size:14px;

    /* padding:18px 0 0 58px;

   display:block;*/

}

#comments .fn a {

    color:#000;

}

#comments-list .comment-meta {

    font-size:10px;
	color: #307C94;
    margin:0 0 5px 0;

/*    padding:0 0 0 58px;*/

}

#comments-list .comment-meta a {

    font-style:italic;

    color:#000;

}

#comments li p {

    margin:0;

    padding:0 0 18px 0;

}

#trackbacks-list .comment-author {

    margin:0 0 18px 0;

    font-size:11px;

}

#trackbacks-list .comment-author a {

    font-size:14px;

    font-weight:bold;

    color:#000;

}

#respond {

    background:white;

    padding:17px 20px 0 20px;

    width:460px;

    margin:0 auto;

}

#respond h3 {

    padding-top:18px;

}

#respond form {

    padding:0 0 36px 0;

}

#respond #form-section-author {

    width:230px;

    float:left;

}

#respond #form-section-author input {

    width:220px;

}

#respond #form-section-email {

    width:220px;

    float:right;

}

#respond #form-section-email input {

    width:100%;

}

#respond #form-section-url {

}

#respond #form-section-url input {

    width:100%;

}

#respond .form-label {

    font-size:10px;

}

#respond .form-input input {

    margin:0 0 14px 0;

}

#respond textarea {

    width:100%;

    margin:0 0 16px 0;

}

#respond .form-submit {

    float:left;

}

p.subscribe-to-comments {

    width:260px;

    float:left;

}

p.subscribe-to-comments label {

}

p.comment_license {

    clear:both;

    margin:0;

}

p.solo-subscribe-to-comments {

    clear:both;

    margin:0;

}

p.solo-subscribe-to-comments:first-line {

    font-style:italic;

}

/*input#solo-subscribe-email {

    width:220px;

    margin:9px 0;

}*/

#respond .required {

    font-weight:bold;

}



/* =Author Info

-------------------------------------------------------------- */



#author-info {

    margin:18px 0 36px 0;

}

#author-info p:first-line {

    font-weight:bold;

}

#author-info .avatar {

    float:left;





    width:72px;

    height:72px;

    margin:0 10px 0 0;

    padding:5px;

    background:#B5D1EA;





    position:relative;

    top:4px;

}



/* =Navigation

-------------------------------------------------------------- */



.navigation {

    margin:0px 0 36px 0;

    overflow:hidden;

}

.nav-previous {

	float: left;

	width:50%;

}

.nav-next {

	float: right;

	width:50%;

	text-align:right;

}

#nav-above,#nav-below {

	width: 100%;

}

#nav-above {

    margin:18px 0 36px 0;

}

.home #nav-above, .single #nav-above {

    display:none;

}

.paged #nav-above {

    display:block;

}



/* =Images

-------------------------------------------------------------- */



/*  Remember the baseline   */



.entry-content img { margin: 0 0 18px 0; max-width:100%; }



.alignleft,

img.alignleft,

img.align-left {

	float: left;

	margin-right:20px;

}

.alignright,

img.alignright,

img.align-right {

	display: block;

	float: right;

	margin-left:20px;

}

.aligncenter,

img.aligncenter,

img.centered {

	margin: 0 auto 18px auto;

	display: block;

	float: none;

	clear: both;

}

.wp-smiley { /* Prevent the smileys from breaking line-height */

	max-height:12px;

	margin:0 !important;

}



/* =Asides (widgetized areas)

-------------------------------------------------------------- */



.aside ul {

    margin:0;

    list-style:none;

}

.aside ul ul {

    list-style:square;

}

.aside h3 {

    font-size:14px;

    font-weight:bold;

}

/* Begin Calendar styles */

.aside table {

    border-top:1px solid #e0e0e0;

    margin:0 0 8px 0;

}

.aside th {

    border-left:1px solid #e0e0e0;

}

.aside tr {

    border-bottom:1px solid #e0e0e0;

    border-right:1px solid #e0e0e0;

    line-height:35px;

}

.aside td {

    border-left:1px solid #e0e0e0;

    padding:0 10px

}

.aside caption { /* Make the caption match h3 styles */

    font-size:14px;

    font-weight:bold;

    text-align:left;

    margin:0 0 9px 0;

}

.aside tfoot tr {

    border:none;

    line-height:36px;

}

.aside tfoot td {

    border:none;

    padding:0;

}

.aside #next {

    text-align:right;

}

/* End Calendar styles */

/* Begin Search styles */

.aside form {

    margin:4px 0 10px 0;

}

/* End Search styles */

/* Begin RSS widget styles */

/* I think I'm going to have to reset some stuff in functions.php for the RSS widget. It stinks for styling. */

/* End RSS widget styles */

#content .widgetcontainer {

    border-top:1px solid #e0e0e0;

    padding:35px 1px 18px 1px;

    margin:18px 0 36px 0;

}

#index-top .widgetcontainer,

#single-top .widgetcontainer,

#page-top .widgetcontainer {

    border-top:none;

    border-bottom:1px solid #e0e0e0;

    padding:0 1px 53px 1px;

    margin:0 0 36px 0;

}

#content .aside:first-child .widgetcontainer:first-child {

    padding-top:18px;

}

.page #content .aside:first-child .widgetcontainer:first-child {

    padding-top:0;

}

#content .aside h3 {

    font-size:24px;

    line-height:26px;

    padding:8px 0 20px 0;

    font-weight:bold;

}

#single-bottom .widgetcontainer {

    border-top:none;

}

.main-aside {

}

.main-aside h3 {

    padding:17px 0 1px 0;

}

.main-aside ul ul {

    margin:0 0 18px 13px;

}

.main-aside ul ul ul {

    margin:0;

}

.sub-aside h3 {

}

#footer .widgetcontainer {

    padding:0 1px;

    margin:0 0 18px 0;

}

#footer .widgetcontainer ul {

    margin:0 0 0 13px;

}

#footer .widgetcontainer ul ul {

}



/* =Footer

-------------------------------------------------------------- */



#footer {

    /*background:#181E24;

    color:#fff;

    border-top:2px solid #000;*/

    padding:34px 0 90px 0;

   

}

#footer a {

    color:#fff;

}

#subsidiary .aside {

    margin-bottom:18px;

}

#siteinfo {

    padding:18px 0;

}



/* =PageNavi

-------------------------------------------------------------- */



/* Use !important to override PageNavi CSS */



.wp-pagenavi {

    margin:0 0 0 0;

    line-height:36px;

}

.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {

    color:#2772B3 !important;

    background:#transparent !important;

    border:1px solid #e0e0e0 !important;

}

.wp-pagenavi a:hover {

    color:#000 !important;	

}

.wp-pagenavi span.pages {

    margin-left:0 !important;

    padding-left:0 !important;

}

.wp-pagenavi span.current {

    border:1px solid #e0e0e0 !important;

}

.wp-pagenavi span.extend {

    margin:0 !important;

}





/* LEFT SIDE BAR */

.side_headline {

	font-size:1.4em;

	margin:15px 0 6px 0;

	border-bottom:1px solid #F1F1F1;

	color:#999999;

	

}

#adsense_code {

	

}



.optin_form {

	background-color:#CCCCCC;

	font-size:1.1em;

	margin:10px 0;

	padding:5px;

}

.optin_form SPAN {

	display:block;

	float:left;

	width:94px;

}

.optin_form INPUT {

	width:70px;

}

.optin_form BUTTON {

	margin:5px;

}



/* NAV */

ul#nav{

	left: 0;

	list-style: none;

	margin:-3px auto;

	width:990px;

}

ul#nav li{

	margin: 0;

	padding: 0;

	list-style: none;

	display: inline;

	font-family: Arial, sans-serif;

	font-size: 1.1em;

}

ul#nav a{

	float: left;

	margin: 0;

	padding: 7px 0 0 0;

	height: 23px;

	width: 120px;

	color: #fff;

	text-align: center;

	background: url(http://www.tesop.co.uk/_img/bg-nav.gif) right bottom no-repeat;

}

ul#nav a:hover{

	color: #FFAB0F;

	text-decoration: none;

}

ul#nav li.last a{

	background: 0;

}