/*
Theme Name: Floriole Bakery and Cafe
Theme URI: http://www.floriole.com
Description: Delicious.
Version: 0.0.1
Author: Bryan Morrison
Author URI: http://www.bryanmorrison.net
*/

/*
==========================
G L O B A L
==========================
*/

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

body {
	font-family: 'Josefin Slab', 'Chaparral Pro', Garamond, Georgia, serif;
	font-weight: 300;
	font-size: 14.5px;
	color: #333;
	}

a {
	text-decoration: none;
	}	
	
a:link, a:visited {
	color: #6497CB;
	}

a:hover {
	color: #99CAFC !important;
	}

.nav a {
	color: #333;
	}
	
.current_page_item a, .current-menu-item a, #topnav .current_page_ancestor a {
	color: #6497CB;
	}

* { // disables dotted border that appears when you click on something
    -moz-outline-style: none !important;
    outline: none !important;
    }

div#mainbox h2, div#mainbox h3 {
	color: #444;
	font-size: 17px;
	margin-top: 6px;
	margin-bottom: 0.25em;
	font-weight: 500;
	}

h2 {
	text-transform: uppercase;
	letter-spacing: 1px;
	}
	
#torso p {
	margin-top: .6	em;
	line-height: 1.3em;
	}

#mainbox ul {
	list-style: none;
	padding-left: .75em;
	text-indent: -0.75em;
	}

div#mainbox ul li {
	line-height: 1.2em;
	margin-bottom: 4px;
	}

#mainbox li:before {
	content: "-";
	padding-right: 3px;
	}

ul#topnav {
	font-size: 130%;
	}

ul#subnav {
	font-size: 115%;
	list-style: none;
	}

/* ==  F O O T E R == */

table#hours td {
	font-size: 72%;
	text-align: center;
	line-height: 1.6em;
	}

table#hours td#hours-special { 
	color: red;
	font-style: italic;
	border: none;
	font-size: 100%;
	text-align: left;
	padding-top: 2px;
	}

div#credits {
	color: #999;
	font-family: 'Arial Narrow', Arial, sans-serif;
	font-style: italic;
	text-transform: uppercase;
	font-size: 11px; 
	text-align: right; 
	}

/*
-----------------------------------
BORDERS AND BACKGROUNDS
-----------------------------------
*/

body {
	background: #F3F3EC url(http://www.floriole.com/wp-content/themes/floriole-theme/images/bg-body.png);
	background-position: 4px 0;
	}
	
#wrapper {
	background: url(http://www.floriole.com/wp-content/themes/floriole-theme/images/bg-wrapper.png) repeat-y #FFF;
	}
	
div#header {
	background: url(http://www.floriole.com/wp-content/themes/floriole-theme/images/bg-header.png) no-repeat;
	}

ul#topnav {
	border-bottom: 1px solid #BBA386;
	}
	
#torso {
	border-bottom: 1px solid #BBA386;
	}

div#mainbox {
	border: 1px solid #CCC;
	}	
	
li.fade-textwrap {
	border: 1px solid #CCC;
	}

hr {
	width: 100%;
	height: 1px;
	background-color: #DDD;
	margin: 0px auto 11px auto;
	border: none;
	}
	
a img {
	border: none;
	}
	
/* ==  F O O T E R == */
	
#footer {
	background: url(http://www.floriole.com/wp-content/themes/floriole-theme/images/bg-footer.png) no-repeat bottom;
	}

a#footermap img {
	border: 1px solid #DDD;
	}

a#footermap img:hover {
	border: 1px solid #99CAFC;
	}

table#hours {
	border-collapse: collapse;
	}

table#hours td {
	border-left: 1px solid #CCC;
	}

table#hours td.hours-first { 
	border: none;
	}	
	
/*
-----------------------------------
STRUCTURE
-----------------------------------
*/

body {
	margin: 0;
	}

#wrapper {
	width: 897px;
	margin: 34px auto 0 auto;
	padding: 0;
	}
	
div#header {
	padding: 16px 34px 0 34px;
	}

#logo {
	width: 300px;
	}

div#torso {
	height: 452px;
	margin: 0 34px;
	padding: 22px 0;
	}

ul#subnav {
	padding-left: 0;
	text-align: right;
	margin: 0;
	}

ul#topnav {
	text-align: right;
	padding-bottom: 3px;
	margin: -26px 0 6px 0;
	}

ul#topnav li, ul#subnav li {
	display: inline;
	margin-left: 14px;
	}

.lbox {
	float: left;
	}
	
.rbox {
	float: right;
	}

div#mainbox, div#imgbox {
	width: 398px;
	height: 450px;
	}
	
div#mainbox {
	padding: 8px 20px 20px 20px;
	width: 358px;
	overflow: auto;
	}

div#mainbox.no-scroll {
	overflow: hidden;
	}
	
div#mainbox div.scroll-pane {	
	width: 366px;
	}

div#imgbox {
	border: none;
	overflow: hidden;
	padding: 0;
	}

div#imgbox img {
	margin: 0 auto;
	display: block;
	width: 400px;
	height: 452px;
	}

ul.innerfade {
	margin: 0;
	list-style: none;
	padding-left: 0;
	}

img.ornament {
	margin: 10px auto;
	display: block;
	}	
	
p.non_p {
	display: inline !important;
	margin: 0 !important;
	padding: 0 !important;
	}	
	
/* ==  F O O T E R == */

#footer {
	clear: both;
	padding: 10px 34px 8px 34px;
	}

#flbox, #frbox {
	width: 354px;
	padding: 4px 22px 1px 22px;
	}	

#flbox {
	float: left;
	}
	
#frbox {
	float: right;
	}

#flbox p, #frbox p {
	margin: 0 0 1px 0;
	}

p#address-phone {
	margin-bottom: 1px;
	}
	
div#hours-div { 
	display: table-cell; 
	vertical-align: middle;
	height: 55px;
	}

div#hours-div table {
	margin: 6px 0;
	}

div#hours-div div {
	display: inline;
	}

table#hours {
	margin: 0 auto;
	}

table#hours td {
	padding: 0 3px;
	}

table#hours caption {
	text-align: left; 
	margin-bottom: 5px;
	}

p#social, p#copy {
	clear: both;
	text-align: center;
	}

p#social {
	padding: 11px 0 3px 0;
	}

p#copy {
	padding: 2px 0 3px 0;
	display:none;
	}
	
span#copy {
	padding-right: 1px;
	}	

p#social img {
	margin:0 4px 0 3px;
	padding: 0;
	position: relative;
	top: 2px;
	}

div#credits {
	width: 897px;
	margin: 2px auto 34px auto;
	padding-right: 16px;
	}

a.post-edit-link {
	display: none;
	}

/*
==========================
I N D I V I D U A L   P A G E S
==========================
*/
	
/*
-----------------------------------
HOME
-----------------------------------
*/

#pageHome div#mainbox {
	border: none;
	margin-left: 10px;
	margin-right: 10px;
	}

#pageHome div#mainbox div#main1 {
	border: none;
	padding: 5px 10px 10px 10px;
//	overflow: hidden;
	height: 80px; // was 95
	}

#pageHome div#mainbox div#main1 div#squote {
	display: table-cell;
	vertical-align: middle;
	width: 380px;
	height: 80px; // was 95
	}

#pageHome div#mainbox div#main1 p#quote {
	border: none;
	margin: 0;
	font-style: oblique;
	font-size: 145%; /* was 160 (two sizes are set in home.php) */
	line-height: 1.2em;
	}

span.speaker {
	display: block; 
	float: right;
	clear: right;
	padding-left: 0.5em;
	}

#pageHome div#mainbox div#main2 {
	display: table-cell;
	vertical-align: middle;
	padding-top: 4px;
	width: 368px;
	text-align: center;
	height: 345px; // was 330
	background: #FFF; // prevents quote from peeking through in nonstandard browser 
	}

#pageHome div#mainbox div#main2 h2 {
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 1px;
	}

#pageHome div#mainbox div#main2 div#post-18 h3 {
	margin: 7px 0 0 0;
	font-size: 16px;
	}

#pageHome div#mainbox div#main2 div#post-18 h3:before {
	content: "-\00a0";
	}

#pageHome div#mainbox div#main2 div#post-18 h3:after {
	content: "\00a0-";
	}

#pageHome div#mainbox div#main2 div#post-18 p {
	margin: 0;
	font-size: 12px;
	}

#pageHome div#mainbox div#main2 div#post-18 p#updated {
	margin-top: 16px;
	font-size: 11px;
	}

img.ornament {
	margin: 10px auto;
	display: block;
	}	

/*
-----------------------------------
MENU
-----------------------------------
*/

.parent-pageid-16 div#mainbox p.blurb {
	font-style: oblique;
	margin: 11px 0 4px 0;
	padding-bottom: 3px;
	line-height: 1.2em;
	}

.parent-pageid-16 #mainbox h3 { 
	margin: 0;
	font-weight: normal;
	font-size: 108%
	}

.parent-pageid-16 #mainbox p { 
	margin: 0 0 0.85em 0; 
	font-size: 89%;
	}
	
/*
-----------------------------------
EVENTS
-----------------------------------
*/	
	
#pageEvents #mainbox h3	{ 
	margin: 1.1em 0 .4em 0;
	line-height: 1.2em; 
	}

div#upcoming-events p	{ 
	margin: .4em 0;
	line-height: 1.2em;
	}

#pageEvents #mainbox ul {
	margin-top: 0 ;
	}
	
#pageEvents #mainbox div h3 {
	border-top: 1px solid #DDD;
	padding-top: 2px;
	}

#pageEvents #mainbox h2 + h3 {
	border: none;
	padding-top: 0;
	}

div#upcoming-events {
	text-align: center;
	}

/*
-----------------------------------
CATERING
-----------------------------------
*/	

#pageCatering #mainbox img {
	margin-top: 8x;
	display: block;
	}
	
#pageCatering #mainbox h3 {
	margin-top: 8px;
	}	
	
/*
-----------------------------------
PRESS
-----------------------------------
*/
	
#pagePress #mainbox h3 { 
	margin: .75em 0 0 0;
	font-size: 110%;
	line-height: 1.35em;
	}

#pagePress #mainbox p {
	margin: 2px 0 1.8em 0;
	text-align: right;
	font-size: 95%;
	}