/********************************************************************************                                                  
                          USING SF-BLUEPRINT-CSS

-Never make changes to the original Blueprint CSS files.  Overwrite them in this custom.css file.
-Not all of the css classes are listed in this file. Since Blueprint has great default classes, only overwrites and additions are listed.

For more information on BluePrint CSS, visit: http://code.google.com/p/blueprintcss/

Good luck!
********************************************************************************/


/********************************************************************************
	         Body
********************************************************************************/

body {
   background: #f5f2e3;
   color: #370f0D; 
}

#main {
   padding-top: 10px;
}



/********************************************************************************
               Typography
********************************************************************************/
/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px)
***************************************/
   
body {
   font-size: 90%; 
   font-family:Georgia, serif;
}

h1,h2,h3,h4,h5,h6 { 
	color: #370f0D;
	text-shadow: 1px 0px 2px;	
}



a:link {
	text-decoration: underline;
}

a:visited {
	
}

a:hover {
	
}

a:active {
	
}

/* SlipFire created typography classes
***************************************/

.medium { font-size: 1em; line-height: 2.1875em;}

.center {text-align:center;}

.byline{ font-size: .8em; line-height: 1em;}

.timestamp{ font-size: .8em; line-height: 1.2em;}

.commentnum{ font-size: .8em; line-height: 1.2em;}

.incategory{ font-size: .8em; line-height: 1.2em;}



/********************************************************************************
               Text Elements and Lists
********************************************************************************/

a { color: #370f0D; text-decoration: none; }

/* Removes unwanted link decoration
***************************************/
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a, p a, .nolink, .tabbertab a, .icon, a img{
   border: none !important;
   text-decoration:none !important;
}


a:focus, a:hover { }

/* Removes unwanted hover decoration
***************************************/
a.nohover:hover  { background: none;}


li { list-style: square inside url(images/bullet.gif);}

.fancybullet li {
      list-style: none;
	background: url(images/bullet.gif) no-repeat top left;
	padding: 0px 0px 5px 18px;
      margin: 0px 0px 0px 0px;
}




/********************************************************************************                                            
                            SLIPFIRE CREATED CLASSES                                                   
********************************************************************************/



/********************************************************************************
                Images
********************************************************************************/

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

/********************************************************************************
                Borders
********************************************************************************/

.border-left{
  margin-left: 7px;
  padding-left: 7px;

}

.border-right{
  margin-right: 7px;
  padding-right: 7px;
  border-right: 1px solid #ddd;
}

.border-top{
  margin-top: 7px;
  padding-top: 7px;
  border-top: 1px solid #ddd;
}

.border-bottom{
  margin-bottom: 7px;
  padding-bottom: 7px;
  border-bottom: 1px solid #ddd;
}

div.border{
  border: 1px solid #ddd;
}


/********************************************************************************
                Misc
********************************************************************************/

/* Use a .box(Blueprint default) or .box2 to create a padded box inside a column. 
***************************************/

.box2 { 
  padding: .5em; 
  margin-bottom: .5em; 
  background: #eee; 
  border: 1px solid #ddd;   
}


/* Use to push down a div (adds vertical space between divs)
***************************************/

.pushdown-1 {padding-top:10px;}
.pushdown-2 {padding-top:20px;}
.pushdown-3 {padding-top:30px;}
.pushdown-4 {padding-top:40px;}
.pushdown-5 {padding-top:50px;}



/********************************************************************************
                Lines
********************************************************************************/

/* Lines: add "class=" to HR to control color and height
     example: <hr class=thick> for a thick line
***************************************/

.thick {
  height: 3px;
  margin: 0 0 1.4em 0;
}

.thin{
  height: 1px;
  margin: 0 0 0 0;
}




/********************************************************************************                                                  
                          SLIPFIRE CREATED FOR WORDPRESS                                                   
********************************************************************************/


/********************************************************************************
                Navbar
********************************************************************************/

#navbar {
   margin: 0px auto 0px;
   padding: 10px 0px 10px 0px;
}
	
#navbar li {
   display: inline;
   list-style-type: none;
   font-weight: bold;
   margin: 0px;
   padding: 0px;
}
		
#navbar ul {
   margin: 0px;
   padding: 0px;
}
	
#navbar ul li a {
   color: #000080;
   padding: 0px 10px 0px 10px;
   margin: 0px;
   text-decoration: none;
   border-bottom: none;
}

#navbar ul li a:hover, a:active {
   text-decoration: underline;
}

#current_page_item a {
   text-decoration: underline;
}


/********************************************************************************
                Sidebar
********************************************************************************/

#sidebar h2{
	font-size:1em;
	font-weight:bold;
	margin-bottom:0.2em;
	padding:27px 50px 15px 55px;
	background: transparent url(images/header-side.png) no-repeat top left;		
}

#sidebar a {border-bottom: none;}


/********************************************************************************
                Footer
********************************************************************************/

#footer {
	background:url("images/footer-banner.png") no-repeat scroll left top transparent;
	font-weight:normal;
	padding:10px;
	text-align:left;	
	/*margin: 35px 0 0 0;*/
}

.footer-container {
	
	background:url("images/shadow.png") repeat-x scroll left top #CFC095;
	text-align: center;
	margin:72px 10px 10px 21px;
	padding:10px;
	width:867px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;	
	-webkit-border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;	
	-webkit-border-bottom-right-radius: 5px;	
}

.footer-container #links li {
	list-style: none;
	display: inline;
}
/********************************************************************************
                My Styles
********************************************************************************/
body {
	margin: 0;	

}

.bg-main {
	background: #F5F2E3 url(images/background-parchment.jpg) top left repeat fixed;	
}

.bg-main-tour-blog {
	background: #F5F2E3 url(images/background-parchment-tour-blog.jpg) top left repeat fixed;	
}

#header-bar
{
	background:url("images/header-floral.jpg") repeat-x scroll left top transparent;
	height:100px;
	position:absolute;
	width:100%;
	z-index:-1000;
}

#header-fleur
{
	background: url(images/header-fleur.png) top left repeat-x; 	
	height: 106px;
	width: 500px;
	float: left;
	margin: 5px 10px 10px;
}

#header-portrait-big
{
	background: url(images/portrait-large.png) 0px 0px no-repeat; 	
	height: 415px;
	width: 400px;
	float: right;

}

#header-portrait-0
{
	background: url(images/portrait-0.png) 0px 0px no-repeat; 	
	height: 300px;
	width: 350px;
	float: right;

}

#header-portrait-1
{
	background: url(images/portrait-1.png) 0px 0px no-repeat; 	
	height: 300px;
	width: 350px;
	float: right;

}

#header-portrait-2
{
	background: url(images/portrait-2.png) 0px 0px no-repeat; 	
	height: 300px;
	width: 350px;
	float: right;

}

#header-portrait-3
{
	background: url(images/portrait-3.png) 0px 0px no-repeat; 	
	height: 300px;
	width: 350px;
	float: right;

}

#header-portrait-4
{
	background: url(images/portrait-4.png) 0px 0px no-repeat; 	
	height: 300px;
	width: 350px;
	float: right;

}

#logo {
	height: 103px;
	width: 500px;
	float: left;	
	margin: 0px 10px 10px 10px;
}

#social-list {
	list-style-type: none;
	margin: 0 0 10px 0;
	padding: 0;	
}

#social-list li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

#music-container {
	background: url(images/flourish.png) top left repeat-x; 	

}

.letterpress {
	color: #222;
	text-shadow: 1px 1px 1px #555;	
}

li.vevent {
	list-style-type: none;	
}

#feature-container {
	background:url("images/frame.jpg") no-repeat scroll left top transparent;
	height:260px;
	margin:25px 10px 10px 5px;
	padding:5px;
	width:510px;
}

#search-form {
	margin: 0 10px 30px;	
	text-align: right;		
}

#menu-main {
	color: #370f0D;
	text-shadow: 1px 0px 2px;	
	font-size: 1.1em;
	margin: 10px 0 0 10px;

		
}

.menu-main-container {
	text-align: center;	
}

#menu-main li {
	list-style-type: none;		
	display: inline;
	margin: 0 5px 0 5px;
}

#menu-main a:link {
	color: #370f0D;
}

#menu-main a:visited {
		
}

#menu-main a:hover {
	color: #000;
}

#menu-main a:active {
		
}

.pagetitle {
background:url("images/butterfly-fly-right.png") no-repeat scroll left top transparent;
border-bottom:1px solid #F2D998;
margin:30px 0 10px;
padding:0 20px 0 100px;
position:relative;
top:-34px;
}

.pagetitle a {
	color:#F5F0E1 !important;	
	text-shadow: 1px 0px 2px #370f0D;	
	font-size: 1.25em;	
}

#header-content-container {
	background: #000 url(images/rope.png) repeat-x bottom left; width: 100%;
	
}
#header-grad-container {
	background: #000 url(images/blackbg.jpg) repeat-x top center; width: 100%;
	padding: 5px 10px 0px 10px ;
	margin-bottom: 10px;
}

#social {
	margin-left: 75px;	
}

#content {
	background: url("images/bright-grad.png") repeat scroll 0px 21px transparent;	
}

.content-inside {
	padding: 25px 10px 10px 10px;
	
}

.content-inside p {
/*	margin: 10px;*/
	
}

.album-container {
	background: url("images/line.jpg") repeat-x bottom left;	
	margin: 40px 5px 50px 5px;
	padding: 5px 5px 10px 5px;
	width: 95%;		
}


li.gigpress-alt {
	/*background-color: #F5F2E3;	*/
}

li.vevent {
	background: url("images/line.jpg") repeat-x bottom left;	
	margin: 0;
	padding: 5px 5px 10px 5px;
	width: 95%;
}

.date {
	background:transparent url('images/calendar.gif') repeat-x scroll top left;
	width:60px;
	height:60px;
	text-align:center;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	float: left;
	margin: 0px 10px 0px 0px;
}
.date .date-day {
	color:#333;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:25px;
}
.date .date-month {
	font-size:11px;
	font-weight:bold;
	color: #370f0D;
}

.post-contents {
	background: url("images/line.jpg") repeat-x bottom left;
	margin:0 0 20px;
	padding:0 0 10px;	
}

.albumArt img{
background:none repeat scroll 0 0 #F0F0E8;
border:2px solid #E2E1D9 !important;
margin:0 10px 10px 0;
padding:5px;
text-align:center;
}

.post img{
background:none repeat scroll 0 0 #F0F0E8;
border:2px solid #E2E1D9 !important;
margin:0 10px 10px 0;
padding:5px;
text-align:center;
}

.post {
	margin: 25px 0 50px 0;	
}

.post-contents h2 {
	font-size: 1.25em;	
}

.ngg-widget, .ngg-widget-slideshow {
	text-align:center !important;
}

.awesome, .awesome:visited {
	background: #222 url(/images/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}
 
	.awesome:hover							{ background-color: #111; color: #fff; }
	.awesome:active							{ top: 1px; }
	.small.awesome, .small.awesome:visited 			{ font-size: 11px; padding: ; }
	.awesome, .awesome:visited,
	.medium.awesome, .medium.awesome:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	.large.awesome, .large.awesome:visited 			{ font-size: 14px; padding: 8px 14px 9px; }
	
	.green.awesome, .green.awesome:visited		{ background-color: #91bd09; }
	.green.awesome:hover						{ background-color: #749a02; }
	.blue.awesome, .blue.awesome:visited		{ background-color: #2daebf; }
	.blue.awesome:hover							{ background-color: #007d9a; }
	.red.awesome, .red.awesome:visited			{ background-color: #AA170F; }
	.red.awesome:hover							{ background-color: #872300; }
	.magenta.awesome, .magenta.awesome:visited		{ background-color: #a9014b; }
	.magenta.awesome:hover							{ background-color: #630030; }
	.orange.awesome, .orange.awesome:visited		{ background-color: #ff5c00; }
	.orange.awesome:hover							{ background-color: #d45500; }
	.yellow.awesome, .yellow.awesome:visited		{ background-color: #ffb515; }
	.yellow.awesome:hover							{ background-color: #fc9200; }
	
.gigpress-sidebar-more {
	text-align: center;	
}

.nowplaying {
	margin: 5px;	
}

.twitter-item {
	margin: 10px 5px;	
}

.meta {
	background:url("images/meta.png") no-repeat scroll left top transparent;
	height:25px;
	margin-left:-33px;

	padding: 0 0 10px 10px;
	color: #333;
	font-size: .85em;
	width:450px;	
}

h3 {
	background:url("images/h3-pullout.png") no-repeat scroll left top transparent;
	color:#333333;
	height:25px;
	margin-left:-40px;
	padding:4px 0 16px 10px;
	width:98%;	
}

.album-container h3 {
	margin-left: -50px !important;
}

th {
	background: none;	
}

#quotes-container {
	background:url("images/reviews.png") no-repeat scroll left top transparent;
	margin:0 0 20px 23px;
	padding:75px 0 0;
}

#quotes {
	background:none repeat scroll 0 0 #F5F2E3;
	margin:0;
	width:345px;
	padding:10px 0;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;	
	-webkit-border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;	
	-webkit-border-bottom-right-radius: 5px;		
}

#quotes li {
	background: #fff url(images/quote.jpg) no-repeat top left;
	list-style:none outside none;
	margin:0 10px 10px;
	padding: 10px;
	height: 200px;
	overflow: hidden;

}

#quotes h4 {
	padding-left: 35px;	
}

#quotes cite {
	text-align: right;
}

#quotes .active{
}

#quotes .cite {
	width: 95%;
	text-align: right;
}

.quote-errata {
	background: #f5f2e3;
	margin:0;
	width: 345px;
	padding-bottom: 15px;
}

.quote-errata p {
	margin: 0;
	padding: 0;
	text-align: center;
}

.herrindesign {
	font-size:1em;
	text-align:center;	
}

.herrindesign .icon {
	vertical-align: middle;
	margin: 5px;
}

#dsq-content h3 {
	float:none;
	margin-left:-30px !important;
}

.sidebar-image {
	width: 95%;
	text-align: center;
	margin: 15px 0 15px 0;
}