/*
Theme Name: Carried Away
Theme URI: http://carriedawayfoods.com
Description: Theme created for Carried Away Foods.
Version: 1.0
Author: Brandon Sorg
Author URI: http://brandonsorg.com
*/

/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { 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:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */


/* MAIN / LAYOUT
----------------------------------------------- */
body {
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	background-color: #fff;
	color: #000;
	font-size: 11.5px;
	line-height: 14px;
	}

#container { width: 800px; height: 600px; margin: 50px auto;
	position: relative; /* helps with positioning of elements within and z-index */ }

#content {  }

#footer { position: absolute; top: 572px; left: 148px; }
#footer p { display: inline; }
#footer p.email {  }

/* extends footer for longer pages */
#affiliates #footer, #press #footer, #blog #footer { position: static; margin: 20px auto 25px auto; width: 530px; }

.border { border: 1px solid white; /* what's going on here? */ }

/* NAVIGATION
----------------------------------------------- */
ul.nav {
	list-style-type: none; width: 460px; line-height: 30px;
	height: 30px; /* setting height after fixes ie and opera */ /* used line-height instead of height for js hover-up to work properly */
	background: url(lib/imgs/navBar.png) no-repeat center 18px; text-align: center; 
	position: absolute; bottom: 540px; right: 22px; /* had to position from bottom to make js hover-up work properly was 32px */
}
ul.nav li { line-height: 0px; position: relative; display: inline; margin: 0 13px 0 0; }
ul.nav li:last-child { margin-right: 0px; } /*centers in perfectly... no support on ie7 for last-child */

/* HEADERS
----------------------------------------------- */
h1 a { /* for image replacement */
	text-indent: -5000px;
	background: url(lib/imgs/mainLogo.png) no-repeat;
	width: 256px; height: 179px; display: block;
	position: absolute; top: 18px; left: 25px; /* if need more control */
	z-index: 10;
}
h1 a:active { position: absolute; top: 20px; left: 25px; } /* gives click feel */

/* set at some point? */
h1 {  }
h2 { font-size: 14px; color: #654d77; }
h3 {  }
h4 {  }




/* LINKS
----------------------------------------------- */
a { color: #c7863b; text-decoration: none; } /* was #fcb564 from birds wing and designs */
a:hover { color: #654d77; text-decoration: none; }

/* disables links with no url - using jquery as well - affiliates and press page */
a.disableLink { cursor: default !important; color: #777 !important; }
a.disablelink:hover { color: #777 !important; }

/* TYPOGRAPHY / STYLING
----------------------------------------------- */

/* PARAGRAPHS */
p { margin: 0 0 20px 0; }


/* INDIVIDUAL PAGES
----------------------------------------------- */
div.pageImage img { position: absolute; }
div.pageText { position: absolute; width: 400px; }

/* HOME */
#home .pageImage { top: 160px; left: 140px; position: absolute; }
	#home .pageImage img.over { z-index: 1; }
	#home .pageImage span.under img { top: 35px; left: 55px; z-index: 0; width: 495px; height: 315px;  }

/* ABOUT */
#about .pageImage { top: 195px; left: 8px; position: absolute; }
	#about .pageImage img { z-index: 10; position: absolute; }
	img.over { z-index: 15; }
	#about .pageImage span.under img { top: 32px; left: 25px; z-index: 0; width: 235px; height: 285px; position: absolute;  }
	img.magicfields { z-index: 0 !important; }
#about .pageText { width: 405px; bottom: 60px; left: 345px; position: absolute; }

/* CATERING */
#catering .pageImage { top: 214px; left: 10px; position: absolute; }
	#catering .pageImage img { z-index: 1; }
	#catering .pageImage span.under img { top: 20px; left: 23px; z-index: 0; width: 270px; height: 205px; }
#catering .pageText { top: 100px; left: 363px; }
	a#catering-download { font-size: 14px; font-weight: bold; position: relative; bottom: 13px; }
#catering p { margin: 0 0 10px 0; }
#catering .cateringContact { width: 400px; margin-top: 20px; } /* holds contact form */
#catering .cateringContact p { margin: 0 0 5px 0; font-size: 11px; font-weight: bold; }

/* MONTHLY-MENU */
#monthly-menu .pageImage { top: 200px; left: 8px; position: absolute; }
	#monthly-menu .pageImage img { z-index: 1; }
	#monthly-menu .pageImage span.under img { top: 33px; left: 28px; z-index: 0; width: 315px; height: 235px; }
#monthly-menu .pageText { top: 230px; left: 395px; width: 340px; }
	a#monthlyMenu-download { font-size: 14px; font-weight: bold; position: relative; bottom: 45px; }
#wp_email_capture { margin: 20px 0 0 0; }
#wp_email_capture label { font-size: 11px; font-weight: bold; margin: 0 0 10px 0; }
#wp_email_capture input { width: 200px; margin: 0 0 10px 0; }
.wp-email-capture-submit { height: 20px; width: 40px !important; text-align: center; background-color: #fcb564; border: none; cursor: pointer; color: #654d77; }
.wp-email-capture-submit:hover { background-color: #f89018; }

/* PRESS */
#press #pressWrapper { margin: 210px 0 20px 10px; }
	#pressWrapper .pressGroup { float: left; width: 370px; min-height: 120px; /* no IE6 min-height */ margin: 5px 0 10px 15px; }
	.pressLine { display: block; margin-bottom: 4px; }
#press p { line-height: 16px; }
#press #content img { padding: 0 0 6px 0; }
#press .imgFloat { float: left; margin: 0 10px 0 0; }

/* AFFILIATES */
#affiliates .linkHolder { margin-top: 220px; }
#affiliates .linkCategory { float: left; display: inline; width: 175px; margin: 0 20px 0 0; }
#affiliates .linkHolder h2 { margin: 0 0 10px 0; }
#affiliates .linkHolder ul { line-height: 14px; }
#affiliates .linkHolder ul li { margin: 0 0 4px 0; text-indent: -10px; padding-left: 10px; }
	/* links */
	#affiliates a { color: #111; text-decoration: none; }
	#affiliates a:hover { color: #a6a237; text-decoration: none; }
		#linkcat-5 { width: 150px; } /* forces this categories title to break lines at better place for appearance */

/* BLOG */
#blog .pageText { margin: 210px 0 0 40px; width: 700px; position: static; min-height: 350px; }
#blog .blogPost { border-bottom: 1px solid #ddd; padding: 25px 0 10px 0; }
#blog h2 { font-size: 19px; line-height: 20px; /* margin: 0 0 10px 0; */   } /* post title - uses general h2 */
#blog div.posted { font-size: 11px; color: #555; margin: 3px 0 12px 0; } /* date & time */
#blog div.theContent { font-size: 13px; line-height: 18px; margin: 0 0 8px 0; } /* the content */
#blog #prevNext { margin: 10px 0 10px 0; }
	/* images */
	#blog .alignleft { float: left; padding: 10px 15px 10px 0; }
	#blog .alignright { float: right; padding: 10px 0 15px 10px; }
	#blog .aligncenter, #blog .alignnone { padding: 10px }

	
/* CONTACT */
#contact .pageImage { top: 200px; left: 10px; position: absolute; }
	#contact .pageImage img	{ z-index: 1; }
	#contact .pageImage span.under img { top: 22px; left: 24px; z-index: 0; width: 315px; height: 215px; }
#contact .pageText { top: 110px; left: 391px; }
#contact p { margin: 0 0 12px 0; }
#contact .generalContact { width: 370px; margin-top: 20px; } /* holds contact form */
#contact .generalContact p { margin: 0 0 7px 0; font-size: 11px; font-weight: bold; }


/*contact forms - catering & contact */
.wpcf7-form-control-wrap { float: right; clear: both; }
textarea, input { border: 1px solid #888; padding: 1px; font-size: 11px; font-family: "Trebuchet MS"; outline: none; /* for safari */ }
textarea:focus, input:focus { border: 2px solid #fcb564; padding: 0px; }
textarea { resize: none; } /* disables safari resizing */
input.send-button { height: 22px; width: 35px; text-align: center; background-color: #fcb564; border: none; cursor: pointer; color: #654d77; }
.your-email input { width: 275px; }
.comments textarea { width: 275px; } 
.wpcf7-validation-errors, .wpcf7-mail-sent-ok { position: absolute; bottom: -4px; left: 30px; width: 400px; margin: 0px; padding: 0px; border: none !important; font-size: 11px; }
.wpcf7-mail-sent-ok { color: #fcb564; }
.wpcf7-validation-errors { color: red; }
.wpcf7-not-valid-tip { display: none !important; } /* hides error above email box, since the other validation note is enough */
	/* below sets dimensions for input fields (also set by plugin, this is fine-tuning */
		/* only for catering */
		.name input, .phone input { width: 275px; }
		.event-date input { width: 150px; }
		.event-type textarea { width: 275px; }
		.number-of-guests input { width: 35px;  }
		/* only for general contact */
		#contact .generalContact .your-email input, #contact .generalContact .name input { width: 250px; }
		#contact .generalContact .comments textarea { width: 250px; height: 100px; overflow: none; }

/* clearfix for contact fields */
#catering .cateringContact p:after, #contact .generalContact p:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html #catering .cateringContact p, #contact .generalContact p { zoom: 1; } /* IE6 */
*:first-child+html #catering .cateringContact p, #contact .generalContact p { zoom: 1; } /* IE7 */

/* email signup pages */
.mailMsg { position: absolute; top: 225px; left: 340px; width: 350px; }

/* MISC
----------------------------------------------- */

a:focus, a:hover, a:active { outline:none }  /* fixed ff outlining on links */
textarea { overflow:auto; } /* removes scrollbars for ie */

#easyTooltip{ /* js for tooltips */
	padding:4px; border:2px solid #fcb564;
	background:#fff; color: #555; font-size: 11px;
	
	-webkit-box-shadow: 0px 0px 5px #888;
	-moz-box-shadow: 0px 0px 5px #888;
	box-shadow: 0px 0px 5px #888;
	}

.error404 .errorBox { position: absolute; top: 220px; left: 400px; }

#credit { position: absolute; top: 600px; width: 800px; margin: 0 auto; text-align: center; font-size: 10px; }

/* CLASSES
----------------------------------------------- */
.floatLeft { float: left; }
.floatRight {float: right; }

.hidden { display: none; }
.clear { clear: both; height: 0px !important; }

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}