/* 
Theme Name: Bolero
Theme URI: http://www.guitarangel.net/downloads/
Description: ...
Version: 1.0
Author: Melissa Ward
Author URI: http://www.guitarangel.net

	Usage License: http://www.opensource.org/licenses/gpl-3.0.html
	Main Reference: http://www.w3schools.com/css/default.asp
	
	
*/

/* ---- GENERAL & TYPOGRAPHY ---- */

* { padding:0; margin:0; } /* Universal zeroing of margins/padding. Highly useful for serious CSS control! */
/* Why keep the above line? See this article: http://leftjustified.net/journal/2004/10/19/global-ws-reset/ */
/* I recommend you keep it in your CSS, especially if you are still learning about stylesheets. But its also useful for seasoned coders as well. */

body { 
margin:0;
padding:0;
text-align:left;
background: #fff;
color: #888;
font:12px/17px arial;
} 

img { border: 0; } /* Universal for all images, takes away that annoying link border unless you add one later. */

a:link, a:active, a:visited {
color: #000;
text-decoration: none;
 }

a:hover {color: #222; text-decoration: none; 
 } 

blockquote {
margin:5px;
	    color: #666;
font: 14px/18px georgia;
text-shadow: #eee 0px 0px 1px;
		}

h2{
margin:0;
padding:0;
font-weight:normal;
}

blockquote { } /* For long quotes. :: http://www.w3schools.com/TAGS/tag_blockquote.asp */

	blockquote p { } /* Paragraph tags in blockquotes. Wordpress adds them by default in posts. Give them 0 to margin & padding if they appear weird. */


#wrapper {
margin-left:120px;
text-align:left;
width:665px;
margin-top:35px;
 } 


/* ---- HEADER ---- */

#header { 
padding: 15px 10px 15px 0; 
}

#header ul{
margin:0;
padding:0;
list-style-type:none;
}

#header ul li{
display: inline;
width:80px;
padding: 13px 5px 6px 3px; 
letter-spacing: 1px;
margin: 10px 10px 5px 0px;
}

#header #title{
font: normal 2em Georgia, "Times New Roman", Times, serif;
color: #000;
text-shadow: #aaa 1px 1px 1px;
}

#header a:active, #header a:link, #header a:visited{  font-family: georgia; font-size: 13px; color: #444;  text-transform: lowercase; font-style: italic; }

#header a:hover,#header li.view{  color: #000;  font-family: georgia; font-size: 13px; text-transform: lowercase; font-style: italic;  }


#topbar {                
padding:5px 0px;
font: 11px/15px arial;
color: #252525;	
height:130px;
border-bottom: #eee 1px dashed;
}

#topbar .defaultuserpic { 
display:relative; float:left; padding:8px; border: #eee 1px solid; background:white;
margin: 16px 30px 0 0;
}

#topbar .defaultuserpic img { 
width: 80px; 
height: 80px; 
}

#topbar p {float:left;padding: 15px 20px 15px 0px; width:280px; text-align:justify;}

#topbar ul.sbarlist{ 
margin: 0px; 
padding: 0px; 
list-style-type: none;
}

#topbar li.sbaritem{ 
list-style-type:none; 
padding: 4px; 
margin:0;
width:80px;
text-align:right;
margin-left:25px;
} 

#topbar li.sbaritem:hover { 
border-bottom: #f2f2f2 dotted 1px;
color:#000;
}


#topbar #sidebar_linklist  {
list-style-type:none; 
display:inline;
letter-spacing: 1px;
font-size: 7pt;
font-family: georgia; 
font-style:italic;
float:left;
text-align:right;
width: 90px;
margin-top: 10px;
text-transform: lowercase; 
padding-top:2px;
} 


	
/* ---- CONTENT ---- */	
/* ---- How posts & elements will appear on pages like index.php, single.php, etc. ---- */

#content { 
margin:0px 0px 30px 0px;
} 

#content h2 { 
font-family: "georgia", arial, sans-serif;
font-size: 21px;
line-height: 100%;
margin: 0px 0px 7px 0px;
padding:0px 7px 9px 2px;
text-transform:lowercase;
color: #666;
text-shadow: #bbb 1px 1px 1px;
}

.post, #photo, .quote, .video, .link, .audio { 
padding: 15px 75px 15px 0px;
margin: 0px 15px 13px 0px;
border-bottom: #eee 1px dashed;
		}

.date { 
               text-transform: lowercase; 
               color: #555; 
               font: 9px/10px helvetica; 
               letter-spacing: 1px; 
margin:10px 0 0 7px;
}

.poststart{
width:110px;
float:right;
padding:15px 15px 0px 0px;
text-align:right;
}

.poststart a{
color: #b2b2b2;
}

.category {
text-transform: uppercase;
margin-top: -15px;
margin-right: -80px;
font-size: 11px;
color: #858585;
padding:4px 0px 0 0;
float:right;
		}

.category a{
background: #eee;
padding:5px;
border: #F0F9FF 1px solid;
-moz-border-radius:10px; 
-webkit-border-radius: 10px;
}


.permalink{
margin: 26px 6px;
font: 14px/19px times;
}

.entry a {
background:#cdcdcd;
-moz-border-radius:4px; 
-webkit-border-radius: 4px;
padding:0px 2px;
}

.entry a:hover{
background: #ddd;
}

    .entry{ 
font:12px/15px trebuchet ms;
color: #666;
}

.entry p{
margin:8px 0px 9px 0px;

}

#photo img{
max-width:585px;
border: #b2b2b2 1px solid;
padding:2px;
margin-bottom:6px;
}		

.quote{
font: 11px/12px helvetica;
}
.quote blockquote {
padding: 5px 0 10px 0;
margin:5px;
	    color: #666;
font: 18px/22px georgia;
	    text-align: justify;
text-shadow: #eee 0px 0px 1px;
		}

.video p{
margin-top:7px;
}

.link{
margin-bottom:10px;
}

.link blockquote{
margin:6px 0px 6px 20px;
padding:0px 20px 0px 10px;
font: 12px/15px helvetica, arial;
        color: #333;
text-align:justify;
border-left: #ccc 3px solid;
}

.link blockquote p{
padding:0px;

}

.link p{
padding:8px;
}

.postlink{
font:24px/27px arial;
}

.postlink a:hover{
border-bottom: #eee 1px solid;
}	


.currents ul{
list-style-type:none;
margin: 0;
padding:0;
}

.currents img{
width: 78px;
height: 40px;
}
		 .currents .post-meta-key { 
	    color: #000;
             display:none;
	    font-weight: lighter;
            font-family: arial; 
	    text-transform: lowercase;
margin-right: 5px;
}
.currents li{padding: 2px 5px 2px 20px;  background: transparent url(http://i41.tinypic.com/2mdrqr5.gif) no-repeat scroll 0% 50%; }
.currents li+li {padding: 2px 5px 2px 20px;  background: transparent url(http://i40.tinypic.com/25jlbie.gif) 

no-repeat scroll 0% 50%; }

	.tags {
padding: 2px 2px 2px 20px;  
margin-top: 10px;
text-transform: lowercase; 
font-size: 11px; 
color: #888888;  
background: transparent url(http://i44.tinypic.com/14e0zn8.gif) no-repeat scroll 0% 50%; 
margin-left: 0px;
margin-bottom: -5px;}
	    
	.tags a, .tags a:link, .tags a:hover, .tags a:visited { 
	    color: #ccc; 
	    text-transform: lowercase; 
	    font-weight: bold;  }

	
.currents {
font-size: 11px;
line-spacing: -1px;
font-weight: lighter;
color: #ccc;
text-transform: lowercase;
		}





	.paging { } /* Paging navigation for index.php, archive,php, etc. (previous/next) */
	
	.img-left { } /* Wrap an image in a post/page with <div class="img-left">IMAGE</div> to have this style applied. */
	
		.img-left img { } /* Style the image itself. */
	
	.img-right { } /* Same as above only aligned right. */
	
		.img-right img { } /* Style the image itself. */
	
	

		
	/* PAGES */
	.page { } /* Page content wrapper. */
	
		h2.page-title { } /* Title of page. */
		
		.page-text { } /* Content text for the page. */
		
		.page-paging { } /* Paging links for when a page uses <!--nextpage--> */
		
	/* IMAGES ~ For the new Wordpress 2.5 image gallery feature! */
	.image { } /* Individual entry wrapper. */

		h3.image-title { } /* Title of image. */

		.image-date { } /* Date for image. */
		
		.image-attachment { } /* Wrapper for the actual image being viewed. */

			.image-attachment img { } /* Styling for the image itself. (Size, border, etc) */
			
		.image-caption { } /* Caption for the image. */
		
		.image-text { } /* Content text for image's entry. */
		
		.image-meta { } /* Meta information for image. */
	

/* ---- PAGE :: SEARCH RESULTS & 404 ---- */
/* The pages a visitor sees after submitting a search query or receiving a 404 (not found) error page. */

span.searchquery { } /* Highlight the query the visitor searched for or page/link that was 404 (not found). */

.result  { } /* Individiual search result wrapper. */
	
	h3.result-title { } /* Titles wrapped in h2 tags. :: http://www.w3schools.com/TAGS/tag_hn.asp */

	.result-date { } /* Dates for each individual entry. */
	
	.result-text { } /* Content for each individual entry. */
	
	.result-meta { } /* Meta information for each individual entry. */


/* ---- PAGE :: ARCHIVES ---- */
/* The pages a visitor sees when viewing an archive page (category, month, year, etc). */

.archive { } /* Individiual archive entry wrapper. */
	
	h3.archive-title { } /* Title for the archive entry. */

	.archive-date { } /* Dates for each archive entry. */
	
	.archive-text { } /* Content for each archive entry. */
	
	.archive-meta { } /* Meta information for each archive entry. */
	
#tagcloud { } /* Tag cloud wrapper for the Archives page, if enabled. */

		

/* ---- SIDEBAR ---- */
/* The sidebar that will appear on every page if specified. */
/* See "functions.php" for other customization. */
	
#sidebar { 
border-top:1px dotted #ccc;
} 

	
.widget { float:left;
width:40%;
padding:20px;
} 
	
	h5.widget-title { } /* Title for each individual sidebar widget. */

	.widget ul { list-style-type: none;} /* Sidebar bulleted (unordered) lists. */
	
	.widget ul li { font: 10px/10px georgia; 
font-style:italic;} /* Sidebar bulleted list elements. */
	

	
/* ---- FOOTER ---- */
/* The footer that will appear on every page if specified. */

#footer { clear:both; font:11px/15px arial; padding-bottom:100px;} /* The main wrapper for the footer elements. */

	#footer p { } /* Paragraph tags in the footer. */