/*
Theme Name: Villa Roma Sausage
Description: Custom theme for Villa Roma Sausage Company. Created by <a href="http://phdartstudio.com/">PhD Art Studio</a>. 
Version: 1.0 (For WP2.6.2)
Author: Jeff Rubow
Author URI: http://phdartstudio.com
*/

@import "css/reset.css";
@import "css/typography.css";



/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto; }
.alignleft { float:left; margin: 0 10px 10px 0; }
.alignright { float:right; }
.alignnone {display: block; margin-bottom: 0.5em;}
.wp-caption { border:1px solid #ccc; text-align:center; background:#ebebeb; padding: 5px 0 0 0; font-size: 90%; }
p.wp-caption-text{margin: 1em 0;}

.clear { clear:both; } /* Use this br class to clear your floated columns */

body{
	background: #fff9db url(images/bg-body.png) top center repeat-y;
}

#wrapper{
}
#wrapperinner{
}

/* -- Header -- */
#header{
	background: url(images/bg-header.png) repeat;
}
#headerinner{
	width: 780px;
	margin: 0 auto;
	position: relative;
}
#header h1{
	width: 185px;
	height: 110px;
	background-image: url(images/vr-logo.png);
	background-position: top left;
	background-repeat: no-repeat;
	font-size: 1px;
	text-indent: -1500em;
}
#header h1 a{
	display: block;
	width: 185px;
	height: 110px;
}
#headersearch{
	position: absolute;
	top: 35px;
	right: 0;
	background: #888;
	padding: 8px 10px 8px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
/* -- End Header -- */

/* -- Navigation -- */
#nav{
	background: #d71920;
	padding: 1px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#navinner{
	width: 780px;
	margin: 0 auto;
}
#nav ul {
	margin:0;
	padding:0;
	list-style:none;
	font-size:1.4em;
}
#nav ul ul{
	display: none;
}
#nav li {
	float:left;
	margin:0;
	padding:0;
	background-image:none;
	line-height:normal;
	text-indent:0;
	list-style-type: none;
}
#nav a{
	display:block;
	padding:8px 15px;
	margin: 0;
	color:#fff;
	text-decoration:none;
	white-space:nowrap;
	border-left: 1px solid #d71920;
	border-right: 1px solid #d71920;
}
/* Following rule allows entire region of link to to be 
   clickable in IE/Win. Holly Hack explained here:
   http://www.positioniseverything.net/explorer/escape-floats.html */
* html #nav a {
	width:1%;
}

#nav a:hover{
	background: #bf0c12;
	border-left: 1px solid #bf0c12;
	border-right: 1px solid #bf0c12;
}
#nav .current_page_item a,
#nav .current_page_item a:hover,
#nav .current-cat a,
#nav .current-cat a:hover{
	background: #a80005;
	border-left: 1px solid #e93e37;
	border-right: 1px solid #e93e37;
}

/* -- End Navigation -- */

/* -- Content -- */
#content{
	background: url(images/bg-content.png) top center repeat-x;
}
#contentinner{
	width: 780px;
	margin: 0 auto;
	padding: 50px 0 25px 0;
	position: relative;
}
.breadcrumb{
	position: absolute;
	top: 10px;
	left: 0;
}
.editmeta{
	float: right;
}
.post li{
	list-style-type: square;
}
img.thumb,
img.attachment-thumbnail,
img.attachment-portrait-thumbnail{
	float: left;
	margin: 0 15px 20px 0;
}
a img.thumb,
a img.attachment-thumbnail,
a img.attachment-portrait-thumbnail{
	border: 1px solid #ffdf7f;	
}

.featuredimage img.attachment-thumbnail{
	float: none;
	margin: 0;
}
.rightimagecaption{
	float:right; 
	width:232px;
	margin: 0 0 10px 10px;
}
.rightimagecaption img{
	margin-bottom: 2px;
}

.rightimagecaption p{
	font-size: 90%; 
	font-style: italic;
	color: #666;
	margin: 0;
}
/* -- End Content -- */

/* -- Main Content -- */
#maincontent{
	float: left;
	width: 480px;
}
.post img{
	border: 1px solid #ffe287;
}
.category-description{
	font-size: 1.2em;
	margin-bottom: 40px;
}
a.entry-button{
	display: block;
	padding: 10px;
	text-align: center;
	border: 1px solid #ffe287;
	font-weight: bold;
	width: 30%;
	margin: 20px auto;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	text-decoration: none;
	font-size: 1.3em;
	background: #fffccc;
}
a.entry-button:hover{
	border: 1px solid #f0c461;
	background: #ffed89;
}
/* -- End Main Content -- */


/* -- Wide Content -- */
#widecontent{
	margin-bottom: 25px;
}
/* -- End Wide Content -- */


/* -- Sidebar -- */
#side{
	float: right;
	font-size: 90%;
	width: 232px;
}
#sidebar{
	border: 1px solid #ffe287;
	padding: 10px;
	margin-bottom: 10px;
	background: #fffccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#sidebar .widget{
	/*border: 1px solid #000;
	padding: 5px;*/
	margin: 0 0 10px 0;
}
#sidebar p{
	color: #717171;
}
#sidebar ul{
	margin-bottom: 5px;
}
#sidebar li{
	list-style-type: square;
}
#sidebar a{
	color: #717171;
	text-decoration: underline;
}
#sidebar a:hover{
	color: #111;
}
#sidebar img.alignnone{
	border: 1px solid #ffe287;
}
#sidebar img.alignleft,
#sidebar img.attachment-postage-stamp{
	border: 1px solid #ffe287;
	margin: 3px 5px 3px 0;
	float: left;
}
#sidebar ul.postlist{
	margin-left: 0;
}
#sidebar ul.postlist li{
	list-style-type: none;
}
#sidebar .widget h3 a,
#bottombar .widget h3 a{
	color: #e93e37;
	text-decoration: none;
}
#sidebar .widget h3 a:hover,
#bottombar .widget h3 a:hover{
	color: #a80005;
}
#sidebar .widget h4 a,
#bottombar .widget h4 a{
	color: #333;
}
#sidebar .widget h4 a:hover,
#bottombar .widget h4 a:hover{
	color: #a80005;
}
#sidebar-chef{
	border: 1px solid #003a99;
	padding: 10px;
	margin-bottom: 10px;
	background: #008cee url(images/bg-blurb.png) top repeat-x;
	color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#sidebar-chef h3{
	color: #fff;
}
#sidebar-chef img.alignleft{
	border: 1px solid #003a99;
	margin: 0 10px 5px 0;
}
#common-top{
	margin-bottom: 10px;
}
#bottombar{
	font-size: 90%;
	border: 1px solid #ff9900;
	background: #ffd51d url(images/bg-bottombar.png) top center repeat-x;
	padding: 8px 10px 12px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#bottombar .widget{
	width: 230px;
	float: left;
	margin: 0 10px;
}
#bottombar .widget a img{
	border: 1px solid #ff9900;
}
#bottombar .widget ul{
	display: block;
	border-top: 1px solid #ff9900;
	border-bottom:  1px solid  #fff777;
	color: #333;
	margin: 0;
}
#bottombar .widget li{
	border-top: 1px solid #fff777;
	border-bottom:  1px solid #ff9900;
}
#bottombar .widget li a{
	display: block;
	color: #333;
	padding: 7px 0 7px 1.5em;
	text-decoration: none;
	background: url(images/bullet-square-333.png) 3px center no-repeat;
}
#bottombar .featured{
	border: 1px solid #ff9900;
}
#bottombar .featuredimage{
	background: #fffddd;
	/*padding: 17px 30px;*/
}
#bottombar .featuredimage a img{
	border: none;
}
#bottombar .featuredname{
	background: #d71920;
	text-align: center;
	padding: 4px 0;
}
#bottombar .featuredname a{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

/* -- End Sidebar -- */

/* -- Contact Form --

.contactform{
	border: 1px solid #ddd;
	background: #f5f5f5;
	padding: 20px 10px;
}

#wpcf label {
	clear: both;
	display: block;
	float: left;
	width: 150px;
	font-size: 90%;
	font-weight: bold;
	text-align: right;
	padding: 3px 10px 3px 0;
}
#wpcf label.msglabel{
	margin: 10px 0 5px 0;
	text-align: left;
}
#wpcf input {
	float: left;
	width: 278px;
	margin: 2px 5px 2px 0;
}
#wpcf textarea {
	width: 440px;
	height: 200px;
	margin: 0 5px 10px 0;
	border: 1px solid #c3c3c3;
}
#wpcf .inputstyle1{
	border-top: 1px solid #7c7c7c;
	border-right: 1px solid #c3c3c3;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #c3c3c3;
	padding: 2px;
	background: #fff url(images/bg_input.png) top repeat-x;
}
#wpcf #contactsubmit {
	margin-left: 350px;
	width: 100px;
}
#wpcf .required{
	color: #f00;
}
 -- End Contact Form --*/

/* -- Submit Form --*/

.mmmf form{
	border: 1px solid #ddd;
	background: #f5f5f5;
	padding: 20px 10px;
	font-size: 90%;
}
.mmmf table{
	width: 450px;
}
.mmmf th {
	vertical-align: top;
	text-align: right;
	width: 150px;
	font-weight: normal;
	position: relative;
}
.mmmf label{
	font-weight: bold;
}
.mmmf th label{
	position: relative;
	top: 3px;
}
.mmmf p{
	margin-bottom: 0;
}
.required{
	color: #f00;
}
.mmmf input,
.mmmf select{
	margin: 2px 0px 5px 0px;
}
.mmmf-form-control-wrap{
	white-space: nowrap;
}
.mmmf textarea{
	width: 100%;
}

/*.mmf form label,
.contactform form label {
	clear: both;
	display: block;
	float: left;
	width: 150px;
	font-size: 90%;
	font-weight: bold;
	text-align: right;
	padding: 3px 10px 3px 0;
}
.mmf form p,
.contactform form p{
	font-size: 90%;
	clear: both;
}
.mmf form p.nolabel{
	position: relative;
	top: -10px;
	padding-left: 160px;
}
.mmf form legend,
.contactform form legend{
	font-weight: bold;
	font-size: 90%;
}
.mmf form label.msglabel,
.contactform form label.msglabel{
	margin: 10px 0 5px 0;
	text-align: left;
}
.mmf form p.msgp{
	margin: 0 0 0.5em 0;
}
.mmf form p.msgp label{
	float: none;
	margin: 0;
	padding: 0;
	display: inline;
}

.mmf form input,
.contactform form input {
	float: left;
	margin: 2px 5px 2px 0;
}
.mmf form textarea,
.contactform form textarea {
	width: 440px;
	margin: 0 5px 10px 0;
	border: 1px solid #c3c3c3;
}
.mmf form .inputstyle1,
.contactform form .inputstyle1{
	border-top: 1px solid #7c7c7c;
	border-right: 1px solid #c3c3c3;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #c3c3c3;
	padding: 2px;
	background: #fff url(images/bg_input.png) top repeat-x;
}
.mmf form #contactsubmit,
.contactform form #contactsubmit {
	margin-left: 350px;
	width: 100px;
}
.mmf form input.contactsubmit,
.contactform form input.contactsubmit {
	width: 100px;
}
*/
/* -- End Contact Form --*/

/* -- Gravity Forms Overrides -- */

.gform_wrapper{ overflow:auto;  margin:10px 0;  max-width:600px;
	border: 1px solid #ddd;
	background: #f5f5f5;
	padding: 10px;
	font-size: 90%;
}
.gform_wrapper .left_label .gfield_label{ float:left;  margin:2px 15px 0 0;  width:24%;  font-weight:bold}
.gform_wrapper .right_label .gfield_label{ float:left;  margin:2px 15px 0 0;  width:24%;  font-weight:bold;  text-align:right}
.gform_wrapper .right_label .gfield_description, .gform_wrapper .left_label .gfield_description, .gform_wrapper .left_label .instruction, .gform_wrapper .right_label .instruction{ margin-left:24%;  padding-left:15px}
.gform_wrapper .gfield_error{ border-style: solid;}
.gform_wrapper .left_label #recaptcha_area, #recaptcha_table, .gform_wrapper .right_label #recaptcha_area, #recaptcha_table {margin-left:26%;}
.gform_wrapper .left_label .ginput_complex .ginput_right label, .gform_wrapper .left_label .ginput_complex .ginput_left label, .gform_wrapper .right_label .ginput_complex .ginput_right label, .gform_wrapper .right_label .ginput_complex .ginput_left label {word-spacing: normal;}
.gform_wrapper .ginput_complex label, .gform_wrapper .gfield_time_hour label, .gform_wrapper .gfield_time_minute label, .gform_wrapper .gfield_date_month label, .gform_wrapper .gfield_date_day label, .gform_wrapper .gfield_date_year label, .gform_wrapper .instruction { letter-spacing: normal;}

.ginput_left,
.ginput_right{height: 43px;}
#input_1_3_1_container,
#input_1_3_2_container,
#input_2_3_1_container,
#input_2_3_2_container {min-height: 33px;}
.ginput_container,
.ginput_left,
.ginput_right,
.ginput_full {padding: 1px;}

.ginput_container textarea{padding: 3px;}
.ginput_container textarea,
.ginput_container input,
.ginput_left input,
.ginput_right input,
.ginput_full input{border: 1px solid #bbb;}

.ginput_container textarea:focus,
.ginput_container input:focus,
.ginput_left input:focus,
.ginput_right input:focus,
.ginput_full input:focus{border: 2px solid #81adde; margin: -1px;}
.gfield_label .gfield_required{color: #f00; position: absolute;}

.gform_wrapper .description, .gform_wrapper .gfield_description, .gform_wrapper .gsection_description,.gform_wrapper .instruction { padding: 3px 0 8px 0; line-height:150%; clear:both; /*font-family:verdana,sans-serif;*/ letter-spacing:normal; font-size: 1em; font-style: normal; font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Tahoma, Arial, sans-serif;}

.gform_wrapper .gsection {margin-top: 20px;}

#gforms_confirmation_message{background-color:#fffac6; border:1px solid #feda70; margin-top:10px; margin-bottom:10px; padding:20px; font-size:14px; color:#252525; text-align:center}

#field_1_4 .instruction,
#field_2_24 .instruction{
	display: none;
}

/*.gfield {position:relative;}
#field_2_4 .ginput_container,
#field_2_6 .ginput_container,
#field_2_9 .ginput_container,
#field_2_10 .ginput_container,
#field_2_21 .ginput_container {margin-top: 22px;}
#field_2_4 .gfield_description,
#field_2_6 .gfield_description,
#field_2_9 .gfield_description,
#field_2_10 .gfield_description,
#field_2_21 .gfield_description {position:absolute; top:22px;}

li#field_6 .ginput_container {margin-top:30px;}
li#field_6 .gfield_description {position:absolute; top:30px;}
li#field_10 .ginput_container, li#field_11 .ginput_container {margin-top:50px;}
li#field_10 .gfield_description, li#field_11 .gfield_description {position:absolute; top:30px;}
li#field_16 .ginput_container, li#field_17 .ginput_container {margin-top:78px;}
li#field_16 .gfield_description, li#field_17 .gfield_description, li#field_18 .gfield_description {position:absolute; top:30px;}
li#field_18 .ginput_container {margin-top:58px;}
li#field_18 .gfield_description {position:absolute; top:50px;}
li#field_24 .ginput_container {margin-top:58px;}
li#field_24 .gfield_description {position:absolute; top:30px;}
li#field_25 .ginput_container {margin-top:58px;}
li#field_25 .gfield_description {position:absolute; top:30px;}
*/


/* -- End Gravity Forms Overrides -- */

.success{
	border: 1px solid #ddd;
	background: #f5f5f5;
	padding: 20px 10px;
	text-align: center;
	font-weight: bold;
	color: #479317;
}
.success p{
	margin: 0;
}
/* -- Footer -- */
#footer{
	text-align: center;
	color: #999;
	font-size: 90%;
}
#footerinner{
	width: 780px;
	margin: 0 auto;
	
}
#footer a{
	color: #999;
	text-decoration: underline;
}
#footer a:hover{
	color: #333;
}
/* -- End Footer -- */
.hidden{
	display: none;
}
#captchawrapper{
	overflow: auto;
}
#captchaimage{
	float: left;
}
#captchaimage img{
	border: none;
}
#captcharefresh{
	float: left;
	margin: 5px 0 0 20px;
}
#captcharefresh img{
	border: none;
}