/* 
Title:		NakedPizza screen-layout styles
Author: 	Weston McWhorter Design | studio@westonmchorter.com
Updated:	Aug 2010
*/

@import url("navigation.css"); 
@import url("links.css");
@import url("forms.css");
@import url("2-col-layout.css");
@import url("3-col-layout.css");
@import url("jquery.twitter.css");

/*------------------------
Base Styles
-------------------------*/
body {
	font-family: "Cabin", "Lucida Grande", sans-serif;
	color: #666;
	font-size: 0.8125em;
	text-align: left;
	background: #80c342 url('../images/ui/background-tiler.png');
}
h1 {
	color: #00512f;
	font-weight: bold;
	font-size: 18pt;
	margin-bottom: 10px;
	font-style: italic;
}
h2 {
	color: #00853f;
	font-weight: bold;
	font-size: 16pt;
	margin-bottom: 10px;
}
h3 {
	color: #80c342;
	font-weight: normal;
	font-size: 14pt;
	margin-bottom: 5px;
}
h4 {
	color: #72cdf4;
	font-weight: bold;
	font-size: 12pt;
}
h5 {
	color: #f47b20;
	font-weight: bold;
	font-size: 10pt;
}
p {
	font-size: 1em;
	line-height: 1.5em;
	padding: 0 0 1em 0;
}
ul {
	margin:0;
	padding:0;
	width:auto;
	float:left;
}
ul li {
	list-style:none;
	padding: 0 0 5px 0;
}
ol {
	margin:0;
	padding:0;
}
ol li {
	padding: 0 0 5px 0;
}
img {
	border:none;
}
.topdiv {
	width:100%;
	float: left;
	border-top: 3px solid #80c342;
	margin-top: 20px;
	padding-top: 10px;
}
.superscript {
	position: relative;
	top: -.7em;
	font-size: 50%;
}

/*------------------------
Container
-------------------------*/
#container {
	width: 960px;
	margin: 0px auto;
	padding: 40px;
	background: #fff;
	overflow: auto;
}

/*------------------------
Head Styles
-------------------------*/
#head {
	width: 960px;
	float:left;
	background-color: #fff;
	padding:10px 0;
	border-top: 3px solid #80c342;
	border-bottom: 3px solid #80c342;
}
#head h1{
	position:absolute;
	top:-999px;
}
#logo {
	width:auto;
	float: left;
	padding-right: 20px;
	border-right: 3px solid #80c342;
}
#headOrder {
	width:auto;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	border-right: 3px solid #80c342;
}
.headOrderNow {
	width:40px;
	height:64px;
	float: left;
	margin-right: 15px;
	background: #EF4130;
	color:#fff;
	font-size: 11pt;
	font-weight:bold;
	padding:6px 15px 10px 5px;
	line-height: 1.1em;
}
#headConnect {
	width:auto;
	height:80px;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	border-right: 3px solid #80c342;
}
.headConnectBlog {
	width:200px;
	height:30px;
	float: left;
	margin-bottom: 5px;
	padding:0 0 5px 0;
	border-bottom: 3px solid #80c342;
}
.headConnectSocial {
	width:60px;
	float: left;
	clear: left;
	font-size: 11pt;
	color:#80c342;
	margin-right: 20px;
	font-style: normal;
}
#headIcons {
	width:auto;
	float: left;
	padding-left: 20px;
}

/*------------------------
Navigation Styles
-------------------------*/
#navigation {
	width:960px;
	height:40px;
	float:left;
}

/*------------------------
General Body Styles
-------------------------*/
#body {
	width: 960px;
	float:left;
	background-color: #fff;
	padding: 10px 0;
}
.sectionHead {
	width:100%;
	height:30px;
	float: left;
	text-align: left;
	color: #A7A9AC;
	font-size: 12pt;
}
.sectionHeadSubText{
	font-weight: normal;
	font-style: normal;
}
.rightmenu ul {
	margin: 20px 0 0 20px;
}
.rightmenu ul li {
	font-size: 8pt;
	list-style: square;
	padding-bottom: 10px;
}
.caption {
	width:100%;
	float: left;
	font-size: 8pt;
	font-style: italic;
	margin-top: 1em;
}
.videoContainer {
	width:150px;
	float:left;
	margin-right: 20px;
}

/*------------------------
Homepage Specific Styles
-------------------------*/
#homeFeaturesAndSpecials {
	width:100%;
	float:left;
	padding-bottom: 10px;
	border-bottom: 3px solid #80c342;
	margin-bottom: 10px;
}
.homeFeatSpecial {
	width:700px;
	float:left;
	margin-top: 20px;
	margin-right: 10px;
	padding-right: 10px;
	border-right: 3px solid #80c342;
}
.homeHotNews{
	width:700px;
	float:left;
	margin-right: 10px;
	padding-right: 10px;
	border-right: 3px solid #80c342;
	color: #f47b20;
}
.homeHotNewsHeadlines{
	width:600px;
	float:left;
}

.homeAltSpecial {
	width:230px;
	float:right;
	margin-top: 20px;
}
.homeAltSpecial h3 {
	color: #f47b20;
	font-weight: bold;
	font-size: 11pt;
	text-transform: uppercase;
}
.homeAltSpecial h4 {
	color: #f47b20;
	font-weight: bold;
	font-size: 16pt;
}
.homeNewsletterSubscribe h3 {
	color: #f47b20;
	font-weight: bold;
	font-size: 11pt;
}
.privacy {
	width:auto;
	float:left;
	font-size: 8pt;
	padding:0;
} 
/*Promo*/


#promo {

}
#promo h2 {
	width:100%;
	float: left;
	padding:20px 0 5px 0;
	margin-bottom: 10px;
	border-bottom: 3px dotted #e5e5e5;
	font-size: 10pt;
	text-transform: uppercase;
	color: #80c342;
}
#promo h3 {
	width:100%;
	float: left;
	font-size: 26pt;
	font-weight: bold;
	color: #00853f;
}
#promo p {
	width:100%;
	float: left; }









#latestNews {
	width:450px;
	float:left;
	padding-right: 20px;
	margin-right: 20px;
	border-right: 3px solid #80c342;
}
#latestNews h2 {
	width:100%;
	float: left;
	padding:20px 0 5px 0;
	margin-bottom: 10px;
	border-bottom: 3px dotted #e5e5e5;
	font-size: 10pt;
	text-transform: uppercase;
	color: #80c342;
}
#latestNews h3 {
	width:100%;
	float: left;
	font-size: 26pt;
	font-weight: bold;
	color: #00853f;
}
#latestNews p {
	width:100%;
	float: left;
}
#otherFeatures {
	width:467px;
	float:left;
}
.homeTwitterFeed {
	width:230px;
	min-height: 174px;
	float:left;
	background:#72cdf4;
	padding:8px;
	margin-top: 10px;
}
.homeTwitterFeed h3 {
	width:100%;
	float: left;
	margin-bottom: 10px;
	font-size: 16pt;
	text-transform: uppercase;
	color: #fff;
}

/*------------------------
Specials Page Styles
-------------------------*/
.special {
	width:100%;
	float:left;
	padding-bottom: 10px;
	border-bottom: 1px solid #efefef;
	margin-bottom: 10px;
}

/*------------------------
Menu Styles
-------------------------*/
h3.menuHeader {
	color: #f47b20;
	font-weight: bold;
	font-size: 21px;
}
p.menuLede{
	width:400px;float:left;font-size:14px;color:#333;
} 
p.menu {
	width:200px;float:left;margin-right:20px;font-size:12px;color:#333;
}





/*------------------------
Locations Styles
-------------------------*/
.openLocation {
	width:120px;
	float:left;
	margin-right: 12px;
	margin-bottom: 10px;
	font-size: 8pt;
}
.comingSoon {
	width:120px;
	float:left;
	margin-right: 12px;
	margin-bottom: 10px;
	font-size: 8pt;
}
.franchiseAwarded {
	width:120px;
	float:left;
	margin-right: 12px;
	margin-bottom: 10px;
	font-size: 8pt;
}
.locationsSidebar{
	width:100%;
	float: left;
	margin-bottom: 10px;
	font-size: 8pt;
}
.locationsSidebar2{
	width:100%;
	float: left;
	margin-bottom: 5px;
	font-size: 8pt;
}
.locationImage{
	width: 300px;
	float: left;
	margin-right: 20px;
}
.locationDetails {
	width: 300px;
	height: auto;
	float: left;
	font-size: 11px;
	margin:0 0 10px 0;
	
}
.locationDetails p {
	vertical-align: bottom;
}

.locationH3{
	width:100%;
	float:left;
	font-weight:bold;font-style:italic;
	padding-top:20px;
	padding-bottom:5px;
	border-bottom:1px solid #e5e5e5;
	margin-bottom:10px;
	}

/*Google Maps */
.infoWindow{
	width:320px;
	}
	
.infoWindow h1{
	margin:0 0 -10px 0;
	padding:0;
	}
	
.infoWindow a:link{
	text-decoration:none;
	}
.infoWindow a:hover{
	text-decoration:underline;
	}
	
.infoWindowImage{
	float:right;
	border:2px solid #CCC;
	padding:4px;
	width:120px;
	margin:18px 0 0 0;
	}


/* hours header */
.hours{
	margin:10px 0 0 0;
	padding:0;
	width:100px;
	font-weight:bold;
	display:block;
	width:150px;
}

.locationHours{
	font-size:.8em;
	line-height: 1.3em;
}

a.moreInfo-map:link{
border:medium none;
color:#f00;
font-size:8pt;
text-decoration:none;
text-transform:uppercase;
margin:10px 0 0 0;
	}

/*------------------------
Press Styles
-------------------------*/
.entry {
	width: 450px;
	float: left;
	clear:both;
	margin-top:20px;
	margin-bottom: 10px;
}
.entry h3 {
	width:100%;
	float:left;
	color: #80c342;
	font-size: 12pt;
	font-weight:bold;
	font-style: italic;
	border-bottom: 3px solid #80c342;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.entry-date {
	font-size: 7pt;
	color: #000;
	font-weight:bold;
	text-transform: uppercase;
	width:auto;
	float:left;
	padding-top: 3px;
}
.prMiniContainer {
	width:100%;
	float: left;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 6px;
	margin-bottom: 3px;
}

/*------------------------
Press Sidebar (flickr specific)
-------------------------*/
.zg_div {
	width:100%;
	float:left;
	border-bottom: 3px solid #80c342;
	padding: 0 0 10px 0;
	overflow: auto;
	margin-bottom: 20px;
}
.zg_div_inner {
	color:#666666;
	font-family:arial, helvetica;
	font-size:11px;
	margin-left: 20px;
}
.zg_div a, .zg_div a:hover, .zg_div a:visited {
	color:#3993ff; 
	background:inherit !important; 
	text-decoration:none !important;
}



/*------------------------
Coupon Styles
-------------------------*/
.coupon {
	width:200px;
	min-height:290px;
	float:left;
	border:2px solid #80c342;
	padding:10px 5px;
	margin-right: 2px;
	margin-bottom: 3px;
}
.price {
	width:200px;
	text-align: center;
	font-size: 50pt;
	font-weight: bold;
	color:#000;
}
.each {
	width:auto;
	position:relative;
	top:-25px;
	left:140px;
	font-weight: bold;
}
.offer {
	width:200px;
	text-align: center;
	font-size: 18pt;
	font-style: normal;
	color:#000;
	text-transform: uppercase;
	line-height: 1em;
}
.disclaimer1 {
	width:200px;
	text-align: center;
	font-size: 8pt;
	font-style: normal;
	color:#999;
	padding-top: 10px;
}
.code {
	width:200px;
	text-align: center;
	font-size: 9pt;
	font-style: normal;
	color:#999;
	text-transform: uppercase;
	padding-top: 5px;
}
.printme {
	width:200px;
	text-align: center;
	font-size: 9pt;
	font-style: normal;
	color:#999;
	padding-top: 10px;
	padding-bottom: 20px;
}
.tinylogo {
	position:relative;
	bottom:0;
	left:0;
	width:100px;
	float:left;
	/* padding-top: 10px; */
}
.disclaimer2 {
	position:relative;
	bottom:0;
	right:0;
	width:auto;
	font-size: 7pt;
	float:right;
}

/*------------------------
NUTRITION Table Styles
-------------------------*/
table {
	background-color: #fff;
	border:1px solid #ddd;
	empty-cells:show;
	font-size:90%;
	margin:0 0 20px 0;
	padding:4px;
	text-align:left;
	width:100%;
}
table caption{
	text-align:left;
	margin:0 0 5px 0;
	padding:0;
}
table thead th{
	border:0;
	border-bottom:1px solid #ddd;
	color:#74B74A;
	padding:3px 0;
	margin:0 0 5px 0;
	text-align:left;
}
table tbody tr.odd{
	background-color: #E1EDC3;
	
}
table tbody tr.even{
	background-color: #fff;
}
table tbody tr:hover{
	background-color:#74B74A;
}
table tbody td{
	color:#4F4129;
	padding:2px;
	border:0;
}
table tfoot {
	border:0;
	border-top:1px solid #DDD;
	color:#4F4129;
	padding:10px;
	margin:10px 0 5px 0;
	text-align:left;
}

.firstCol{width:14%;}

/*------------------------
CAREERS Table Styles
-------------------------*/
#careers table {
	background-color: #fff;
	border:1px solid #ddd;
	empty-cells:show;
	font-size:90%;
	margin:0 0 20px 0;
	padding:4px;
	text-align:left;
	width:100%;
}
#careers table thead th{
	border:0;
	border-bottom:1px solid #ddd;
	background:#80c342;
	color:#fff;
	padding:3px 0;
	margin:0 0 5px 0;
	text-align:left;	
}
#careers table tbody tr.odd{
	background-color: #f8f8f8;
	
}
#careers table tbody tr.even{
	background-color: #fff;
}
#careers table tbody tr:hover{
	background-color:#e5e5e5;
}
#careers table tbody td{
	color:#4F4129;
	padding:4px 2px;
	border:0;
}
.grid_9 p{
	margin-right:2100px;
}
/*------------------------
Foot Styles
-------------------------*/
#foot {
	width: 960px;
	float:left;
	background-color: #fff;
	border-top: 3px solid #e5e5e5;
	padding-top: 10px;
	padding-bottom: 20px;
	margin-top: 20px;
	font-size: 8pt;
}
.footerNav li {
	width:auto;
	float: left;
	padding-right: 5px;
}
.copyright {
	width:auto;
	float:right;
}
.SoMe{
	width:auto;
	float:right;

}
.SoMe li {

	float: left;
	padding-right: 15px;
	padding-top: 20px;
} 

#SoMe{
	width:100%;
	

}
#SoMe  li {
	margin:0  0 0 15px;
	width:auto;
	height:auto;
	display:inline;
	list-style:none;
}

#SoMe ul {
	float:right;
	margin:15px 0 0 0;
} 
#TwitterContainer{
	margin:10px 0 0 0;
	padding:0;
	float:left;
}

.homeTwitterFeed {
	width:258px;
	min-height: 110px;
	background:#72cdf4 url('../images/ui/twit_bird.png') no-repeat right top;
	padding:10px;
	margin: 0;
}

.homeTwitterFeedBottom{
		width:250px;
		height:10px;
		background: url('../images/ui/twitter_a.gif') no-repeat;	
		clear:both;
		background-position:68px 0;
}

.homeTwitterLinkChub:hover{
	background-position:0 -40px;
}
.homeTwitterFeed h2 {
	padding:0;
	border-bottom: 3px dotted #D1EEF6;
	font-size: 10pt;
	text-transform: uppercase;
	color: #FFF;
	width:80%;
	padding-bottom:3px;
} 
.hide{display:none;}

/*  LOCATIONS SIDEBAR    */ 

#store_finder_sidebar, #store_finder_sidebar .locate, #store_finder_sidebar. distance{
	margin:0;
	padding:0;
}

#store_finder_sidebar{width:100%;}

#store_finder_sidebar .locate_field{width:200px;}

#store_finder_sidebar. distance{}