/*
Theme Name: House of Corned Beef
Description: Custom Wordpress Theme for House of Corned Beef
Version: 1.0
Author: State Street Digital
Author URI: http://www.statestreetdigital.com
*/



/*
	Site: House of Corned Beef
	Author: State Street Digital
	Contents: Reset, General Typography, Forms and Layout
*/

/* ========================================= */
/* YUI Reset (slightly modified============= */
/* ========================================= */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}

/* ========================================= */
/* Utility Classes========================== */
/* ========================================= */
.left{
	float: left; display: inline;
}

.right {
	float: right; display: inline;
}

.clearfix_old {
    content: ".";
	font-size: 0px;
    display: block;
    height: 0px;
    clear: both;
	margin-top: -5px;
}

.clearfix{
	height: 100%; overflow: hidden;
}

/* ========================================= */
/* HTML, Body, Wrapper====================== */
/* ========================================= */
html{

}

body{
background: url(images/hocb_bodybg.jpg);
}

#wrapper{
margin: 0 auto;
width: 960px;
background: #fff;
margin-bottom: 15px;
-moz-box-shadow: 0px 0px 8px #222; -webkit-box-shadow: 0px 0px 8px #222; box-shadow: 0px 0px 8px #222;
}

/* ========================================= */
/* General Typography======================= */
/* ========================================= */
body{
font-family: arial, tahoma, sans-serif;
font-size: 15px;
line-height: 21px;
color: #333333;
}

a:link, a:visited{
color: #cd2136;
text-decoration: none;
}

a:hover, a:active{
color: #ba1f2f;
border-bottom: 1px dotted #ba1f2f;
}

abbr{
border-bottom: 1px dotted #000000;
}

h1, h2, h3, h4, h5, h6 {
text-transform: uppercase;
color: #cd2136;
}

h1{font-size: 46px; line-height:50px; letter-spacing: 1px;}
h2{font-size: 32px; line-height: 36px; letter-spacing: .75px;}
h3{font-size: 21px; line-height: 21px; letter-spacing: .75px;}
h4{font-size: 17px; line-height: 19px; letter-spacing: .5px;}
h5{font-size: 16px; line-height: 17px; letter-spacing: .25px;}
h6{font-size: 15px; line-height: 18px; letter-spacing: .25px;}

/* ========================================= */
/* Forms==================================== */
/* ========================================= */

/*<div class="text">Name: [text* your-name]<br /></div>
<div class="text">Email: [email* your-email]<br /></div>
<div class="textarea">[textarea* your-message]<br /></div>
<div class="submit">[submit "Send"]</div>*/

#mainContent form{
	margin: 0px 5px 15px 5px;
}
input.text, textarea.textarea,.textarea textarea, select.select,select,input[type=text]{ 
  background-color:#ffffff; 
  border: 1px solid #cccccc; 
}

input.text, .text input, textarea.textarea, .textarea textarea{
	padding: 2px 5px 2px 5px;
	font-size: 13px;
	font-family: arial, tahoma, sans-serif;
	color: #666666;
	margin-bottom: 5px;
}

input.text:focus, .text input:focus, textarea:focus,input[type=text]:focus{ 
  background-color:#ffffee; 
  border: 1px solid #333333; 
}

select:focus {
  border: 1px solid #333333; 
}

input.checkbox, input.radio { 

}

.submit input, input.submit{
	color: #ffffff;
	font-size: 15px;
	background: #990000;
	border: none;
	font-weight: bold;
	text-transform: uppercase;
	margin: 5px;
	padding: 5px;
	-moz-border-radius: 3px; 	-webkit-border-radius: 3px; 	border-radius: 3px; cursor: pointer;	
}

#errors{
	display: none;
	margin: 5px;
	padding: 5px;
	color: red;	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; /* webkit */
	border-radius: 5px; /* w3 */ 
}

.wpcf7-not-valid-tip-no-ajax{
	color: red;	
}

.wpcf7-validation-errors{
	display: none;
}

#searchform input.text{width: 170px;}


/* ========================================= */
/* Header=================================== */
/* ========================================= */
#header{
	padding-top: 15px;
	margin-bottom: 15px;
}

#header .grid_4 a{border: none;}

#header_address{text-align: right;font-size: 15px; text-transform: uppercase; font-weight: bold;height: 40px;}

/* ========================================= */
/* Navigation=============================== */
/* ========================================= */
#navigation{margin-top: 10px; font-size: 17px; font-weight: bold; text-transform: uppercase;
}

/* ========================================= */
/* Main Content============================== */
/* ========================================= */

p{margin-bottom: 25px;}

#mainContent ul, #mainContent ol{
	margin: 0px 0px 15px 15px;
}

#mainContent ul li{
	list-style-type: disc;
	margin-left: 15px;
}

#mainContent ol li{
	list-style-type: decimal;
	margin-left: 20px;	
}

/* ========================================= */
/* Sidebar Content========================== */
/* ========================================= */
#sideBar{
	background: url(images/hocb_sidebar.jpg);
	position: relative;
	z-index: 1;	
	color: #fff;
	width: 280px;
	padding: 10px;
}

#sideBar h1, #sideBar h2, #sideBar h3, #sideBar h4, #sideBar h5, #sideBar h6{color: #fff;}

#sideBar a{color: #fff; border-bottom:1px dotted #fff;}
#sideBar a:hover{border-bottom:1px solid #fff;}

#sideBar .widget{margin-bottom: 15px;}

/* ========================================= */
/* Footer=================================== */
/* ========================================= */
#footer{
	margin-top: 15px; text-align: center; padding: 5px 0px;
	
}

#footer{font-size: 11px;}
#footer ul{margin: 0px;}
#footer p{margin: 0px;}

.menu-footer-menu-container {
        display: table;   /* Allow the centering to work */
        margin: 5px auto;
}
#menu-footer-menu {padding-top: 5px;}
#menu-footer-menu li {display: inline; border-left: 1px solid #999; padding: 0px 5px;}
#menu-footer-menu li:first-child{border-left: none;}