/*  
Theme Name: Tiffany B. Brown
Theme URI: http://tiffanybbrown.com/
Description: My theme.
Version: 1.6
Author: Tiffany B. Brown
Author URI: http://tiffanybbrown.com/

*/
body {
	font: 75.5% / 1.3 helvetica, arial, sans-serif;
	background: #fff;
	border-top: 5px solid #000;
	color: #000;
	margin: 0;
	padding: 0 20px;
	position: relative;
	text-align: center;
}
abbr, cite{font-style: normal; border: 0; cursor: help;}
cite{cursor: normal;}

a:link{color: #03f;}
a:visited{color: #00c;}
a:hover, a:active{color: #000; background: #fc6; text-decoration: none;}
.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: 1.2em;}
pre{width: 58em; overflow: auto; padding: 20px 30px;; background: #eee; border:1px solid #ccc; }
blockquote, .footnote{font-style: italic; color: #333;}

.editors-note i, .editors-note em{font-style: normal;}
blockquote i, blockquote em{font-weight: bold;}

.footnote{font-size: .9em;}
del{display: none;}
ins{text-decoration: none;}
.editors-note{background-color: #ffc; color: #222; font-style:italic;}
#mast, #content, #footer{
	text-align: left;
	margin: 0 auto;
	position: relative;
	width: 60em;
}
#ad{margin: 1.5em 0; padding-top: .5em; border-bottom: 1px dotted #eee; border-top: 1px dotted #eee;}
#footer{
	border-top: 1px solid #888;
	clear:both;
	font-weight: bold;
	margin-top: 2em;
	padding: 1.5em 0;
	text-align: right;
}
label{font-weight: bold; display: block; margin-top: 1em;}


#content sup a:link, #content sup a:visited, #content sup a:hover, #content sup a:active{text-decoration: none; background: #fff; font-size: .9em;}
#searchform{text-align: left; margin: auto; width: 60em;}
#searchform input[type="text"]{width: 35em; margin-top: 4px;}

/*
h1,h2,h3,h4,h5,h6, #tagline, #navigation, #page-navigation, input[type="submit"], #post-navigation,
ol#commentlist .comment-meta, #footer, blockquote{
	font-family: Georgia, 'Times New Roman', serif;
}
*/

dd{margin: 1px 10px 20px 0;}
dt{font-weight: bold; font-size: 1.15em}

#tagline{font-style: italic; font-size: 1.1em; text-transform: lowercase; text-indent: 3px; margin-bottom: 3em;}

#navigation{ 
	font-weight: bold;
	position: absolute;
	right: 0; 
	text-transform: lowercase; 
	top: -7.5px; 
}

#navigation li{display: inline;}
#navigation a, #page-navigation a, #post-navigation a, input[type="submit"]{padding: .5em 5px 5px 5px; text-decoration: none; background: #000;}
#navigation a{border-radius-bottom-left: 6px; border-radius-bottom-right: 6px; -moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; }
#navigation a:link,  #page-navigation a:link, input[type="submit"]{color: #fff; font-family:helvetica,arial,sans-serif;}
#navigation a:visited,  #page-navigation a:visited{color: #ccc;}

#post-navigation{clear:both; float: left; width: 100%; margin: 0 0 2em 0;}
#post-navigation div{
	display: block;
	float:left; 
	height: 2em; 
	margin-right: 10px; 
	overflow:hidden; 
	text-overflow: ellipsis; 
	white-space: nowrap;
	max-width: 25em; 
}
#post-navigation a{background: #ccc; display:block; padding: 3px 15px 3px 3px;}
#post-navigation a:link{color: #000;}
#post-navigation a:visited{color: #444;}
#post-navigation a:hover, #post-navigation a:active{background: #fc6; border:none;}

#navigation a:hover, #navigation a:active,  #page-navigation a:hover,  #page-navigation a:active{color: #c09; background: #000; text-decoration: none; margin: 2em 0;}

h1{margin: 0 0 0 0; padding-top: 10px;}
h1#sitename{text-transform: lowercase;}
h1 a:link, h1 a:visited{color: #c09; text-decoration: none;}
h1 a:hover, h1 a:active{color: #fff; background: #c09; text-decoration: none;}

.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{display:block; clear:both; margin-bottom: 20px;}

.post{background: url(/images/stars.gif) bottom no-repeat; padding-bottom: 40px;}
.post:last-child{background: none;}

h1{margin: 0 0 0 0; padding-top: 10px; color: #000;}
h2, h3{color: #00c;}
h4, h5{color: #006;}
h6{color: #003;}

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


.post p{margin: 5px 0 20px 0;}
.post .video img{border: 1px solid #000;}
.post a img{background: transparent none;}
.postmeta{color: #626262; font-size: .95em;}
.postmeta div{margin: 0px;}

#searchform{margin-top: 20px;}

input[type="submit"]{
	border: 3px solid #000;
	padding: 0; 
	font-weight: bold; 
	font-size: 1.5em;  
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
input[type="text"], textarea{
	border: 1px solid #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	width: 30em;
	font-size: 1.5em;
	padding: 2px;
}

input[type="text"]:focus, textarea:focus{background: #ffc;}

ol#commentlist{list-style-type: none;}
ol#commentlist li{
	border-top: 1px solid #969696;
	margin: 30px 30px 30px -40px;
	width: 60em;
}

ol#commentlist .comment-meta{
	background: #ccc;
	color: #000;
	width: 55%;
	margin: 0 3px 3px 0;
	padding: 3px 10px 3px 3px;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #969696;
	white-space: nowrap;
	overflow-x:hidden;
	text-overflow: ellipsis; 
}

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

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

.single .postmeta{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 10px 5px;
	font-style: normal;
	background: #eee;
	color: #000;
}
.single .postmeta a:link, .single .postmeta a:visited{
	color: #000; background: none;
}
.single .postmeta a:hover, .single .postmeta a:active{
	color: #e60; background: none;
}

#commentform{margin-bottom: 2em; clear:both;}
#isuser{margin: 1em 0;}

table{
 	border: 1px solid #888;
	border-collapse: collapse;
}
td{padding: 3px;}
th{background: #888;}
/* Archive pages */
#archive-page p, #archive-page ul{margin: 2px 0;}
#archive-page dt{margin-bottom: 2px;}
dt[id] .postdate{font-weight: normal;}

/* IE 7 */
#ie7fix #navigation{top: 0;}

.product-notes{
	float: right; 
	margin: 0 0 1em 1em; 
	background: #eee; 
	border: 1px solid #ccc;
	border-radius: 8px;
	padding: .5em;
}

.photo{
	font-size: .9em;
	color: #676767;
	margin: 2em auto;
}