/*
Theme Name: Charmington's
Description: 
Author: Kate Lawless
Author URI: 

*/


/******RESET STYLES*********/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
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;
}

/* #Grid================================================== */

.container{overflow: hidden; zoom: 1;}

/*.showgrid{background:url(../images/grid-30x880.png);}*/
	
.row {float:left; margin-right:20px;}
	
.last, #sidebar-about .index-4 {margin-right:0;}

 /*(grid-1 x 2) + 1 margin */

.grid-1 {width:60px;}
.grid-2 {width:140px;}  /*(grid-1 x 2) + 1 margin */
.grid-25{width:160px;}
.grid-3 {width:220px;}  /*(grid-1 x 3) + 2 margin */
.grid-4 {width:300px;}  /*(grid-1 x 4) + 3 margin */
.grid-5 {width:380px;}  /*(grid-1 x 5) + 4 margin */
.grid-6 {width:460px;}  /*(grid-1 x 6) + 5 margin */
.grid-7 {width:540px;}  /*(grid-1 x 7) + 6 margin */
.grid-8 {width:620px;}  /*(grid-1 x 8) + 7 margin */
.grid-9 {width:700px;}  /*(grid-1 x 9) + 8 margin */
.grid-10 {width:780px;} /*(grid-1 x 10) + 9 margin */
.grid-11 {width:860px;} /*(grid-1 x 11) + 10 margin */
.grid-12 {width:940px; margin-right:0;} /*(grid-1 x 12) + 11 margin */

/*--use these to push content to the right--*/
.push-1{margin-left:80px;}
.push-2{margin-left:160px;}
.push-3{margin-left:240px;}
.push-4{margin-left:320px;}
.push-5{margin-left:480px;}
.push-6{margin-left:560px;}
.push-7{margin-left:640px;}
.push-8{margin-left:720px;}
.push-9{margin-left:880px;}
.push-10{margin-left:960px;}



/* DESIGN================================================== */

/* Positioning  ----------------------------------------------------------------- */

body{
	background-image:url(images/floor5.png);
	}
#maincontainer{
	width: 940px;
	padding: 10px 30px 10px 30px;
	background-color: #FFF;
	margin: 0 auto;
	-webkit-box-shadow: 0 0 15px 15px rgba(51, 26, 0, .6);
	-moz-box-shadow: 0 0 15px 15px rgba(51, 26, 0, .6);
	box-shadow: 0 0 15px 15px rgba(51, 26, 0, .6);
	}
.row{
	margin-top: 20px;
	margin-bottom: 20px;
	}
.alignleft {
	float: left;
	display: inline;
	margin-right: 20px;	
}
.alignright { 
	float: right;
	display: inline;
	margin-left: 20px;	
}

/* Header Styles------------------------*/

header img{
	float: left;
	margin-right: 20px;
	padding-top: 5px;
	}
header a:hover.homelink, header a:active.homelink {
	text-decoration: none;	
}
a.pgtitle{ font-color: #000000; }

nav{
	border-top: 1px dotted #333;
	border-bottom: 1px dotted #333;
	/*border-bottom: 2px solid #333;*/
	margin-bottom: 20px;
	}
.nav{
	text-align: center; 
	margin-bottom: 0;
	/*text-shadow: -2px -1px 1px #EBEBEB;
	filter: dropshadow(color=#EBEBEB, offx=-2, offy=-1);*/
	} 
	/* to center align nav*/


/*Meta Information (header/footer/etc)--*/

.meta {
	font-size: 8pt;
	font-family: Ubuntu, sans-serif;
	}
.meta p{
	font-size: 8pt;
	font-family: Ubuntu, sans-serif;
	margin-bottom: 10px;
	}
.meta strong{
	font-size: 8pt;	
	font-family: Ubuntu, sans-serif;
	font-weight: 700;
	}

/*Footer-------------------------------*/
/*.footer p{
	text-align: center;
	}*/
footer{
	border-top: 1px dotted #333;
	}


/*Fix for header location ------------- */

.rightloc{
	width: 115px;
	padding-top: 6px;
	}
.leftloc{
	width: 120px;
	/* margin-left: -30px; */
	padding-top: 6px;
	}



/* Typography ------------------------------------------------------------------ */

h1{
	font-family: 'Oswald', sans-serif;
	font-size: 75px;
	color: #000000;
	}	
h2{
	font-family: 'Oswald', sans-serif;
	font-size: 25px;
	margin-bottom: 15px;
	}	
h3{
	font-family: 'Oswald', sans-serif;
	font-size: 16px;
	margin-bottom: 7px;
	line-height: 125%;
	}	
h4{
	font-family: 'Oswald', sans-serif;
	font-size: 20px;
	margin-bottom: 5px;
	}
h5{
	font-family: 'Ubuntu', serif;
	font-size: 10px;
	line-height: 125%;
	margin-bottom: 15px;
	}
p, ol, span{
	font-family: 'Lora', serif;
	font-size: 13px;
	line-height: 135%;
	margin: 0 0 15px 0;
	}	
ul{
	margin-bottom: 15px;
	}
ul, li{
	list-style-type: circle;
	font-family: 'Lora', serif;
	font-size: 13px;
	margin-left: 10px;
	line-height: 120%;
	}
a:link, a:visited {
	text-decoration: none; 
	color: #E56717;
	}
a:hover, a:active {
	text-decoration: underline;
	}
table {
	font-family: 'Lora', serif;
	font-size: 13px;
	}
td {
	vertical-align: top;
	padding: 10px;
	}
strong{
	font-family: Lora, serif;
	font-weight: 700;
	font-size: 13px;
	}
blockquote{
	margin: 0 25px 0 25px;
	}

::-moz-selection {
background: #E56717;
color: #FFF;
}/* Firefox - Keep separate from "::selection" */
 
::selection {
background: #E56717;
color: #FFF;
}

em { font-style: italic; }

/* #15317E; */


/* Fixes ------------------------------------------------------------------------ */

/* For news blog entries ---------------------------

.news{
	margin: 0 0 5px 0;
}*/

/* For menu-page column headings with images -----------*/

.center {
	display: block;
	margin-left: auto;
 	margin-right: auto;
   	text-align: center;
	margin-top: 10px;
	margin-bottom: 20px;
}
.coffee {
	background: url(images/coffee.png) no-repeat center 55px;	
}
.eats {
	background: url(images/eats.png) no-repeat center 55px;	
}
.menu .coffee h2 {
	margin-bottom: 95px;
}
.menu .eats h2 { 
	margin-bottom: 75px;
}
.menu em {
	font-style: italic;	
}
.menu small {
	font-size: 0.8em;
    font-family: Ubuntu;
}
.menu h3 {
	border-bottom: 1px dotted #333;
	padding-bottom: 6px;	
	margin-bottom: 12px;
}
.menu ul {
	list-style-type: none;	
	margin: 0;
}
.menu li {
	margin: 0 0 15px 0;	
	list-style-type: none;
	line-height: 135%;
}
.menu .coffee ul {
	margin: 0 0 15px 0;	
}
.menu .coffee li {
	margin: 0;	
}
.menu .add-ons li {
	margin: 3px 0;	
}
.menu ul ul {
	margin: 3px 6px;
}
.menu ul ul li {
	margin: 0
}
.section {
	margin-bottom: 30px;	
}
.grabngo {
	border: 1px dotted #E56725;
 	padding: 20px 20px 10px;
 	font-style: italic;
}
.grabngo h3 {
	border-bottom: none;
	margin-bottom: 5px;
	color: #E56725;
}

/*For menu-page heading descriptions----------------*/

.special{
	font-size: 11px;
	margin-bottom: 0;
	}


/*For Menu Info---------------------------------*/
.ctrtxt{
	text-align: center;
	}

/*Sleeve Poll Page-----------------*/
.poll .wp-polls-ul {
	margin-top: 12px;
	margin-left: 0;	
}
.poll .wp-polls ul li, .wp-polls-ul li, .wp-polls-ans ul li {
	margin: 10px 0;
}
.poll .wp-polls .Buttons {
	border: 2px solid #EC9162;
	background-color: #E56725;
	color: #fff;
	padding: 5px;
	font-size: 14px;
	font-weight: bold;
	margin: 10px 0 3px;
}
.poll .wp-polls .Buttons:hover {
	background-color: #EC8E5D;
}
#polls-3 {
	font-size: 1.5em;	
}
.poll h3 {
	margin-top: 25px;
}

/* For Javascript Image Gallery/Slider?????----------------*/
.sidebar {list-style-type: none;}
.sidebar ul{list-style-type: none;}
.sidebar ul li{list-style-type: none;}
.sidebar ul li ul{list-style-type: none;}
.sidebar h3{list-style-type: none;}


/* For News Section on Homepage ------------------*/

.news ul {
	list-style-type: none; 
	margin-left: 0;
}
.news li {
	list-style-type: none; 
	margin: 0 0 1em 0; 
	border-bottom: 1px dotted #333;
}
.news small {
	display: block;
	font-size: .8em;
	margin-bottom: .5em;
	font-family: Ubuntu, sans-serif;
	color: #888;
}
a.more-link {
	display: inline;
}
/*For Archive page---------------*/

.archive .attachment-thumbnail {
	float: left; 
	display: inline;
	margin-right: 20px;	
}
.archive small {
	font-size: .7em;
    margin-bottom: 1em;
    font-family: Ubuntu, sans-serif;
    display: inline-block;
    color: #888;
}	
.archivepost {
	overflow: hidden;
	margin-bottom: 1.5em;
	padding-bottom: 1.5em;
	border-bottom: 1px dotted #333;	
}

/*For featured items on home page-----------------*/
#featureditems {margin-right: 0;}
/*Took out .index-4 from this, as it doesn't seem to appear in any of the .php files - 11/1/12, KJL */

/*For blog page, to create space between entries*/
.space{margin-bottom: 30px;
	}
.blog img {
	margin-bottom: 20px;	
}
	
/*Social Media Images----------------*/
.social{
	margin: 0 5px 0 0;
	}

/*For the POS image slider-----------*/
.counter {
	display:none;
	}

.ngg-imagebrowser img {
	border: 0;}

#gallery-1 {
	margin: 0 auto 50px;
	font-family: Ubuntu, sans-serif;
	font-size: 0.8em;
	line-height: 1.2em;
}