/*  
Theme Name: BernardGordillo.com
Theme URI: http://wpthemes.info
Description: Wordpress template for BernardGordillo.com
Version: 2.0
Author: Adam P Schweigert
Author URI: http://adampschweigert.com
*/


/* -------------------------------------------------------------- 
  
   Reset.css
   * Resets default browser CSS styles.
   
   Created by Erik Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
-------------------------------------------------------------- */

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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* Remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*----------typography----------*/

body {
	font-family: Baskerville, Georgia, "Times New Roman", serif; 
	text-align: left;
	font-size:10px;
    line-height:1.125em; 
	color:#232323;
}

h1 {
	font-size: 4em;
}
h2 {
	font-size: 3em;
	line-height:1.25em;
	margin-bottom:0.5em;
}
h3 {
	font-size: 2em;
}

p {
    font-size:1.8em;
	line-height:1.65em;
	margin-bottom:1.0em;
}

/*----------some basic classes----------*/

.clear {clear:both;}
.left {text-align: left;}
.right {text-align:right;}
.hidden {display:none;}
div.hr {height:2px; margin-bottom:1.5em; padding-top:1em; border-top: 2px solid #206d8f;}

strong {font-weight:bold;}
em {font-style:italic;}

img {padding:5px; border:1px solid #ababab; background-color:#FFF;}
img.left, .alignleft {float:left; margin: 0 10px 10px 0;}
img.right, .alignright {float:right; margin: 0 0 10px 10px;}

/*-------------links----------------*/

a, a:link, a:visited {
	text-decoration:none;
	/* color:#a51419; */
	color:#206d8f;
}
a:hover, a:active {
	color: #6cd2ff;
	text-decoration:underline;
}

/*----------layout----------*/

body {
	background-color:#e9f0f4;
}
#wrapper {
	height:auto;
	margin:0 auto;
	min-width:980px;
}
#content-wrapper{
	margin:0 auto;
	position:relative;
	width:980px;
	background-color:#fff;
	border-left: 1px solid #ababab;
	border-right: 1px solid #ababab;
}

#content {clear:both; width:978px; height:auto; margin:16px 0;}
#content-main {
	width:650px;
	height:auto;
	float:left;
	margin-bottom:6px;
}
.content-main-box {
	width:614px;
	padding:10px;
	margin-bottom:18px;
	margin-left:10px;
}

.content-main-box2 {
	width:290px;
	float:left;
	padding:10px;
	margin-bottom:18px;
	margin-left:10px;
}


#sidebar {
	width:300px;
	height:auto;
	float:left;
	margin-left:12px;
	margin-bottom:6px;
}
#footer {
	clear:both;
	}
#footer-content {
	background-color:#fff;
	border-top: 3px solid #47aedb;
	border-bottom: 8px solid #041c45;
	padding:10px;
	height:50px;
}
#footer-content p {float:left; font-size:1.5em; width:600px;}
	


/*------------header-------------*/
#nav {
	width:960px;
	height:64px;
	background-color:#fff;
	border-bottom: 5px solid #47aedb;
	border-top: 8px solid #041c45;
	padding:0 10px;
}
#nav ul {
	padding:0 0 10px 5px;
	margin-top:38px;
	float:left;
}
#nav ul li {
	display:inline;
	padding:0px 10px;
	font-size:22px;
	font-weight: bold;
}
#nav ul li a, #nav ul li a:link, #nav ul li a:visited {color:#232323 !important;}
#nav ul li a:hover, #nav ul li a:active {color:#6cd2ff !important; text-decoration:none;}
#nav h1, #nav h2 {
	font-size:54px;
	font-weight:bold;
	float:left;
	margin-top:0;
}
#nav h1 {
	margin-top:28px;
	
}
#nav h1 a, #nav h2 a, #nav h1 a:link, #nav h2 a:link, #nav h1 a:visited, #nav h2 a:visited {
	color: #206d8f !important;
}
#nav h1 a:hover, #nav h2 a:hover, #nav h1 a:active, #nav h2 a:active {
	color:6cd2ff;
	text-decoration:none;
	opacity:0.8;
}


/*---------sidebar---------*/
.sidebar-box {
	border: 1px solid #cdcdcd;
	width:286px;
	height:100%;
	min-height:10px;
	padding: 16px 10px;
	margin-bottom:18px;
}
#sidebar h4 {
	font-size: 2.2em;
	font-weight:bold;
	margin-bottom:16px;
	letter-spacing:2px;	
}
#sidebar p {
	font-size:1.6em;
	line-height:1.2em;
}

#sidebar ul#social-media-icons {
	height:56px;
	position:relative;
	top:-10px;
	left:-2px;
}
#sidebar ul#social-media-icons li {
	display:inline;
	margin-left:-8px;
}
#sidebar ul#social-media-icons img {
	background:none;
	border:none;
	height:64px;
	width:64px;
}
#sidebar ul#social-media-icons a:hover img   {
	opacity:0.85;
}
#sidebar .archive_dropdown {margin-bottom:0.5em;}
#sidebar .archive_dropdown p, #sidebar .category_dropdown p {
	margin-bottom:0.25em;
}
#flickr_badge {
	height:286px;
	width:286px;
}
#flickr_badge .flickr_badge_image {
	width:95px;
	height:95px;
	float:left;
}
.flickr_badge_image a:hover {
	opacity: 0.8;
}

#sidebar-tabs ul.tab-nav {
	clear:both;
	font-size:1.8em;
	margin:0 0 24px 0;
}
#sidebar-tabs ul.tab-nav li {
	display:inline;
	padding:0;
	margin:0;
}
#sidebar-tabs ul.tab-nav a {
	background-color:#206d8f;
	color:#fff;
	width:150px;
	text-align:center;
	padding:5px 5px;
	letter-spacing:1px;
	text-decoration:none;
}
#sidebar-tabs ul.tab-nav li.notab {	
}
#sidebar-tabs ul.tab-nav li.ui-state-active {
}
#sidebar-tabs ul.tab-nav li.ui-state-active a {
	background-color:#fff;
	color:#206d8f;
}
/*
ul.tab-nav li:hover {
	color: #7D0F96;
}
.ui-tabs .ui-tabs-hide {
     display: none;
}
*/
ul.recent-posts-list, ul.popular-posts-list {
	font-size:15px;
	line-height:20px;
}
ul.recent-posts-list li, ul.popular-posts-list li {
	list-style:outside disc;
	margin:0 0 8px 20px;

}


/*----------main content-----------*/
.post {
	margin-top:-10px;
}
h1.post-title {
	font-size:4em;
	line-height:1.125em;
	letter-spacing: 1px;
	font-weight:bold;
}
div.dateblock {
	height:48px;
	overflow:hidden;
	margin-bottom:8px;
	margin-top:4px;
	
}
.dateblock-left {
	float:left;
	position:relative;
	top:-13px;
	
}
.dateblock-right {
	float:left;
	position:relative;
	left:4px;
	line-height:0.6em;
}
.dateblock .day {
	font-size:4.4em;
	font-weight:bold;
	float:left;
	color:#206d8f;
	
}
.dateblock .month {
	font-size:1.2em;
	
}
.dateblock .year {
	font-size:0.8em;
	position:relative;
	top:-12px;
}
.entry {
	clear:both;
}
.entry h3 {
	font-size:2.4em;
	font-weight:bold;
	letter-spacing:2px;
	margin-bottom:0.8em;
}
.entry ul, .entry ol {
	font-size:1.8em;
	line-height:1.2em;
	margin-bottom:1em;
}
.entry ul li, .entry ol li {
	margin-bottom:0.6em;
}
.entry ul li {
	list-style:outside disc;
	margin-left:30px;
}
.entry ol li {
	list-style:outside decimal;
	margin-left:35px;
}
.entry blockquote {
	background: transparent url('/wp-content/themes/bernardgordillo2/images/quote-48.png') no-repeat top left;
}
.entry blockquote p {
	font-size:1.6em;
	line-height:1.2em;
	margin-left:54px;
}
.share-this {
	font-size:1.8em;
	margin-bottom:1em;
}
.share-this .stbuttontext {
	position:relative;
	top:-3px;
}
.entry .post-bottom-cols {clear:both; height:100%; padding-bottom:80px;}
.entry .post-bottom-cols h3 {
	width:100%;
	border-bottom: 1px solid #206d8f;
	font-size:18px;
}
.entry .post-bottom-cols .tags-col {
	width:200px;
	float:left;
}
.entry .post-bottom-cols .tags-col h3 {
	padding-bottom:8px;
	margin-bottom:2px;
}
.entry .post-bottom-cols .related-posts-col {
	width:360px;
	float:left;
	margin-left:40px;
}
.entry .post-bottom-cols .related-posts-col h3 {
	padding-bottom:6px;
	margin-bottom:6px;
}
.entry .post-bottom-cols .related-posts-col ul.related_post {
	margin-left:-8px;
}
	

/*----------disqus comments-----------*/
#disqus_thread {clear:both; padding-top:20px;}
a.dsq-brlink, div.dsq-dc-logo {display:none;}
#dsq-content h3 {font-weight:bold;}	

/*----------homepage-----------*/

p.homepage_text {margin-bottom:0;}
.content-main-box2 h4 {
	font-size: 2.2em;
	font-weight:bold;
	margin-bottom:12px;
	letter-spacing:2px;
	margin-top:8px;
}
.content-main-box2 h4.home-blog-featured-headline {
	font-weight:normal;
	letter-spacing:0;
	line-height:1em;
	margin-bottom:8px;
}
.content-main-box2 h5 {
	font-weight:bold;
	margin:16px 0 12px 0;
	font-size:1.8em;
}
.content-main-box2 p {
	margin-bottom:4px;
	line-height:1.2em;
	font-size:1.5em;
}
p.more-link {
	font-size:1.3em;
	font-weight:bold;
	letter-spacing:1px;
}
.content-main-box2 ul {
	font-size:1.5em;
	line-height:1.2em;
}
.content-main-box2 ul li {
	list-style:outside disc;
	margin-left:16px;
	margin-bottom:8px;
}
.content-main-box2 ul.featured-recordings-list li {
	list-style:none;
	margin-left:0;
	margin-bottom:15px;
	font-size:0.7em;
}
.content-main-box2 ul.featured-recordings-list li p {
	margin-bottom:8px;
}

/*----------archive pages-----------*/
h1.archive_pagetitle {font-size:2.2em; font-weight:bold; line-height:1em; padding-bottom:0.5em; margin-bottom:0.1em; border-bottom: 1px solid #206d8f;}
.archive-post {margin-bottom:2.5em; padding-top:1.5em; border-top: 2px solid #206d8f;}
.archive-post h2.post_title {font-size:2.4em; margin-bottom:4px; line-height:1em;}
.archive-post h3.byline {font-size:1.2em; margin-bottom:0.5em;}
.archive-post p {font-size:1.5em; line-height:1.4em; margin-bottom:0;}
#post_navigation {font-size:1.8em;}
#post_navigation .left {float:left;}
#post_navigation .right {float:right;}


/*----------contact page-----------*/

h2.main_formhead {font-size:2.2em; font-weight:bold; line-height:1em; padding-bottom:0.5em; margin-bottom:0.1em; border-bottom: 1px solid #206d8f;}
#mainlegend span,p.creditline {display:none;}
#gb_form {width:100%; margin-bottom:1.5em; padding-top:2em; border-top: 2px solid #206d8f;}
#gb_form fieldset {margin-bottom:18px;}
#gb_form legend {font-size:1.5em; color:#206d8f;}
#gb_form label {font-size: 1.8em; line-height:2em;}
#gb_form textarea.textbox {width:80%; margin-right:100px;}

/*---------tabs for ensemble page---------*/

#page-tabs ul.tab-nav {
	clear:both;
	font-size:1.8em;
	margin:8px 0 24px 0;
}
#page-tabs ul.tab-nav li {
	display:inline;
	padding:0 14px 0 0;
	margin:0;
	color:#a51419;
}
#page-tabs ul.tab-nav li.notab {	
}
#page-tabs ul.tab-nav li.ui-state-active {
	color:#4cb8e8;
}
#page-tabs ul.tab-nav li.ui-state-active a {
	color:#4cb8e8;
}

ul.tab-nav li:hover {
	color: #7D0F96;
}
.ui-tabs .ui-tabs-hide {
     display: none;
}