/*  
Theme Name: Headford Online v1.0
Theme URI: http://www.headfordonline.com
Description: A Wine, Grey & White Wordpress Theme with a Magazine Feel
Author: The Folks at <a href="http://www.headfordonline.com>HeadfordOnline.Com</a>

*/

/* choose color you want for the theme */
/* By default, it is set to to RED. 
If you wish to have black color scheme, replace "red" with "Black  e.g. @import url("/style-brown.css");"
If you wish to have black color scheme, replace "red" with "brown" e.g.  @import url("/style-black.css"); */
@import url("red-style.css");
@import url("videos-css.css");
@import url("forum.css");





* {
	margin: 0; 
        padding: 0;
}

body { 
      font-size: 80%; 
      color: #222; 
      font-family: Century Gothic, Arial; 
      margin: 0px; 
      padding: 0px; 
      background: #E2DDCB; 
      
}

/*========= HEADINGS =========*/
h1, h2, h3, h4, h5, h6, h7, ul { 
       margin-top: 0px; 
       margin-bottom: 15px; 
      }

p {
    margin-top: 0px;
    margin-bottom: 15px;
   }

p, li { 
      line-height: 150%; 
      }

p.small { 
        font-size: 0.80em; 
        }

h2, h3 { 
        font-family: Century Gothic, Arial; 
        font-weight: bold; 
          }

h1 { 
     font-size: 1.5em; 
     padding-bottom: 5px;
     font-weight:bold;
    }


h1 a:hover { 
     text-decoration: underline; 
        }

h2 { 
     font-size: 1.2em; 
    }

h3 { 
    font-size: 1.2em; 
   }

.small {  
    font-size: 90%; 
     }


a img { 
     border: 0px; 
     }


/*========= WRAPPER =========*/
.wrapper {
	width: 950px;
	margin:15px auto;
	
}


/*========= HEADER =========*/
#header{
	height: 100px;
	background-color: #ffffff;
	margin: 0 15px;
	padding: 0px;
}
/*- Logo -*/
#header .logo{
	float: left;
	line-height: 100px;
	  
}
#header .logo a{
	float: left;
	height: 100px;
  
}


#adtop {
       
	float: right;
	width: 468px;
	padding:20px 0px 0px;
        display: inline;
}

#adtop img{
	float: right;
}

/*- Page Navigation -*/
#nav{
	height: 30px;
	padding: 2px 0px !important;
	margin:5px 15px 5px !important;
	width: 930px !important;
}

#nav ul {
	position: relative;
	height: 30px;
	overflow: hidden;
}
#nav ul  li {
    float: left;
    list-style: none;
	font-weight:bold;
	font-size:14px;	
}
#nav .current_page_item {
	height:30px;
}

#nav ul  li.back {
	width: 9px;
	height: 30px;
	z-index: 8;
	position: absolute;
}

#nav ul  li a {
	text-decoration: none;
	outline: none;
	text-align: center;
	top: 6px;
	letter-spacing: 0;
	z-index: 10;
	display: block;
	float: left;
	height: 26px;
	position: relative;
	overflow: hidden;
	margin: auto 15px !important;
	margin: auto 7px;
	font-weight: bold;
	font-family: Century Gothic, Arial;
	font-size: 11px;
	text-transform: uppercase;
}
#nav ul  li a:hover, #nav ul  li a:active, #nav ul  li a:visited {
	border: none;
}      


#navtop-left {
	float:left;
	display:inline;
	width:550px;
        margin:0px !important;
	padding:0px !important;
	}

#nav-right {
	float:right;
	display:inline;
	width:320px;
	margin:0px !important;
	padding:0px !important;
	}

#navbottom-left {
	float:left;
	display:inline;
	width:850px;
        margin:0;
	padding:0;
	list-style: none;
	}


#navbottom-left li {
	line-height: 30px;
	float: left;
	list-style:none;
	z-index:10 !important;
}

#navbottom-left li a {
	
	display: block;
	padding: 0 13px;
	font-size: 14px;
	font-weight: bold;
	font-family: Century Gothic, Verdana;
	line-height: 30px;
        text-decoration: none;
	
	z-index:10 !important;
}

#navbottom-left li a:hover {
	text-decoration: none;
}


#navbottom-left li ul {
	position:absolute;
	left: -999em;
	margin-top:3px;
	z-index:10 !important;
}
#navbottom-left li:hover ul, #nav2 li.sfhover ul {
	left:auto;
	z-index:10 !important;
}
#navbottom-left li ul li {
	display:block !important;
	float:none !important;
	
	border-top:none !important;
	
	z-index:10 !important;
}


#date
{
         float: left;
         height: 27px;
         width: 300px;
	 padding-left: 20px;
         margin-top: 10px;
         
}

/*- Search -*/
#search{
	float: left;
	height: 27px;
	width:300px;

	margin: 3px 0px 0px !important;
	padding:0px !important;
}
* html #search{
	margin-right: 8px;
}

#search input{
	background: #ffffff;
	
	color: #000000;
	float: left;
	font-size: 11px;
	width:200px;
	margin:1px 0px 0px;
	padding: 3px 4px 4px;
}
#search .btn{
	padding: 0;
      	height:22px;
	width: auto;
	margin:1px 0px 0px 5px !important;
	border:none;
	width:69px;
}


/* FEED */
#feed {
	width: 340px;
        height: 27px
	float: left;
	padding: 0 0;
	margin: 0;
	}
#feed ul {
	float: left;
	margin: 0;
	padding: 5px 0;
	}
#feed ul li {
	display: inline;
	list-style-type: none;
	padding: 0 0 0 10px;
	margin: 0 5px 0 0;
	}

#feed ul li a {
	font-size: 12px;
	margin: 0;
	padding: 0;
	text-decoration: none;
	}

/*========= CONTENT =========*/

#columns {       
        padding:15px 15px 25px;
	margin: 0px;
      
}


#leftcolumn {
        float: left;
	width: 600px;
	padding-right:15px;
        padding-bottom: 15px;
}

/*==== POSTS =====*/

#leftcolumn .post { 
      
        padding: 9px; 
        margin-bottom: 25px; 
        }

#leftcolumn .post p.wp-caption-text { 
        text-align: center; 
        font-size: 0.8em; 
        line-height: 135%; 
        margin: 0px; 
        padding: 3px 0px; 
         }

/*==== POST ALIGNMENTS =====*/

#leftcolumn img.alignnone { 
        margin: 0px 10px 10px 0px; 
        padding: 5px; 
      
        }

#leftcolumn ul { 
        margin: 0px 0px 15px 0px; 
        padding: 0px 0px 0px 15px; 
        }

#leftcolumn img.thumbnail-image { 
       float: right; 
       padding: 5px; 
     
       margin: 0px 0px 7px 7px; 
       }

#leftcolumn img.featured-image { 
       float: left; 
       padding: 5px; 
    
       margin: 0px 10px 10px 0px; 
        }

#leftcolumn .post div.alignleft, #leftcolumn .post img.alignleft { 
       float: left; 
       margin: 0px 10px 10px 0px; 
       padding: 5px; 
      
       }

#leftcolumn .post div.aligncenter, #leftcolumn .post img.aligncenter { 
       display: block; 
       margin-left: auto; 
       margin-right: auto; 
       margin-bottom: 10px; 
       padding: 5px; 
    
       clear: both; 
       }

#leftcolumn .post div.alignright, #leftcolumn .post img.alignright { 
       float: right; 
       margin: 0px 0px 10px 10px; 
       padding: 5px; 
       
       }

.post .date{
	
	width:83px;
	height:27px;
	float:left;
	padding-top:6px;
	font-weight:bold;
	padding-right:15px;
}

.post .date div.month{
	float:left;
	padding-left:8px;
	text-align:center;
	width:50px
}

.post .date div.day{
	float:left;
	padding-left:8px;
	
}

.post .posttop{
	overflow:hidden;
}


/*========= COMMENTS =========*/

/* COMMENTS TEMPLATE */
#comments-template {
	clear: left;
	margin: 10px 0 0 0;
	}

#comments-template ol {
	margin: 0;
	padding: 0;
	}

#comments-template ol li {
	float: left;
	width: 97%;
	margin: 10px 0;
	padding: 5px;
	list-style-type: none;
	
	
	}


#comments-template ol li .comment-meta-data {
	font-weight: bold;
	}

#comments-template ol li .comment-text {
	width: 90%;
	margin: 10px auto;
	padding: 8px 15px;
	
	}

/* TRACKBACKS */



input {
	width: 20%;
	padding: 5px;
	margin:  10px 5px 0 0;
	}
textarea {
	width: 96%;
	padding: 5px;
	margin-top: 10px;
	}

#comments-template input.submit-comment, #comments-template input.reset-comment, .button {
	width: 90px;
	padding: 3px;
	margin-right: 10px;
	
	}

/* CONTACT */
fieldset {
	border: none;
	}
legend {
	border: none;
	}

.time, .category, .comment, .tags, .commenter, .author {
	padding: 0 10px 0 20px;
	}



/*========= SIDEBAR =========*/
#sidebar { 
         float: right; 
         width: 300px; 
         font-size: 90%; 
          }


#sidebar h2 { 
        
          padding-bottom: 4px; 
          font-weight: bold;
      
           }

#sidebar .panel { 
         margin-top: 0xp;
         margin-bottom: 15px;
         padding: 10px; 
         }

#sidebar .panel ul { 
         margin: 0px; 
         padding: 0px; 
         list-style: none; 
         }

#sidebar .panel li { 
         margin: 0px; 
         padding: 3px 0px; 
         list-style-type: none; 

     
         }

#sidebar .panel li a { 
         text-decoration: none; 
         }

#sidebar .panel li li { 
          margin-left: 15px; 
          border: 0px; 
          padding: 2px 0px; 
          }

/*========= FOOTER =========*/

#footer{
	clear: both;
	height: 25px;
	line-height: 25px;
	margin:5px 15px 10px;
	padding:0px 10px;
        font-family: Century Gothic, Verdana; 
        font-size: 85%; 
}

.footin {
        height: 25px;
        float: right;
}

.footlinks {
        height: 25px;
        float: left;
        padding: 5px 0 0 0;
        }



/*========= MISC =========*/

.fix{
	clear: both;
	height: 1px;
	margin: 0 0 -1px;
	overflow: hidden;
}


/*========= HOME =========*/
#leftcolumn .homebox-left { 
         width: 255px; 
         padding: 9px; 
         margin-right: 10px; 
         float: left; 
         display: inline; 
         font-size: 90%; 
         }

#leftcolumn .homebox-right { 
         width: 255px; 
         padding: 9px; 
         margin-left: 10px; 
         float: right; 
         display: inline; 
         font-size: 90%; 
         }

#leftcolumn .homebox-left h2, #leftcolumn .homebox-right h2 { 
           
            font-size: 1.2em; 
            font-weight:bold;
            padding: 6px 5px; 
            height: 20px; 
            text-transform: uppercase; 
             }

#leftcolumn .homebox-left h2 a, #leftcolumn .homebox-right h2 a { 
         
           text-decoration: none; 
           }

#leftcolumn .homebox-left h2 a:hover, #leftcolumn .homebox-right h2 a:hover { 
             text-decoration: underline; 
             }

#leftcolumn .homebox-left ul, #leftcolumn .homebox-right ul { 
                 margin: 0px 0px 5px 0px; 
                 padding: 0px; 
                   }


#leftcolumn .homebox-left li, #leftcolumn .homebox-right li { 
            margin: 0px 0px 10px 0px; 
            padding: 0px 0px 10px 0px; 
            list-style-type: none; 
             }

#leftcolumn .homebox-left li a, #leftcolumn .homebox-right li a { 
           text-decoration: none; 
            } 

#leftcolumn .homebox-left li a:hover, #leftcolumn .homebox-right li a:hover { 
           text-decoration: underline; 
            }

#post-bottom {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 5px 10px;
	clear: both;
	overflow:hidden;
	height:100%;
}

#postbottom .cat {
	float:  left;
	width: 95%;
	text-align: left;
}
#postbottom .cat span {
	padding: 0px 0px 0px 18px;
       }


#post-bottom {
        font: 10px Century Gothic, Arial;
             }
        

#post-bottom a {
	text-decoration: none;
}
#post-bottom a:hover {
	text-decoration: underline;
}

.comm {
        float: right;
	width: 36px;
	height:36px;
	font-size:22px;
	line-height:27px;
	text-align: center;
}
.comm span {	
	 text-align:center;
	 padding:5px 0 0 0;
}
.comm a {
	text-decoration: none;
}
#wp-calendar{
	width: 260px;
	padding: 0;
	margin: 0;
	border-left: 1px solid #A2ADBC;
	font: normal 12px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #616B76;
	text-align: center;
	background-color: #fff;

}

#wp-calendar caption{
	margin: 0;
	padding: 0;
	width: 260px;
	background: #A2ADBC;
	color: #fff;	 
	font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: center;

}

#wp-calendar td{
	border-right: 1px solid #A2ADBC;
	border-bottom: 1px solid #A2ADBC;
	width: 20px;
	height: 20px;
	text-align: center;
	background: url(images/bg_calendar.gif) no-repeat right bottom;

}
#wp-calendar th {
       font: bold 11px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #616B76;
	background: #D9E2E1;
	border-right: 1px solid #A2ADBC;
	border-bottom: 1px solid #A2ADBC;
	border-top: 1px solid #A2ADBC;

}
#wp-calendar td a{
	text-decoration: none;
	font-weight: bold;
	display: block;

}
.today, td.today a, td.today a:link, td.today a:visited {
	color: #F6F4DA;
	font-weight: bold;
	background: #DF9496;
}

/*========= CONTACTFORM =========*/

body div.formcontainer{
clear: both;
overflow: hidden;
width: 100%;
}

body div.formcontainer span.required {
color: #FF0000;
}

body div.formcontainer p.error,
body div.formcontainer p.important,
body div.formcontainer p.information,
body div.formcontainer p.success {
border-top: 1px solid #E8E8DE;
color: #442;
line-height: 250%;
padding-left: 36px;
width: 95%;
}

body div.formcontainer p.error {
background: #fbfbee url(images/error.png) no-repeat 12px 50%;
border-bottom: 2px solid #F0D28B;
}

body div.formcontainer p.important {
background: #fbfbee url(images/important.png) no-repeat 12px 50%;
border-bottom: 2px solid #FED7CE;
}

body div.formcontainer p.information {
background: #fbfbee url(images/information.png) no-repeat 12px 50%;
border-bottom: 2px solid #C5DDF2;
}

body div.formcontainer p.success {
background: #fbfbee url('success.png') no-repeat 12px 50%;
border-bottom: 2px solid #C7E9B3;
}

body div.formcontainer form.contact-form {
clear: both;
float: none;
width: 100%;
}

body div.formcontainer form.contact-form fieldset {
background: #F6F6F6;
color: #333333;
margin: 0.5em 0 1.5em 0;
}

body div.formcontainer form.contact-form fieldset legend {
text-transform: uppercase;
}

body div.formcontainer form.contact-form fieldset div.form-label {
display: block;
float:none;
line-height:150%;
margin: 0.5em 0 0 0;
padding:0;
text-align:left;
width:100%;
}

body div.formcontainer form.contact-form fieldset div.form-label label,
body div.formcontainer form.contact-form fieldset div.form-option label {
cursor: pointer;
line-height:100%;
}

body div.formcontainer form.contact-form fieldset div.form-input,
body div.formcontainer form.contact-form fieldset div.form-textarea {
display: block;
float:none;
margin: 0.2em 0 0 0;
width:100%;
}

body div.formcontainer form.contact-form fieldset div.form-input input,
body div.formcontainer form.contact-form fieldset div.form-textarea textarea {
padding: 0.3em;
width: 97%;
}

body div.formcontainer form.contact-form fieldset div.form-textarea textarea {
overflow: auto;
}

body div.formcontainer form.contact-form fieldset div.form-input input.error {
background-color: #FBF4E2;
}

body div.formcontainer form.contact-form fieldset div.form-input input.optional {
margin-bottom: 0.2em;
}

body div.formcontainer form.contact-form fieldset div.form-option,
body div.formcontainer form.contact-form fieldset div.form-submit {
display: block;
float:none;
margin: 1em 0 0 0;
width:100%;
}

body div.formcontainer form.contact-form fieldset div.form-submit input {
cursor:pointer;
padding:0.5em 2em;
}



#sidebar-login input {
	
background: #ffffff;
	color: #000000;
	float: left;
	font-size: 11px;
	width:200px;
	margin:1px 0px 0px;
	padding: 3px 4px 4px;
}

#followme {
width:110px;
float:right;
margin:2px 10px 0 0;
padding:0 0 0 0;
text-align:center;
}

.followb {
width:32px;
margin:0 4px 0 0;
float:left;
padding:0 0 0 0;
}

#followme a {
padding:0 0 0 0;
margin:0 0 0 0;
}

#twitter-entry {background:url(images/twitter.gif) no-repeat; width:290px; height:91px; margin-bottom:3px;}
#twitter-entry p {font-family:verdana, helvetica, arial; font-size:11px; text-align:left; padding:3px 7px 0 55px;  text-shadow:0 1px 0 #fff;}
#twitter-entry a {color:#750000; text-decoration:none;}
#twitter-entry a:hover {text-decoration:underline;}

#footer-sidebar {
display:block;
height: 250px;
}



#footer-sidebar1 {
float: left;
width: 340px;
margin-left:5px;
margin-right:5px;
}

#footer-sidebar2 {
float: left;
width: 340px;
margin-right:5px;
}

#footer-sidebar3 {
float: left;
width: 340px;
}