/*

---------------------------------------------------------------

Title:   Screen styles for dougdosberg.com
Author:  Doug Dosberg
Updated: September 24 2007

TOC
 1. Fixes
 2. Global
 3. Navigation
 4. Header
 5. Search 
 6. Post
 7. Sidebar
 8. Hotbar
 9. Fly Trap
10. Lost & Found
11. Comments
12. Links
13. Footer
14. Tool Tips
15. Misc

 -- [ 1. Fixes ] -----------------------------------------------*/

.clearfix:after{
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}

.clearfix{
    display:inline-block;
}

.clearfix{
    display:block;
}

* html .clearfix{
    height:1px;
}

#jump{
	display:none;
}

h2.delicious-banner{ /* until I figure out what's going on */
	display:none;
}
#links #post_entry a.delicious-link:hover{
	color:#CC0000;
}

/* -- [ 2. Global ] --------------------------------------------*/

body{
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande",Geneva,Verdana,Arial,Helvetica,sans-serif;
	background: #fff url(images/bground.gif) repeat-x;
	font-size:70%;
}
#content{
	margin:0 auto;
	padding:0 20px;
	width:84em;
}
h1 {
	font-size: 2.5em;
	color: #000;
	text-align: left;
	margin:0px 0pt -3px;
	float:left;
	width:17em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}
h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:4.1em;
	font-weight:normal;
	color:#FFFFFF;
	width:13em;
	margin:0;
	padding-top:40px;
	position:relative;
}
h3{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000;
	font-size:1.7em;
	line-height:1.2em;
	font-weight:normal;
	padding-top:5px;
	padding-bottom:0;
	margin:40px 0 15px;
}
h4{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#660000;
	font-size:1.7em;
	font-weight:normal;
	margin:0 0 10px;
	border-bottom:1px solid #ccc;
}
h5{
	color:#C2CD92;
	font-size:2em;
	font-weight:normal;
	margin:0;
}
h6{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size:1.3em;
	margin:0;
	padding:0;
}
a:link, a:visited{
	color: #006699;
	text-decoration:none;
}
a:hover, a:active{
	color: #CC0000;
}
hr{
	display:none;
}
blockquote {
	text-indent: 25px;
        font-style:italic;
	background: url(http://dougdosberg.com/images/quotes-a.png);
	background-position: 0 2px;
	background-repeat: no-repeat;
        margin-bottom:25px;
}
blockquote p {
	display: inline;
	margin: 0;
	padding-right: 24px;
	background: url(http://dougdosberg.com/images/quotes-b.png);
	background-position: bottom right;
	background-repeat: no-repeat;
}
.welcome{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:4.1em;
	font-weight:normal;
	color:#FFFFFF;
	width:13em;
	margin:0;
	padding-top:40px;
	position:relative;
}
.welcome a{
        color:#fff;
}
.more{
	font-size:2.8em;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:45px;
	color:#FFFFFF;
	float:left;
	margin:18px 0 0 0;
}

/* -- [ 3. Navigation ] --------------------------------------------*/

.navContainer {
	margin: 0px auto;
	padding: 0px;
	font-size:1.3em;
	width:940px;
	z-index:99;
	position:relative;
}
.nav{ 
	list-style: none;
	text-align:left;
	position:absolute;
	overflow:hidden;
	float:right;
	right:0;
	margin:18px 0;
}
.navTab{
	margin:0;
	padding:0;
/*	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.dougdosberg.com/wp-content/themes/mezzo/images/navTab.png', sizingMethod='crop'); */
	width:100px;
	height:27px;
	text-indent:-99999px;	
	cursor:pointer;
}
.navTab[class]{
	background-image:url(http://www.dougdosberg.com/wp-content/themes/mezzo/images/navTab.png);
}
#navDrop{
	margin:0;
	padding:0 0 5px;
	list-style-type:none;
	position:relative;
	left:-99999px;
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.dougdosberg.com/wp-content/themes/mezzo/images/navBg.png' ,sizingMethod='crop');*/
}
#navDrop[id]{
	background: transparent url(images/navBg.png);
}
.nav li{
	width:124px;
	margin-bottom:-3px; /* Fixes IE */
}
.nav li a, .nav li a:visited{
	line-height:24px;
	padding-left: 5px;
	padding-right:5px;
	display:block;
	color:#FFFFFF;
}
.nav li a:hover{
	background: transparent url(images/navBg.png);
}
#rssFeed{
	position:absolute;
	float:right;
	right:0;
	margin-top:22px;
	z-index:200;
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.dougdosberg.com/wp-content/themes/mezzo/images/rssIcon.png' ,sizingMethod='crop');*/
	width:20px;
	height:20px;
	text-indent:-99999px;
	cursor:pointer;
}
#rssFeed[id]{
	background: transparent url(images/rssIcon.png) no-repeat;
}

/* -- [ 4. Header ] --------------------------------------------*/

#tophat{
	background-color:#390101;
	height:45px;
}
#header{
	background:#911100 url(images/background.gif) no-repeat;
	height: 290px;
}
#headerContainer{
	margin:0 auto;
	width:84em;
}
#header h2 a, #header h2 a:visited{
	color:#fff;
}
.me{
    /*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.dougdosberg.com/wp-content/themes/mezzo/images/me.png' ,sizingMethod='crop');*/
	position:absolute; 
	top:15px; 
	z-index:1; 
	left:0; 
	cursor:pointer;
	margin-left:49%;
	width:423px;
	height:304px;
}
.me[class] {
	background-image:url(images/me2.png);
}

/* -- [ 5. Search ] --------------------------------------------*/

#searchBlog{
   /* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.dougdosberg.com/wp-content/themes/mezzo/images/searchBg.png' ,sizingMethod='crop');*/
	height:45px;
	width:217px;
	float:left;
	margin:25px 0 0 15px;
}
#searchBlog[id]{
	background-image:url(images/searchBg.png);
}
#searchBlog p{
	margin:0;
	padding:0;
}
.input{
	width: 160px;
	border: 1px solid #999;
	font-size: 22px;
	color: #999;
	margin:5px 0pt 0pt 5px;
	padding:2px;
	float:left;
	position:relative;
}
.goBtn{
	margin-top: 5px;
	float:left;
	position:relative;
}

/* -- [6. Post ] --------------------------------------------*/

#post_entry {
	margin: 0px;
	float: left;
	width: 48em;
}
#post_entry h1 a:link, #post_entry h1 a:visited {
	text-decoration: none;
	color: #000;
}
#post_entry h1 a:hover, #post_entry h1 a:active {
	color: #CC3333;
	text-decoration: none;
}
.post_meta {
	padding-bottom: 30px;
	margin-top:5px;
}
.post_permalink {
	float: left;
	width: 445px;
	position: relative;
}
.post_content p.image{
	margin-bottom:0;
}
.post_content p {
	margin-bottom:25px;
	margin-top: 0px;
	line-height:21px;
}
.post_content blockquote {
	clear: both;
}
#post_entry h4{
	margin-bottom:20px;
}
.post_content code {
	clear: both;
	display:block;
	margin:20px 0;
	padding: 31px;
	width:31.5em;
	color: #333;
	font-family:Lucida Grande, arial;
	font-size:1.1em;
	border:2px solid #EACEC3;
}
.post_content span.tab{
	margin-left:40px;
}
.post_content span.dbltab{
	margin-left:80px;
}
.post_content ol{
	margin-bottom:10px;
}
.post_content img {
	margin: 0 20px 10px 0;
	float: left;
	border:1px solid #ccc;
	padding:4px;
	background-color:#fff;
}
.post_content ol li{
	margin-bottom:15px;
}
.post_content ol li ul li{
	margin-bottom:0;
}
.post_footer{
	display:block;
	padding:5px;
	border:1px solid #ddd;
	background-color:#F6F2EA;
	clear:both;
}
.post_comments {
	float:left;
	font-size:95%;
	padding:2px;
	font-size:1.2em;
}
.post_updates {
	float: left;
	width: 480px;
	height: 40px;
	line-height: 40px;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}

/* [post -calendar ] */

.post_date {
	background:transparent url(images/date-bg.gif) no-repeat scroll 0%;
	font-family:"Trebuchet MS",Tahoma,Arial,Verdana;
	float:left;
	height:49px;
	width:46px;
	margin-right:11px;
}
.days {
	color:#333;
	display:block;
	font-size:22px;
	line-height:18px;
	font-weight:bold;
	font-family:arial;
	padding-top:7px;
	text-align:center;
	text-transform:uppercase;
}
.month {
	color:#FFFFFF;
	display:block;
	font-size:10px;
	line-height:11px;
	padding-top:3px;
	text-align:center;
	text-transform:uppercase;
}
.author {
	float: left;
	margin: 0px;
	padding:2px;
	color: #999;
	text-align: left;
	font-size:1.2em;
}
.category {
	float: left;
	margin: 0px;
	padding:2px;
	color: #999999;
	text-align: left;
	font-size:1.2em;
}
.post_content {
	padding-top: 20px;
	padding-bottom: 12px;
	line-height: 1.5em;
	text-align: left;
	color: #333;
	font-size: 1.2em;
	font-weight: normal;
	clear:both;
}
.feedmenow {
	margin: 0px;
	width: 460px;
	font-size: 11px;
	color: #333333;
}

/* -- [ 7. Sidebar ] --------------------------------------------*/

#sidebar {
	float: left;
	width: 14.4em;
	padding-left: 30px;
	margin: 0px 0 40px;
	text-align: left;
}
#sidebar ul {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	margin:0 0 35px;
	padding: 0px;
	list-style-type: none;
}
#sidebar ul li {
	padding:0;
	margin:3px 0 0;
}
#sidebar ul.recentComments li, #sidebar ul.recentPosts li, #sidebar ul.rss-items li {
	margin:3px 0pt 10px 0px;
}

/* [ Additional Sidebar ] */

#ad_sidebars {
	float:left;
	width:16.2em;
	padding-left:30px;
}
h4#subscribe{
	border-bottom:none;
}

/* [ Flickr ] */

#flickr {
	margin:0 0 25px;
}
#flickr .flickr_badge_image a{
	float:left;
	border:4px solid #eacec3;
	padding:1px;
	width:75px;
	height:75px;
	margin:0 8px 8px 0;
}
#flickr .flickr_badge_image a:hover{
	border:4px solid #d5beb4;
}
#flickr #flickr_badge_image2  a, #flickr #flickr_badge_image4  a, #flickr #flickr_badge_image6  a{
	margin:0;
}
img{
	border:0px;
}

/* -- [8. Hotbar ] --------------------------------------------*/

#hotbar{
	margin:0;
	padding-bottom:30px;
	background-color:#122936;
}
.hotbarContainer {
	margin: 0px;
	padding-top: 35px;
	text-align: left;
	padding-bottom: 20px;
	width:84em;
	margin:0 auto;
}
.hotbarContainer h3 {
	width:12.17em;
	font-size:2.2em;
	color: #eeeeee;
	font-weight: normal;
	font-family: Georgia,"Times New Roman",Times,serif;
	padding:0px 0px 4px;
	border-bottom:1px dotted #000000;
	margin:0px 0px 8px;
}
.hotbarContainer ul {
	float: left;
	width: 300px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.hotbarContainer ul li a:link, .hotbarContainer ul li a:visited {
	color: #E6E1D0;
	text-decoration: none;
}
.hotbarContainer ul li a:hover, .hotbarContainer ul li a:active {
	color: #CC0000;
	text-decoration: none;
}
#hotbar #clipboard a{
	display:block;
	padding:5px 8px 12px;
	margin-bottom:5px;
	color:#fff;
	text-decoration:none;
	background-color:#0f202c;
}
#hotbar #clipboard a:hover{
	background:#08141d;
}
#hotbar #clipboard div a, #hotbar #clipboard div a:hover{
	background:none;
}

/* -- [9. Flytrap ] --------------------------------------------*/

#watching{
	float: left;
}
#watching h3{
	width: 24.5em;
}
#watching h5 a{
	border-bottom:none;
}
#watching .item{
	background-color:#0F202C; 
	width:52.2em; 
	padding:10px;
}
#watching .item img{
	float:left; 
	border:4px solid #C2CD92; 
	padding:3px; 
	background:white;
}
#watching .itemText{
	float:left; 
	width:22em; 
	margin-left:20px; 
	color:#fff;
	font-size:1.1em;
}
#watching a{
	color:#C2CD92; 
	border-bottom:1px dotted #c2cd92;
}
#watching a:hover{
	text-decoration:none; 
	border:none;
}

/* -- [ 10. Lost & Found ] --------------------------------------------*/

#clipboard{
	color:#fff;
	float:left;
	width:26.8em;
	padding-right:35px;
}
#clipboard img{
	margin-bottom:-3px;
}
#clipboard div{
	display:block;
	border-top:1px dotted #000;
	padding-top:5px;
	margin-top:8px;
	margin-bottom:15px;
}
#clipboard  span.fquick-link{
	margin:0;
	font-size:1.3em;
	color:#c2cd92;
	display:block;
}
#clipboard span.fquick-desc{
	font-size:1.1em;
}
#clipboard p{
	font-size:1.1em;
	margin:0;
	margin-bottom:20px;
	color:#fff;
}

/* -- [ 11. Comments ] --------------------------------------------*/

#comments{
	width:100%;
	clear:both;
	color:#000;
	font-size:1.1em;
}
#comments h4{
	border-bottom:none;
	margin:0;
	clear:both;
}
#comments form {
	border:1px solid #ccc;
	margin: 10px 0 50px 0;
	padding-top:5px;
}
.comment {
	margin:15px 0pt 0pt;
	position: relative;
	background-color: #f9f9f9;
	border:1px solid #e1e1e1;
	padding:15px;
}
.authorcomment {
	margin:15px 0pt 0pt;
	position: relative;
	background-color: #F4FCCD;
	border:1px solid #B6C472;
	padding:15px;
}
.comment a:link, .comment a:visited, .authorcomment a:link, .authorcomment a:visited{
	text-decoration: none;
	color: #006699;
	font-weight:bold;
}
.comment a:hover, .comment a:active{
	text-decoration: none;
	color: #CC0000;
}
#comments .timestamp{
	text-align: left;
	margin: 3px 0px;
	font-size: 10px;
}
.commentauthor{
	font-size: 1.3em;
}
#comments .message{
	padding-bottom: 5px;
	color:#000;
	font-size:1.1em;
}
#comments ul {
	float: left;
	width: 300px;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#comments li {
	float: left;
	width: 250px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}
#comments ol {
	float: left;
	width: 300px;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#comments p {
	clear: both;
	margin:10px 0px 5px;
	font-size: 1em;
	line-height:1.6em;
}
.text_f {
	width: 200px;
	padding-top: 1px;
	padding-bottom: 1px;
	border: 1px solid #CCCCCC;
	margin-left:15px;
}
.text_a {
	height: 150px;
	width: 493px;
	padding: 4px;
	margin: 15px 0 0 15px;
	border: 1px solid #CCCCCC;
}
p.inform {
	float: left;
	width: 400px;
	font-size: 11px;
	color: #999999;
	padding:0 0 0 15px;
}
#sbm {
	width: 400px;
	text-align: left;
	margin:0 0 10px 15px;
}

/* -- [ 12. Links ] --------------------------------------------*/

#rss a:link, #rss a:visited {
	color: #FF9900;
	text-decoration: none;
	font-weight: bold;
}
#rss a:hover, #rss a:active {
	font-weight: bold;
	color: #eeeeee;
	text-decoration: none;
}
.top_navigator a{
	color:#fff;
	text-decoration:none;
}
.author a:hover, .author a:active {
	color: #CC0000;
	text-decoration: none;
}
.post_content a:link, .post_content a:visited, .post_content a:active  {
	color: #006699;
	text-decoration: none;
	border-bottom:1px dotted #006699;
}
.post_content a:hover{
	color: #CC3333;
	text-decoration: none;
	border:none;
}
.light {
	font-weight: normal;
	color: #CCCCCC;
}
.related_articles {
	margin: 0px;
	float: left;
	width: 400px;
	font-size: 10px;
	color: #999999;
	background-image: url(images/vine_line.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 15px;
}
.related_articles a:link, .related_articles a:visited {
	color: #006699;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}
.related_articles a:hover, .related_articles a:active {
	color: #CC0000;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}
.inform a:link, .inform a:visited {
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}
.inform a:hover, .inform a:active {
	color: #CCCCCC;
	text-decoration: underline;
	font-weight: bold;
}
#validation {
	font-size: 11px;
	color: #CCCCCC;
}

/* -- [ 13. Footer ] --------------------------------------------*/

.footer {
	margin: 0px;
	background-color:#000;
	height: 50px;
	padding-top: 15px;
	text-align:center;
}
.list_footer {
	float: left;
	width: 300px;
	position: relative;
	padding-right: 10px;
	padding-left: 10px;
}
.footer p {
	margin: 0px;
	line-height:1.5em;
	font-size: 1.1em;
	color: #efefef;
	font-weight: normal;
}
.footer a:link, .footer a:visited {
	color: #eeeeee;
	text-decoration: none;
	font-weight: bold;
}
.footer a:hover, .footer a:active {
	color: #CCCCCC;
	text-decoration: none;
	font-weight: bold;
}
.footer .vcard{
	position:absolute;
	margin-left:99999px;
	overflow:hidden;
	display:none;
}

/* -- [ 14. Tool Tips ] --------------------------------------------*/

.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
	background: url(images/bubble.png) top left;
}
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(images/bubble.png) top left;
}
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(images/bubble.png) top right;
}
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
.custom-text{
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}
#tipsy div{
	height:50px;
	margin-bottom:30px;
	background-color:gray;
	text-indent:-99999px;
}

/* -- [ 15. Misc. ] --------------------------------------------*/

body#about .post_title{
	margin-top:0;
}
body#about .author, body#about .category{
	display:none;
}
body#about #wp_content h2{
	color:#000;
	font-size:1.5em;
	font-weight:normal;
	padding-top:20px;
	padding-bottom:12px;
}
form.ddfm img{
	float:left;
	margin:1px 0pt 0pt 10px;
}
.post_content img.verify{
	padding:0;
	width:59px;
}
#links #post_entry .rss-box{
	clear:both;
	padding-top:10px;
	font-size:1.3em;
	font-family:Arial, Helvetica, sans-serif;
}
#links #post_entry ul{
	padding:0;
	margin:0;
	list-style:none;
}
#links #post_entry a{
	color:#006699;
}
#links #post_entry li{
	line-height:22px;
}	
.delicious-posts{
	clear:both;
	font-size:1.2em;
	padding-top:15px;
}
.hcard{
	background:transparent url(http://dougdosberg.com/images/hcardIcon.png) no-repeat;
	display:block;
}
.hcard a{
	margin-left:35px;
}
.toTopArrow{
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://dougdosberg.com/images/upArrow.png' ,sizingMethod='crop');*/
	width:59px; 
	height:16px; 
	margin:0 auto;
}
.toTopArrow[class]{
	background:transparent url(http://dougdosberg.com/images/upArrow.png) no-repeat; 
}
.rss-box ul.rss-items{
	padding:0;
	margin:0;
	list-style:none;
}
.rss-box ul.rss-items li{
	padding-bottom:8px;
}
.post_content img.flyRating{
	border:none;
	position:absolute;
	margin-top:-6px;
	float:none;
	cursor:pointer;
}
.post_content .rss-box{
	margin-top:-20px;
}
.post_content ol{
	margin-bottom:20px;
	padding-left:30px;
}
.post_content .disclaimer{
	color:#666;
	font-size:12px;
}
.post_content ol.single li{
	margin-bottom:0;
}

/* Tables */
table{
	border-collapse: collapse;
	width:100%;
}
.tableContainer{
	border:2px solid #f1f1f1;
	margin-bottom:30px;
	padding-bottom:5px;
}
table td, table th{
	padding:4px 8px;
}
.tableLogo{
	width:120px;
	}
.tableHeader{
	background-color:#f1f1f1;
	color:#000;
	font-weight:bold;
	}
	
/* Ads */
.contentAd{
	border:2px solid #f1f1f1;
	padding:10px;
	margin-top:30px;
}
.alexaImage{
	text-align:center; 
	border:2px solid #f1f1f1;
	margin-bottom:30px;
}
#special{
	margin-bottom:10px;

}
#special h3{
	margin:20px 0 0;
}
#special p{
	margin-bottom:1em;
}
#special img{
	border:none;
	margin:0;
	padding:0;
}