/*  
Theme Name: New Tiffany B. Brown
Theme URI: http://tiffanybbrown.com/plaintheme/
Description: My new theme.
Version: 1.0
Author: Tiffany B. Brown
Author URI: http://tiffanybbrown.com/

*/

/*------------------------------------------------------------*/
/* Resets and defaults */
/*------------------------------------------------------------*/
abbr, cite{font-style: normal; border: 0; cursor: help;}
cite{cursor: normal;}
body,div{margin:0; padding:0;}
a img{border:0;}

a:link{color: #309;}
a:visited{color: #666;}
a:hover, a:active{color: #c00;}


h1,h2,h3,h4,h5,h6{text-transform: capitalize;}
h1,h2,h3,h4{font-weight:normal;}
/*------------------------------------------------------------*/
body {
	font: 12px / 1.3 Georgia,Constantia,Times,serif;
	/* background: #fff url(http://tiffanybbrown.com/wp-content/themes/new_tbb/images/background.png); */
	background: #fff;
	color: #000;
	margin: 0;
	padding: 0;
	position: relative;
	text-align: center;
}

h3{font-size: 1.5em;}
h4{font-size: 1.4em;}
h5{font-size: 1.3em;}
h6{font-size: 1.3em.}

abbr, cite{font-style: normal; border: 0; cursor: help;}
cite{cursor: normal;}

.flickr-frame a img, a:hover img, a:active img{background: #fff; border: 0;}
a img{border: none; background: none; background-color: transparent;}
.b{font-weight: bold;}
pre, code{font-size: 1em;}
pre{width: 95%; overflow: auto; padding: 20px 10px; background: #eee; border:1px solid #ccc; }
.footnote{font-style: italic; color: #333;}
.footnote em{font-style:normal;}
.title{font-style:italic;}
.editors-note i, .editors-note em{font-style: normal;}
.crossout{text-decoration:line-through;}
blockquote i, blockquote em{font-weight: bold;}

.footnote{font-size: .9em;}
del{display: none;}
ins{text-decoration: none; font-style:normal;}
.editors-note{background-color: #ffc; color: #222; font-style:italic;}

li{margin-bottom:1em}

sup a:link, sup a:visited, sup a:hover, sup a:active,
sub a:link, sub a:visited, sub a:hover, sub a:active{text-decoration: none; font-size: .9em;}


#wrapper{
	border-top: 5px solid #000;
	width: 950px;
	margin:0 auto;
	position: relative;
}
#mast, #footer{
	clear:both;
	text-align: left;
	margin: 0 auto;
	position: relative;
	width: 100%;
}
#mast{ 
	float:left; 
	clear:both; 
	background-image: url(http://tiffanybbrown.com/wp-content/themes/new_tbb/images/maststripe.png);
	background-position: 0 -5px;
	background-repeat: repeat-x;
	padding: 4em 0;	
}

h1#sitename{font-size: 3em; font-weight:normal; width: 10em; float:left; margin:10px 0 0 0;}
h1#sitename a:link, h1#sitename a:visited{color: #000; text-decoration:none;}
h1#sitename a:hover, h1#sitename a:active{color: #c00;}

#tagline{
	color: #333;
	font-style: italic; 
	font-size: 1.5em; 
	text-transform: lowercase;
	width: 310px;
	float:right;
	text-align:right;
	margin-top: 1.55em;
}

#content{
	border-top: 5px solid #000;
	text-align:left;
	width:625px;
	margin-right:15px;
	padding-top: 2em;
	float:left;
}
#content #recent-entries, #comments{border-top:1px solid #ccc;}
#comments{width: 630px;}

#commentlist li{
	font-size: 1.2em;
	line-height: 1.5;
	margin-right:2em;
}	

#commentlist li ol{
	font-size: 1.2em;
	line-height: 1.5;
	margin-right:2em;
}


#recent-entries h2, #comments h2, #comments h3{font-weight:normal; font-size: 2em;}
#comments h3{font-size: 2.5em; background: #c;}
#recent-entries ul{}
#recent-entries a{display:block; padding:4px; text-transform: capitalize;}
#recent-entries a:link, #recent-entries a:visited{background: #e5e5e5; color: #222; text-decoration:none;}
#recent-entries a:hover, #recent-entries a:active{color: #000; background: #fc0;}
#recent-entries li{
	font-size: 1.6em;
	margin:0 0 .5em -40px; 
	overflow: hidden; 
}

#sidebar{
	border-top: 5px solid #000; 
	text-align:left;
	width:305px;
	padding-top: 0px;
	float:right;
}
#sidebar > div, .single #sidebar > div, .search #sidebar > div, .archive #sidebar > div{margin-top:60px;}
#sidebar > div:first-child{margin-top:0;}
#sidebar h4{
	font-size: 1.4em;
	color:#333;
	margin-top: 0;
	font-weight:normal;
	clear:both;
	float:left;
	width:100%;
	border-top: 5px solid #999;
	padding-top: 21px;
}
#sidebar > div:first-child h4{border-top: 0;}
* html #sidebar div#linkblog h4{border-top: 0;}

#sidebar h4 a{
	font-size: .6em;
	display:block;
	text-transform:uppercase;
	font-weight:normal;
	float:right;
	padding-top: .5em;
}
#sidebar h4 a:link, #sidebar h4 a:visited{color:#999; text-decoration:none;}
#sidebar h4 a:hover, #sidebar h4 a:active{color:#c00;}
#sidebar ul{list-style-type:none; margin:0; clear:both;}
#sidebar li{margin:0 0 .5em -40px; padding:2px 0; text-overflow: ellipsis; width: 310px;}
* html #sidebar li{margin:0 0 .5em 0px;}
#sidebar li a:link, #sidebar li a:visited{display:block; overflow:hidden; padding:4px 0 4px 4px; text-decoration:none; color: #222; background-image: url(http://tiffanybbrown.com/wp-content/themes/new_tbb/images/ccc50trans.png);}
#sidebar li a:hover, #sidebar li a:active{background: #fc0; color: #000;}

#sidebar li a img{vertical-align: top; margin-right: 5px;}
#sidebar a.more{font-size: 1.2em; display:block; margin-top:1.9em; text-decoration:none;}
#sidebar a.more:link, #sidebar a.more:visited{color: #333;}
#sidebar a.more:hover, #sidebar a.more:active{color: #c00;}

#sidebar #about-post div{
	color: #333;
	margin: 1em 0;
}
#about-post #permalink-uri{
	white-space:nowrap;
	text-overflow: ellipsis;
	overflow:hidden;
}
#about-post #permalink-uri:hover{
	overflow:visible;
}

.post, .search dd, .archive dd{ font-size:1.2em; }


.post{line-height: 2; margin: 0 1em 3em 0;}
.post h2, .post h1, .search h1, .archive h1{font-weight: normal; font-size: 2.5em; line-height: 1.5;}
.post h1{margin:0;}
.post h2 a:link, .post h1 a:link{color: #006; text-decoration:none;}
.post h2 a:visited, .post h1 a:visited{color: #003;  text-decoration:none}
.post h2 a:hover, .post h2 a:active,
.post h1 a:hover, .post h1 a:active{color: #c00;}
.post .photo, .post .video, .post embed, .post obect{display:block; clear:both;}
.post p{
	margin-bottom: 2.2em;
}

.post p.footnote{margin-bottom: 1em;}

.post a:link{color: #30c;}
.post a:visited{color: #006;}
.post a:hover,.post a:active{color: #c00;}

.post a.more-link{display: block; font-size: 1.5em; margin-top: 2em; text-decoration:none; width:10em;}
.post a.more-link:link{color: #003;} 
.post a.more-link:visited{color: #333;}
.post a.more-link:hover, .post a.more-link:active{color: #c00;}

.postedwhen{color: #626262; font-size: .9em; text-transform: uppercase; line-height: 2;}
.postedwhen a:link, .postedwhen a:visited{color: #626262; text-decoration:none;}

* html q{font-style:italic;}

#footer{
	color: #333;
	background: #e5e5e5
	clear:both;
	margin-top: 10em;
	float:left;
	padding: 0;
	line-height: 1.5em;
	width:100%;
	border-bottom: 5px solid #666;
}
#copyright{clear:both; font-weight:bold; margin:0; padding: 3px 0 3px 1em;background: #cbcbcb}
#footer a.more{
	display:block;
	margin-top: 2em;
}
#footer a:link, #footer a:visited{color: #333; text-decoration:none;}
#footer a:hover,#footer a:active{color: #c00; text-decoration:underline;}
#copyright a:link, #copyright a:visited, #copyright a:hover{text-decoration:underline;}
#footer #about{
	float:left;
	width: 400px;
	margin: 1em;
}
#about h4{font-size: 1.5em; font-weight:normal; margin:0;}

#searchform{float:right; margin: 1em;}
#searchform label{font-size: 1.5em; display:block; margin-bottom:.8em;}
#searchsubmit, #commentform #submit{
	background: #666; 
	border: #666; 
	padding: 3px; 
	color: #fff; 
	font: 12px / 1.3 Georgia,Constantia,Times,serif;
	text-transform:uppercase;
} 
#s{
	background: #fff;
	border: 1px solid #666;
	font: 12px / 1.3 Georgia,Constantia,Times,serif;
	padding: 3px;
	width: 20em;
}
#s:focus{border-color: #c00;}
#searchsubmit:hover, #searchsubmit:focus{background: #c00;}


/*----------------------------------------------------
SINGLE PAGE
-----------------------------------------------------*/

.single #mast, .search #mast, .archive #mast{
	padding: 1em 0; 
	background-position: 0 -15px;
}
.single #tagline, .search #tagline, .archive #tagline{
	color: #333;
	font-style: italic; 
	font-size: 1em; 
	text-transform: lowercase;
	width: 310px;
	float:right;
	text-align:right;
	margin-top: 1.6em;
}
.single h1#sitename, .search h1#sitename, .archive h1#sitename{font-size: 1.5em; font-weight:normal; width: 10em; float:left; margin:15px 0 0 0;}
.single .post h1{margin-top:-6px;}

.single h2{font-size:1.9em}

blockquote{ font-style:italic; margin: 1em 0; padding: 0 0 0 80px; background: url(images/quote.gif) top left no-repeat; font-size: 1.4em;}
blockquote.longquote{ font-size: .95em;}


/*----------------------------------------------------
SEARCH PAGE
-----------------------------------------------------*/
.search dd, .archive dd{margin-bottom: 2em;}

dd{margin: .5em 10px 1em 0; line-height:1.5; }
dt{font-weight: bold; font-size: 1.25em;}
dt a{text-decoration:none;}

#page-navigation a{text-decoration: none; font-size: 1.5em;}
#page-navigation #older{float:left;}
#page-navigation #newer{float:right;}


/*----------------------------------------------------
other stuff
-----------------------------------------------------*/ 

.rightimg{float: right; margin: 10px 0 10px 10px; border: 1px solid #ccc; padding:3px;}
.leftimg{float: left; margin: 10px 10px 10px 0px; border: 1px solid #ccc;}

.video, .image500, .image500 img{display:block; clear:both; margin-bottom: 20px;}
.image500{font-size: .8em; color: #666; font-style:italic;}
.image500 img{margin-bottom:10px;}

ol#commentlist, ol#commentlist ul.children{list-style-type: none;}
#commentlist ul.children li{font-size: inherit; margin: 2em; border:0;}
ol#commentlist li{
	padding: 0 .1em 2em .1em;
	margin:  0 0 0 -40px;
	width: 630px;
	border-top: 1px solid #eee;
}

ol#commentlist li:nth-child(even){background:#f7f7f7;}
ol#commentlist li:hover{background:#ffe;}
	
ol#commentlist .comment-meta{
	color: #000;
	padding: 5px 0 3px 0;
	white-space: nowrap;
}

ol#commentlist .comment-meta a{color: #006; font-weight: bold; text-decoration: none;}
ol#commentlist .comment-meta a:hover, ol#commentlist .comment-meta a:active{color: #c00; background: none;}

#commentform label{
	display:block;
	font-weight:bold;
	font-size:1.1em;
}
#commentform input[type="text"], #commentform textarea{
	font: 1.5em / 1.3 Georgia,Constantia,Times,serif;
	border:1px solid #ccc;
}

#commentform input[type="text"]{width: 100%;}
#commentform textarea{width: 100%;}
#commentform input[type="text"]:focus, #commentform textarea:focus{
	background:#FFFFF6;
}
#commentform #submit{
	background:#c00;
	border:1px solid #c00;
	padding:4px 6px;
}
#commentform #submit:hover{background:#006; border: 1px solid #006;}

#commentform div{margin: 2em 0;}

#post-comment, #comment-count{color: #630; border-left: 5px solid #630; padding: 3px 3px 3px 10px;}

h3#respond{border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding: 5px 0;}

table{border: 1px solid #888; border-collapse: collapse;}
td{padding: 3px; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc;}
tr:nth-child(even){background: #eee;}
th{background: #888; padding:5px; vertical-align:bottom;}