/*  
Theme Name: SY
Description: This is my SY theme.
Version: 1.1
Author: Rob Cubbon
Author URI: http://robcubbon.com/
Author email: rob [at] robcubbon.com
*/


p.before{margin-top: 15px; margin-bottom:5px;}
p.first{margin-bottom:5px;}

#s{border:solid #878787 1px; color:#333; padding:0; width:172px; height:17px; float: left;}
#searchsubmit{background:transparent url(images/btn-search.gif) no-repeat scroll left top; border:medium none;  float:left; height:19px; text-indent:-9999px;
width:17px; font-size:0.00001em;color:#cc0000;}

h2.after{margin-bottom:8px;font-size: 28px;line-height:32px; }

#alerter {background-color: #f2f2f2; border: solid 3px #cc0000; padding: 8px 15px 2px 15px; margin: 15px 0; text-align: center;}

#wpcf7-f2-p66-o1.wpcf7 {line-height: 22px!important; background-color: #f2f2f2; text-align: center; padding-top: 25px;width:350px;}

#company {width:244px!important; background-color: #fff!important;border:1px solid #878787;}
.wpcf7-validates-as-required, .wpcf7-form-control-wrap phone .wpcf7-validates-as-email wpcf7-validates-as-required, .wpcf7-form-control-wrap your-message .wpcf7-form-control-wrap company input{width:244px!important; background-color: #fff!important;border:1px solid #878787;}

#left-column {width: 260px; padding-right: 30px; float: left;}
#right-column {width: 240px; float: left; background-color: #f2f2f2 ; padding: 10px 30px 0px 24px;}


body, h1, h2, h3, h4, h5, h6, blockquote, p, form, table, img  {margin : 0;padding : 0;} 

*  { margin : 0; padding : 0; } 

body{	background: #fff ; margin: 0;font-family: Arial, Helvetica, Sans-serif;	font-size: 14px; line-height: 21px;	text-align: left;	vertical-align: top;	color: #333;}

h1{display: none}  h2, h3, h4, h5, h6{	font-family: Arial, Helvetica, Sans-serif; color: #878787;}

a:link, a:visited{text-decoration: none; color: #cc0000; font-weight: bold;}
a:hover, a:active{text-decoration: underline; color: #cc0000; font-weight: bold;}

p{margin: 0 0 10px 0;}

.standfirst {font-size: 18px;line-height: 24px; font-weight: normal; color: #878787;} 

#wrapper{margin: 0 auto;width: 850px;	text-align: left;}

#header{width: 850px; margin-top: 10px;background: #fff}

#header p.desc {display: none; }

#header-logo {background: #fff url(images/sy-logo.gif) no-repeat left top; width: 435px; height: 75px; margin-top: 30px;}

#header-image {background: #fff ; width: 850px; height: 265px; margin-top: 15px; clear: both}

#menu {float:left; clear:both; line-height: 21px; margin: 20px 0;}

/* http://www.cssplay.co.uk/menus/basic_dd.html Copyright (c) 2005-2009 Stu Nicholls. All rights reserved. */

/* remove the bullets, padding and margins from the lists */
#menu ul{ list-style-type:none; padding:0; margin:0; }

/* make the top level links horizontal and position relative so that we can position the sub level */
#menu li{ float:left; position:relative; z-index:100;                }

/* use the table to position the dropdown list */
#menu table{ position:absolute; border-collapse:collapse; z-index:80; left:-1px; top:25px; }

/* style all the links */
#menu a, #menu :visited { display:block; width:170px; padding:7px 0; color:#fff; background:#cc0000 url(images/menu-bg.gif) repeat-x; text-decoration:none; text-align: center; font-family:arial,verdana,sans-serif; font-size:18px;
}
/* style the links hover */
#menu :hover{ color:#fff; background:#cc0000 url(images/menu-hover.gif) repeat-x; }

/* hide the sub level links */
#menu ul ul { visibility:hidden; position: absolute; width: 170px; height:0; }

/* make the sub level visible on hover list or link */
#menu ul li:hover ul, #menu ul a:hover ul { visibility:visible; }

#menu ul ul li a{background:#cc0000!important; font-size: 12px!important; line-height: 13px!important; font-weight: normal!important;}

#menu ul ul a:hover{ background: #ff0202!important; }


#sidebar{background: #fff;float: left;width: 245px;margin: 0 20px 0 0;border:none;padding: 0 0 35px;   clear:both}

#sidebar-top{background: #fff url(images/sidebar-top.gif) no-repeat left top; width: 245px; height: 12px;}

#sidebar-middle{background: #fff url(images/sidebar.gif) repeat-y ; padding:0 25px 15px; width:195px;}

#sidebar-bottom{background: #fff url(images/sidebar-bottom.gif) no-repeat left bottom; width: 245px; height: 12px;}

#search {padding-top: 15px;}

#sidebar h2 {font-size: 21px; line-height: 24px; padding: 10px 0 2px;}

#sidebar ul{ margin:0; padding:0;}

#sidebar ul li{list-style:none; }

#sidebar ul ul li{}

#sidebar ul ul li a:link, #sidebar ul ul li a:visited { margin:0;   padding:3px 0 0 25px;  font-size: 14px; line-height: 18px; font-weight:normal;  text-decoration:none;  background: url(images/red-arrow.gif) no-repeat top left; background-position: 4px 4px; display:block; }

#sidebar ul ul li a:hover, #sidebar ul ul li a:active {  text-decoration:underline;   background: url(images/red-arrow.gif) no-repeat top left; background-position: 6px 4px;   }

#sidebar h2.extra {font-size: 21px; line-height: 24px; padding: 20px 0 2px;clear:both;}

#sidebar ul ul ul li a:link, #sidebar ul ul ul li a:visited { margin:0;   padding:3px 0 3px 40px;  font-size: 13px; line-height: 15px; font-weight: bold;  text-decoration:none; background: url(images/grey-arrow.gif) no-repeat top left; background-position: 24px 4px; color:#878787; display: block; }

#sidebar ul ul ul li a:hover, #sidebar ul ul ul li a:active {  text-decoration:underline;   background: url(images/grey-arrow.gif) no-repeat top left; background-position: 26px 4px;   }


#container{float: left;width: 585px ;margin: 0 0 35px; padding: 0 0 0 0;   clear: right;}

.post{padding: 0; margin:0;}

.post h2{font-size: 23px;line-height:26px; margin-bottom:6px;}

.post h3{font-size: 18px;line-height: 20px;margin: 13px 0 7px 0; color: #5d5d5d}

.post ol {padding: 0; margin: 0 0 0 45px;}
.post ol li{margin: 0 0 5px 0;}

.post ul {list-style-type: none; padding: 0; margin: 0 0 0 30px;}

.post ul li{padding: 0 0 0 15px; margin: 0 0 5px 0; background: url(images/bullet.gif) no-repeat top left; background-position: 0px 7px; }

.post blockquote {margin: 20px 40px 10px; background: #eee; border:1px solid #dadada; padding: 0 10px 10px 20px}

.entry{line-height: 22px;float:left;width:585px;margin:0 0 20px;}

p.postmetadata{border-bottom: 1px solid #dadada;padding-bottom: 10px;margin: 0;font-size: 10px;line-height: 14px;}

p.postmetadata a:link, p.postmetadata a:visited{font-size: 10px;line-height: 14px;}

p.postmetadata a:hover, p.postmetadata a:active{font-size: 10px;line-height: 14px;}

.navigation{padding: 10px 10px 10px;font-size: 14px;font-weight: bold;line-height: 22px;}

img{border: none;}


#footer{width: 850px;	clear: both;	padding-top: 0px;	background: #fff url(images/footer-bg.gif) no-repeat; margin: 20px auto 20px;  }
#footer p{line-height: 30px; text-align: center; font-size: 12px; }

#credit{width: 850px;	clear: both;	padding-top: 0px;margin: 15px auto 20px;}
#credit p{ text-align: center; font-size: 11px; }


.comments-template{	margin: 10px 0 0;	padding: 10px 0 0;font-size: 14px;}
.comments-template ol{	margin: 0;	padding: 0 0 15px;	list-style: none;}

.comments-template ol li{border:1px solid #DADADA;line-height:22px;margin:10px 0 0;padding:10px;}

.comments-template h2, .comments-template h3{	font-size: 16px;clear:both;}

.commentmetadata{font-size: 14px;}

.commentmetadata a:link, .commentmetadata a:visited, .commentmetadata a:hover, .commentmetadata a:active {font-size: 14px;}

.comment_text{background-color:#d7e8da;margin:20px 20px 10px;padding:0 10px 5px;}

.comment_text p{padding: 3px 0;}

.comment_text blockquote{background:#EEEEEE none repeat scroll 0 0;border:1px solid #DADADA;float:left;margin:15px auto 10px;padding:0 10px 10px 20px;width:480px;}

.comments-template p.nocomments{	padding: 0;}

.comments-template textarea{	font-family: Arial, Helvetica,Sans-serif;	font-size: 12px;}

#commentform{border:1px solid #dadada;margin:10px 0 0;padding:10px 0 30px 30px;}

#commentform a{font-size: 14px;}