﻿/*  
Theme Name: Bonnie
Theme URI: http://nakedthemes.com
Description: Bonnie - Wordpress Theme
Author: NakedThemes.com
Author URI: http://nakedthemes.com
Version: 0.1.1579
Tags: 

	Bonnie v0.1.1579
		http://nakedthemes.com

	This theme was designed and built by Jason Cupp.
	You can find him at http://nakedthemes.com


	Bonnie uses the Blueprint CSS Framework (http://blueprintcss.org) released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* WORDPRESS-GENERATED CLASSES */

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

.wp-post-image {
	float: left;
	margin: 0 1em 1em 0;
}

/* GLOBAL RESETS */

BODY, BUTTON {
	font-family: 'Droid Serif',Cambria,Georgia,Times,"Times New Roman",serif;
}

H1, H2, H3, H4, .title, .heading, #headermenu LI, .menu LI, #inheadermenu LI, #subheader_param LI {
	font-family: 'Droid Sans',"Franklin Gothic Medium","Arial Narrow Bold",Arial,sans-serif;
}

A {	color: black; }

/*
H1, H2, H3, H4, H5, H6, H7 {
	letter-spacing: -0.06em;
}
*/

/* DASHBOARD */

#dashboard {
	width: 100%;
	margin-top: 0;
}

#dashboard H4 {
	display: none;
}

#dashboard UL {
	list-style-type: none;
	margin: 0;	
	padding: 0;
}

#dashboard UL LI {
	list-style-type: none;
	margin-right: 1em;
	float: left;
}

#dashboard LI.widget_search {
	float: right;
}

/* GENERIC BOARD */

.generic_board {
	width: 100%;
}

.generic_content {
	margin: 0;
}

/* HEADBOARD */

#headboard {
	width: 100%;
}

/* HEADER */

#header {
	margin: 0;
}

#header .inner {
	padding: 1em 0 1.5em 1.5em;
	border-top: 0;
}

#header .logo IMG {
	border: 0;
}

#header a {
	text-decoration: none;
}

#header a:hover {
	text-decoration: none;
}

#header .title {
	font-size: 2.9em;
	font-weight: bold;
	letter-spacing: -0.05em;
	margin-bottom: 0;
	line-height: 1.4;
}

#header .description {
	font-size: 1.1em;
	letter-spacing: -0.05em;
	color: #585858;
}

#header .title a:hover {
	text-decoration: none;
}

#siteid {
	/*float: left;*/
}

#welcome {
	float: right;
	font-size: 0.8em;
}

#welcome ul li {
	display: inline;	
	padding-left: 1em;
	position: relative;
	top: -.8em;
}

#welcome a {
}

#welcome a:hover {
	text-decoration: underline;
}

#welcome .username {
	font-weight: bold;
}

/* INHEADMENU */

#header .menu-pages-container {
	float: right;
}

#header .menu {
	list-style-type: none;
	margin: 0;	
	padding: 0;
}

#header .menu A:hover {	
	text-decoration: underline;
}

#header .menu H4 {
	display: none;
}

#header .menu LI {
	display: inline;
	margin-right: 1.2em;
}


/* SUBHEADBOARD */

#subheaderboard {
}

/* SUBHEADER */

#subheader {
	margin: 0;
	/* padding: 7px 0 0 0; give bottom padding to separate from body */
}

.breadcrumbs {
	margin: 0.5em 0;
	list-style-type: none;
}

.breadcrumbs LI {
	display: inline;
	border-right: 1px solid #FAFAD7;
}

.breadcrumbs LI.first {
	margin-left: 0;
}

.breadcrumbs LI A {
	text-decoration: none;
	padding: 0 1em;
}

.breadcrumbs LI.active A {
	font-weight: bold;
}

.breadcrumbs LI A:after {
	content: "";
}

.breadcrumbs LI.last A:after {
	content: "";
}



#subheader .menu {
	list-style-type: none;
	margin: 0;
}

#subheader FORM {
	display: inline;
}

#subheader A.logout {
	float: right;
	font-size: 1.1em;
	letter-spacing: -0.02em;	
	padding: .6em 1em;
	font-weight: bold;
	text-decoration: none;
}

#subheader A.logout:hover {
	text-decoration: underline;
}

#subheader UL {
	margin: 0;
	padding: 0.4em 0;
}

#subheader .menu-pages-container UL {
	margin-left: .5em;
}

.mobile #subheader .menu-pages-container UL {
	margin-left: 4px;
}

#subheader .menu-pages-container LI {
	display: inline;
	font-size: 1.1em;
	letter-spacing: -0.02em;	
	padding:0.6em 1em;
	margin-right: 3px;
}

#subheader LI.current_page_item {
}

#subheader A:hover {	
	text-decoration: underline;
}

#subheader .transverse-simplelogin { /* simple login/logout widget */
	float: right;
}

#subheader LI A {
	font-weight: bold;
	text-decoration: none;
}

#subheader input[type="text"] {
	padding: 3px;
}

#subheader option {
	/*padding: 3px; */
}

#subheader .searchform {
	float: right;
	padding-right: 1em;
	margin-top: -8px;
}

#subheader .searchform label {
	display: none;
}

#socialmenu {
	list-style-type: none;
	float: right;
	margin: 0;
	padding-right: 1em;
}

#socialmenu LI {
	float: left;
	margin-left: 1.2em;
}


/* BODYBOARD */

#bodyboard {
	width: 100%;
}

#content .inner2 {
	padding-bottom: 1em;
}

#bodyboard .container {
	background: inherit;
}

#content H1 {
	margin-bottom: .2em;
}

#content H2 {
	margin-bottom: 0;
}

#content .entry {
	margin-top: 1em;
}

/* SIDEBAR */

#sidebar .inner2 {
	padding-top: .4em;
}


/* BEGIN menu sidebar */

BODY.menu #sidebar {
	width: 100%;
}

BODY.menu #sidebar H3, BODY.menu #sidebar UL  {
	text-align: center;
}

BODY.menu #sidebar H3 /* used in menu sidebar */ {	
	font-size: 1.5em;
	color: #222222;
	padding: 6px 0 6px 0;
	margin-left: 0;
	margin-bottom: 0;	
}

/* END menu sidebar */

#sidebar H3 {	
	font-size: 1.5em;
	color: #222222;
	text-align: left;
	padding: 6px 0 6px 0;
	margin-left: 0;
	margin-bottom: 0;
	padding-right: 10px;	
}

#sidebar ul {
	list-style-type: none;
	margin: 0;
	margin-left: 1.3em;
	/* background-color: white; */
	list-style-type: none;
}

#sidebar ul li {	
	list-style-type: none;
	padding: .2em 0 .1em 0;
	font-size: 1em;
	letter-spacing: -0.02em;	
}

#sidebar ul li a {
	color: black;
	padding: 3px;
	text-decoration: none
}

#sidebar ul li a:hover {
	text-decoration: underline;
}

/* second level */

#sidebar ul li ul {
	padding: 0 0 1.6em 0;
	margin-left: 0.3em;
	list-style-type: none;
}

#sidebar ul li ul li {	
	border-bottom: 0;	
}


/* CONTENT */

#content { }

#content .inner2 {
	padding: 1em 1.3em;
}

/* POSTS */

#content .avatar-wrap {
	float: left;
	padding: 3px;
	padding-right: 1em;
}

#content .avatar {
	float: left;
	padding: 3px;
	/* border: 1px solid #58B7CC; */
}

#content H1 {
	font-size: 2.5em;
}

#content H2 {
	font-size: 2em;
}

#content .title a {
	text-decoration: none;
}

#content .title a:hover {
	text-decoration: none;
}

#content P { }

.post-categories, 
.tags { 
	display: inline; 
	margin: 0;
}

.post-categories LI,
.tags LI {
	list-style-type: none;
	padding-right: 1em;
	display: inline;
}


.tags LI.label {
	margin-right: 0;
	font-weight: bold;
}

.bullet {
	color: white ! important;
}

.postmeta {
	margin-bottom: 1em;
}

.postmeta A,
{
	text-decoration: none;
}

/* SINGLE */

.single .post {
	margin-bottom: 1em;
}


.linkpages {
	clear: both;
}

#share {
	text-align: right;
}

#share UL {
	list-style-type: none;
	margin: 0;
}

#share UL LI {
	display: inline;
	margin-left: 1.2em;
}


/* COMMENTS */

.respond {
	clear: both;
}

.commentlist {
	list-style-type: none;
	margin: 0;
}

.comment A {
	text-decoration: none;
}

.comment A:hover {
	text-decoration: none;
}

.comment .avatar {
	float: left;
	padding: .5em;
}

.comment CITE A {
	font-weight: bold;
	font-style: normal;
	font-size: 1.3em;
}

.comment-author-info {
	margin-left: 50px;
}

.comment-body {
	margin-left: 50px;
}

#commentform P {
	margin-bottom: .5em;
}

	.transverse-after-content { clear: both; }
		

/* FOOTBOARD */

#footboard {
	width: 100%;
}

#footboard .container {
	background: inherit;
}


/* FOOTER */

#footer {
	padding: 10px 0 0 0;
	font-weight: bold;
	/*letter-spacing: -0.08em;*/
}

#footer .inner {
	padding: 1em 0 1.5em 1.5em;
	border-bottom: 0;
}

#footer A {
	text-decoration: none;
}

#footer A:hover {
	text-decoration: underline;
}

#footer p {
	padding-left: 20px;
}

#footer UL {
	list-style-type: none;
	margin: 0;
}

#footer .widget {
	float: left;
	width: 33%;
}

#footer .widget DIV {
	padding-right: 1em;
}
	
#footer .widget LI {
	font-weight: normal;
	margin-left: 1em;
}


/* SUBFOOTBOARD */

#subfootboard {
	width: 100%;
	padding-bottom: 3em;
}


/* SUBFOOTER */

#subfooter {
	padding: .4em 0;
}

#subfooter .inner {
	padding: 0 1em;
}

#subfooter UL {
	list-style-type: none;
	margin: 0;	
	padding: 0;
}

#subfooter LI {
	list-style-type: none;
	margin-right: 1em;
	float: left;
}

#subfooter LI.attribution {
	margin-right: 0;
	float: right;
}

#subfooter A {
	text-decoration: none;
}

#subfooter A:hover {
	text-decoration: underline;
}


/* GALLERY */

.gallery {
	font-size: 0.9em;
}

.gallery-item {
	margin-top: 0;
}

.gallery-item IMG {
	margin: 0 0 1em 1em;
}

/* MOBILE */

.mobile .container {
	width: 100%;
}

.mobile #dash {
	width: 100%;
}

.mobile #header {
	width: 100%;
}

.mobile #header .title {
	line-height: inherit;
}

.mobile #subheader {
	width: 100%;
}

.mobile #content {
	width: 100%;
}

.mobile #content .inner {
	margin-left: 1em;
}

.mobile #footer {
	width: 100%;
}

.mobile #subfooter {
	width: 100%;
}

.mobile .generic_content  {
	width: 100%;
}

/*
.mobile #subfooter .inner {
	padding: 0 1em;
}
*/

.mobile #content .inner { margin-left: .5em; }
.mobile #content .inner2 { padding: 0; }

.mobile #sidebar .inner { margin-left: .5em; }
.mobile #sidebar .inner2 { padding: 0; }

.mobile #content, .mobile #sidebar { font-size: 125%;} 

.mobile #sidebar {
	width: 100%;
}

.mobile #sidebar UL {
	margin: 0;
	padding: 0;
}

.mobile #sidebar H3, .mobile #sidebar H4  {
	display: none;
}

.mobile #sidebar LI {
	margin: 0;
	padding: 0;
}

.mobile #sidebar UL LI {
	margin: 0;
	padding: 0;
}


/* EXTRAS */

.couponcode {
	padding: 3px;
	border: 1px solid #94E1F2;
	margin: 0;
	background: #EEEEEE;
	
	font-weight: bold;
}


/* MORE */


/*
Color pallete from: http://www.colourlovers.com/palette/971061/spanish_teacher
*/

BODY {
	background: inherit;
}


#header {
	background: inherit;
	border-bottom: 0;
}

.mobile #header {
	background: black;
	border-bottom: 0;
}

.mobile #header .inner {
	border-top: 0;
	padding: 3px;
}

#header .title, #header .title A {
	font-size: 1.5em;
	color: #5D576A;
}	

.mobile #header, .mobile #header A {
	color: white;
	font-weight: bold;
}

.mobile #header .title, .mobile #header .title A {
	font-size: 1em;
}	

#siteid {
	float: left;
}

/*
.mobile #inheadermenu {
	float: right;
}
*/

.generic_content {
	background: #FAFAD7;
}

/* SIDEBAR */

#sidebar {
	background: #FAFAD7;
	border-top: 1px solid white;
	border-bottom: 1px solid #F2EBAD;
}

/* 	SUB-HEADER MENU */

#subheader {
	background: #FAFAD7;
	border-bottom: 3px solid #F2EBAD;
	/* border-top: 4px solid #FAFAD7; */ /* space above active tab */
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
}

#subheader .menu-pages-container UL {
	padding-top: 1.3em;
}


#subheader .menu-pages-container LI {
	
	/*
	padding-top: 1em;
	padding-bottom: 1em;
	margin-right: 1px;
	
	*/
	
	background: #FAFAD7;
	border: 4px solid #FAFAD7;
	border-bottom: 0;
	
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;	
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;	
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	
	
}

#subheader .menu-pages-container LI A {
	/*
	padding-top: 1em;
	padding-bottom: 1em;
	*/
}

#subheader .menu-pages-container LI.current_page_item {

	
	background: #F2EBAD;
	border: 4px solid #F2EBAD;
	border-bottom: 0;
	
}

/* MENUS */

.menu {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.menu A {
	text-decoration: none;
}

.menu A:hover {
	text-decoration: underline;
}

.menu LI {
	text-align: left;
	border-top: 1px solid white;
	border-bottom: 1px solid #F2EBAD;
	border-left: 0;
	border-right: 0;
	margin: 0;
	padding: 0.5em 0;	
}

/* PARAM SECTION */

#subheader_param  {
	background: #F2EBAD;
}

.params {
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-left: 1em;
}

.params  LI {
	float: left;
	margin: .5em .5em;
}

.params  LI.active {}

.params  A {
	text-decoration: none;
	padding: 4px;
	border: 2px solid inherit;
}

.params LI.active A {
	background: #FAFAD7;	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.params A:hover {
	text-decoration: underline;
}

.mobile UL.menu LI  {
	width: 100%;
}

/* CONTENT */

#content {
	background: #FAFAD7;
	border-bottom: 1px solid white;
}

#content UL {
	margin: 0;
}

/* special list */
.event, .group, .meet, .place, .review, .ed, .profile, .customer_message {
	border-top: 1px solid #FAFAD7;
	border-bottom: 1px solid #F2EBAD;
}

#content .entry {
	margin: 0;
	padding: 0;
}

#content .inner, .mobile #content .inner {
	margin: 0;
	padding: 0;
}

#content .inner2, .mobile #content .inner2 {
	margin: 0;
	padding: 0;
}

#content UL.menu {
	margin-left: 0.5em;
}

#content #respond, #content #comments, #content .commentlist  {
	margin-left: 1em;
}

/*
* PAGE NAVIGATION
*/

#subheader_param .pagenav {
	float: right;
}

.pagenav {
	list-style-type: none;
	margin: 1em 0 1em 1em ! important;
	font-size: .8em;	
	clear: both;
}

.pagenav LI {
	width: 1.2em;
	display: inline;
	margin: .5em .5em;
}

.pagenav A {
	background: white;
}

.pagenav LI.current {
	font-weight: bold;
	background: inherit;
}

.pagenav, .pagenav A {
	color: #5D576A;
	text-decoration: none;
}

.pagenav SPAN.no {
	padding: 4px;
}

.pagenav A {
	border: 1px solid #E7DC6A;
	padding: 4px;
}

/* END param menu */


#footer {
	background: ${css.footer.bg.color};
	border-bottom: 1px solid #709E86;	
	border-top: 1px solid white;
}

#subfooter {
	background: #5D576A;
	color: white;
	font-weight: bold;
	
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	
}

.mobile-ad {
	text-align: center;
}

.w_icon { width: 16px; }


