/*

Theme Name: Romies Grocery
Theme URI: http://www.romiesgrocery.com
Description: 'This is the home site of Romie's Grocery restaurant.'
Author: Mike Moran
Author URI: http://www.mike-moran.com
Version: 1.0

*/

html, body, div, span,   
h1, h2, h3, h4, h5, h6, p, blockquote, pre,  
a, abbr, acronym, address, big, cite, code,  
img, ins, kbd, q, s, samp,  
small, strike, strong,   
dl, dt, dd, ol, ul, li,  
fieldset, form, label, legend,  
table, caption, tbody, tfoot, thead, tr, th, td {  
	margin: 0;  
	padding: 0;  
	border: 0;  
	outline: 0;  
	font-size: 100%;  
	vertical-align: baseline;  
	background: transparent;  
}  

@font-face {
    font-family: 'rockwellregular';
    src: url('./fonts/rockwell-webfont.eot');
    src: url('./fonts/rockwell-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/rockwell-webfont.woff') format('woff'),
         url('./fonts/rockwell-webfont.ttf') format('truetype'),
         url('./fonts/rockwell-webfont.svg#rockwellregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'karlaregular';
    src: url('./fonts/karla-regular-webfont.eot');
    src: url('./fonts/karla-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/karla-regular-webfont.woff') format('woff'),
         url('./fonts/karla-regular-webfont.ttf') format('truetype'),
         url('./fonts/karla-regular-webfont.svg#karlaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {  
	line-height: 1;
	font-family: 'karlaregular', "Helvetica Neue", Helvetica, Arial, sans-serif;
}

ol, ul {  
	list-style: none;  
}

blockquote, q {  
	quotes: none;  
}

blockquote:before, blockquote:after,  
q:before, q:after {  
	content: '';  
	content: none;  
}
  
table {  
	border-collapse: collapse;  
	border-spacing: 0;  
}  

/* End Reset */

/* General Styles */

h2, h3 {
 font-family: 'rockwellregular', "Helvetica Neue", Helvetica, Arial, sans-serif;
 font-size: 1.2em;
 font-style: normal;
 color: #fffbf3;
}

h4 {
        font-family: 'rockwellregular', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1em;
	font-weight: bold;
	margin-left: 267px;
}

p {
 font-size: .9em;
 line-height: 20px;
}

a {
 text-decoration: none;
 color: #fffbf3;
}

a:hover {
 text-decoration: underline;
}

/* Main Styles */

body {
 background: #ffffff url(img/bg.gif);
}

/* Header */

#header {
 width: 1022px;
 height: 170px;
 margin: auto;
 position: relative;
}

#header h1 {
 margin-top: 20px;
 background: url(img/logo.png) no-repeat;
 width: 300px;
 height: 110px;
 text-indent: -9999px;
 float: left;
}

#header h1 a {
 width: 300px;
 height: 110px;
 display: block;
}

.current_page_item, .current_page_parent {
 background: url(img/navBG.png) repeat-x;
 padding: 30px 0;
 margin-top: -30px;
}

.pagenav {
 float: right;
 list-style: disc;
 margin-top: 15px;
}

.pagenav li {
 font-size: 1em;
 float: left;
 color: #fffbf3;
 margin-left: 20px;
 padding-left: 5px;
 padding-right: 7px;
}

.pagenav li:first-child {
 list-style: none;
 padding-left: 7px;
}

.pagenav li a {
 font-family: 'rockwellregular', "Helvetica Neue", Helvetica, Arial, sans-serif;
 color: #fffbf3;
}

.pagenav li.bullet {
 padding-left: 10px;
 padding-right: 10px;
}

#header img {
	width:550px;
	float: right;
	margin-top: 25px;
	margin-right: -10px;
}

/* Feature */

#menu {
 position: relative;
}

#mainimg, #menu {
 width: 1022px;
 margin: auto;
}

.topBorder {
 background: url(img/topBorder.gif);
 height: 8px;
}

.bottomBorder {
 background: url(img/bottomBorder.gif);
 height: 8px;
}

/* Home Sidebar */

#homesidebar {
 width: 1022px;
 margin: auto;
}

#homesidebar .widget {
 width: 300px;
 float: left;
 margin-bottom: 30px;
}

#text-8 {
 padding: 0 61px;
}

.widget h2 {
 background: url(img/headerBG.png) repeat-y;
 width: 300px;
 padding: 15px 0 15px 20px;
 margin: 30px 0 20px 0;
 overflow: hidden;
}

.widget h2, p {
 color: #fffbf3;
}

.widget p {
 line-height: 20px;
 margin-bottom: 20px;
}

/* Second Sidebar */

#sidebar2, #sidebar3 {
 float: left;
 padding-right: 42px;
 margin-top: -2px;
}

#sidebarwrap .widget {
 width: 300px;
 margin-bottom: 30px;
}

#sidebar2 .widget h2 {
 background: url(img/headerBG.png) repeat-y;
 width: 300px;
 padding: 15px 0 15px 20px;
 margin: 30px 0 20px 0;
 overflow: hidden;
}

#sidebar2 .widget h2, p {
 color: #fffbf3;
}

#sidebar2 .widget p {
 line-height: 20px;
 margin-bottom: 20px;
}

/* Main */

#main {
 width: 1022px;
 margin: auto;
 background: url(img/verticalBorder.gif) 336px top repeat-y;
 overflow: hidden;
 margin-top: -2px;
}

#primary {
 width: 680px;
 float: right;
 padding-bottom: 30px;
}

#primary div.post-item:first-child, #primary div.odd {
 background: #bf8701;
}

#primary #page_content {
 margin-top: 30px;
 margin-left: 30px;
}

#primary #page_content h2 {
 color: #fffbf3;
 padding-bottom: 8px;
 clear: both;
}

#primary #page_content h2.line {
 border-bottom: 1px solid #E2D4B4;
}

#primary #page_content p {
 line-height: 18px;
 margin-bottom: 20px;
}

#primary #page_content ul {
	float: left;
	width: 700px;
	border-top: 1px solid #BF8701;
	margin-bottom: 20px;
	padding-top: 10px;
	list-style: none;
	display: block;
}

#primary #page_content ul li {
	float: left;
	width: 350px;
	color: #fffbf3;
	font-size: .9em;
	margin: 0;
	padding-bottom: 4px;
	line-height: 15px;
	list-style: none;
}

#primary #page_content ul li.long {
	width: 680px;
	padding-bottom: 7px;
}

#primary #page_content img {
	border: 1px solid #E2D4B4;
}

#primary #page_content span {
 font-style: italic;
}

#primary #page_content blockquote {
 font-style: italic;
 margin-left: 40px;
}

.post-item {
 border: 1px solid #e2d4b4;
 background: #920929;
 overflow: hidden;
 float: right;
 padding: 15px 15px 30px;
 margin-top: 30px;
 width: 615px;
}

.post-item h2 a {
 color: #fffbf3;
}

#primary .post-item h4 {
	margin-top: 20px;
}

.post-item .metaDate {
 margin: 0;
}

.post-item ul {
	width: 340px;
	display: block;
	margin-bottom: 15px;
	margin-left: 267px;
	overflow: hidden;
}

.post-item p {
 line-height: 20px;
 margin-top: 10px;
 padding-bottom: 10px;
 margin-left: 267px;
 position: relative;
 display: block;
}

.post-item ul li {
 float: left;
 width: 170px;
 line-height: 20px;
 color: #fffbf3;
 font-size: .9em;
}

.post-item img {
 width: 250px;
 float: left;
 margin-right: 15px;
 margin-bottom: 10px;
 border: 1px solid #e2d4b4;
}

.post-item .postLines {
 margin-top: 10px;
 margin-right: 0;
 margin-bottom: 0;
 border: none;
 height: 6px;
 width: 345px;
 float: none;
}

a.more-link {
 color: #fffbf3;
}

/* Single Post Page */

.single #primary div:first-child {
 background: none;
}

.single .post-item {
 border: none;
 background: none;
 overflow: hidden;
 float: right;
 padding: 0;
 margin-top: 30px;
 margin-left: 30px;
 width: 650px;
}

.single .post-item .postLines {
 width: 380px;
}

.single .post-item p {
	margin-left: 0;
}

/* Comments Template */

#comments_template {
 clear: both;
 padding-top: 30px;
 margin-left: 30px;
 overflow: hidden;
}

#comments_template a {
 color: #fffbf3;
}

#comments_template input, #comments_template #comment {
 border: none;
 background: #fffbf3;
 margin-right: 10px;
 margin-top: 6px;
 padding: 3px;
}

#comments_template input#submit {
 background-color: #920929;
 padding: 3px 7px 3px 7px;
 font-size: 1em;
 border: none;
 color: #fffbf3;
 float: left;
 font-family: 'karlaregular', "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#comments_template li {
 clear: left;
 border-bottom: 1px solid #e2d4b4;
 padding: 2em 0;
 overflow: hidden; 
}

#comments_template li:first-child {
 border-top: none;
}

#comments_template h3, h4 {
 color: #fffbf3;
 margin-bottom: 10px;
}

#comments_template .avatar {
 float: left;
}

.main_comment {
 color: #5e5e5e;
 margin-left: 133px;
 position: relative;
}

.main_comment h4 a{
 color: #0b486b;
}

.main_comment p {
 margin-bottom: 15px;
}

#comments_template #respond {
 margin-top: 30px;
}

/* Contact Page */

#wpcf7-f1-p127-o1 p{
 color: #fffbf3;
}

#wpcf7-f1-p127-o1 input {
 background: #fffbf3;
 border: 1px solid #7e7e7e;
 padding: 3px 2px;
 font-size: 12px;
 width: 290px;
}

.your-message textarea {
 background: #fffbf3;
 border: 1px solid #7e7e7e;
 padding: 4px 0 4px 2px;
 font-family: helvetica;
 font-size: 12px;
 line-height: 15px;
 letter-spacing: .6px;
}

#contactsubmit input {
 background-color: #920929;
 padding: 3px 7px 3px 7px;
 font-size: 1em;
 border: none;
 color: #fffbf3;
 float: left;
 font-family: 'karlaregular', "Helvetica Neue", Helvetica, Arial, sans-serif;
 width: 55px;
}


/* Footer */

#footer {
 background: url(img/footerBG.gif);
 clear: both;
 padding-bottom: 20px;
}

#footer h1 {
 margin: auto;
 margin-top: 15px;
 margin-bottom: 15px;
 background: url(img/logoSmall.png) no-repeat;
 width: 145px;
 height: 53px;
 text-indent: -9999px;
}

#footer h1 a {
 width: 145px;
 height: 53px;
 display: block;
}

#footer .info {
 font-size: 14px;
}

#footer p {
 white-space: pre;
 text-align: center;
 margin: 15px 0;
 line-height: 20px;
 font-size: 12px;
 }
 
#footer #copyright {
 margin: 0;
}



/* Catering Print */

#print #cateringMenu p {
	line-height: 18px;
	text-align: left;
	margin-bottom: 22px;
}

#print #cateringMenu h2 {
 color: black;
 padding-bottom: 8px;
 clear: both;
}

#print #cateringMenu ul {
	float: left;
	width: 800px;
	border-top: 1px solid black;
	margin-bottom: 22px;
	padding-top: 10px;
	list-style: none;
	display: block;
}

#print #cateringMenu ul li {
	float: left;
	width: 400px;
	color: black;
	font-size: 12px;
	margin: 0;
	padding-bottom: 5px;
	line-height: 15px;
	list-style: none;
}