/*  
Theme Name: DAN DUB
Theme Url: http://www.danwinckler.com
Version: 2.0
Author: Mary Ann Benedetto
Author URI: http://www.pir2.org

*/
/**********************************/
/* General                        */
/**********************************/

body { font: 0.71em/1.5em Verdana, Arial, Helvetica, sans-serif; color: #333; background: #77a6fe url("img/danw_bg.png") no-repeat top left; margin:0; padding:32px 0 0 0;}

a	{ color: #012464; text-decoration: none; }
.entry a	{ color: #ba0058; text-decoration: none; }

a:hover	{ text-decoration: none; color: #ba0058;}
.entry a:hover	{ text-decoration: none; color: #ba0058; background:#f4e458;}

form {margin:0;padding:0;}

input, textarea {font: 1.0em Verdana, Arial, Helvetica, sans-serif; color: #333; width:70%;border:1px solid #13213b;}
textarea {background:#d4defa; border: 0; border-left:5px solid #13213b;}
.third input {width:100%; border: 1px solid #2b4b87; border-left:5px solid #13213b; border-top:0; background:#d4defa; margin:3px 0;}

p {margin: 10px 0;}

img {border:0px solid #EEE; padding: 1px; margin:0;}

/* Some peoples sometime using this class for aligning the image */

img.alignleft, img.left {float:left; margin-right: 5px; margin-left: 0px;}

img.alignright, img.right {float:right; margin-left: 5px; margin-right: 0px;}

.clear {clear:both; overflow:hidden;}



/**********************************/
/* Layout                         */
/**********************************/

#topbg, #container,#left,#header,#content,#sidebar,#footer { overflow:hidden; display:block;}
#corner {
	position:absolute;
	top:0;
	left:0;
	background:url("img/danw_bg.png") top left no-repeat;
	width:100%;
	height:100%;
}
#container {
	display:block;
	width: 85%;
	background: #FFFFFF url("img/danw_bgside.gif") repeat-y right top;
	position:relative;
	left:69px;
	margin-bottom:20px;
	padding-bottom:20px;
	}
#topbg {
	min-height:238px;
	background: url("img/danw_repeat.png") repeat-x; background-position:-3px 0px; 
	margin:0; padding:0;
	}
#left {
	min-height:230px;
	width: 100%;
	float: left;
	margin-right: -410px; /* change this, change #sidebar width */
	padding:203px 0 0 0; text-align: justify;
	background: url('img/danw_left.png') no-repeat;
	} /*entries*/
.entry {
	width:100%;
	padding-left:10px;
	overflow: visible;
	font-size:1.1em;
}
.entry p {
	width:100%;
	display:block;
}
#content {padding: 0px 15px 0 28px; margin:-15px 435px 0 0;}

#header { margin:0 0 0 10px; }

#header2 { /*background: url('img/header2.gif');*/ height:66px; margin-bottom:0px; text-align:center; overflow:hidden;}

#header3 {/*background: url('img/header3.gif');*/ height:146px; margin-bottom: 0px; text-align:center;}

#sidebar {
		min-height:349px;
		width: 410px; /* change this, change #left margin-right */
		float: right;
		background: #FFFFFF url('img/danw_bgside.gif') repeat-y top right;
	}
.sideheader {
	min-height:448px;
	background: url('img/danw_right.png') no-repeat top right;
	padding-top:76px;
	}

.middle {width:168px;margin:0px; padding: 0 8px 0 0; float:left; } /*left sidebar*/

.right {width:168px;margin:0;padding: 0 10px; float:left; } /*right sidebar*/

#footer {font:0.8em;}


/**********************************/
/* Content                        */
/**********************************/

#content h1,h2,h3,h4 {line-height:1.4em; color:#1a1e8f;}

#content h1 {color:#0D6AA6; text-transform:uppercase; letter-spacing:0.05em;display:inline;

font:normal 1.8em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-align:left;}

#content h2 {font: 2.1em Helvetica, Arial, "Geneva", sans-serif; color:#0D6AA6; margin:0px; padding-top: 0px; text-align:left; font-weight:bold;}

#content h2.pagetitle {
	display: inline;
	padding:2px 2px 0px 2px;
	margin:15px 0px 5px 5px;
	color:#13213b; background-color:#ccc; border:2px solid;
	border-bottom-color: #838ea2;border-right-color: #838ea2;
	border-left-color:transparent;border-top-color:transparent; 	
}
#content h2.pagetitle {font-size: 1.9em; color: #002a75;}

#content h3{font:normal 1.2em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color:#0D6AA6; text-align:left;}

#content h4{font:normal 1.0em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color:#0D6AA6; text-align:left;}

#content blockquote {padding:0 0 0 10px;margin:5px 0px 5px 20px; color:#000; background-color:#DDDDDD; font-size: 1.0em; border-left: 5px solid #9f014b; line-height: 1.2em;}

#content p.postmetadata {clear:both; overflow:hidden; padding:5px 10px 40px 10px; line-height: 1.0em;}

code {font-size:1.2em; text-align:left; margin:0;padding:0; color: #008;}

#content li {padding-bottom: 5px;}

#content .post-date {font-size:1.0em; padding-top: 5px;}
/*padding-left:20px;background: transparent url(img/cal.gif) no-repeat top left;background-position:0% 5px;*/

.postHeader {
	width:100%;
	float:none;
	display:block;
}

.postHeader table {
	margin-bottom:10px;
}
.postHeader td {
	vertical-align:middle;
}
.date {
	float: left;
	display:block;
	clear:right;
	padding:0 5px 2px 5px;
	margin-right:5px;
	background:#f1dd2e;	
	border:2px solid;	border-top-color:#f5e665; border-left-color:#f5e665; border-right-color:#cb9e05; border-bottom-color:#cb9e05;
}
.date_day {
	text-align:center;
	color: #d20059;
	font-size: 2em;
	font-weight: bold;
}
.date_month {
	text-align:center;
	color: #d20059;
	font-size: 0.9em;
	font-weight: bold;
	text-transform: lowercase;
}
.postTitle {
	float: left;
	display:block;
}
.postBottom {
}


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

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

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

#sidebar h2 {
	color:#333333; font-family:Helvetica, Arial, sans-serif; font-size:1.4em;  margin-bottom:0; 
 text-transform:uppercase;}

#sidebar #header h2 {padding-left: 0; border:0; color: #222; letter-spacing:2px;}

#sidebar h2.about {background: url(img/pages.gif) no-repeat top left;}

#sidebar h2.cats {background: url(img/cat.gif) no-repeat top left;}

#sidebar h2.cal {background: transparent url(img/cal.gif) no-repeat top left;}

#sidebar h2.search {background: transparent url(img/search.gif) no-repeat top left;}

#sidebar h2.file {background: transparent url(img/file.png) no-repeat top left;}

#sidebar h2.meta {background: transparent url(img/meta.gif) no-repeat top left;}

#sidebar h2.blogroll {background: transparent url(img/link.png) no-repeat top left;}

#sidebar h2.comment {background: transparent url(img/comment.png) no-repeat top left;}

#sidebar ul {margin-top: 5px;}

#sidebar ul li {background: transparent url(img/none) no-repeat top left; padding-left: 0px; border-bottom: 0px solid #f0f0f0;}

#sidebar ul li ul {border-top: 0px solid #f0f0f0; margin:0;}

#sidebar ul li ul li {padding-left:20px; border:none; border-top: 1px solid #f0f0f0;}

#sidebar ul.links li {float:left;display: inline;overflow:hidden;border:none; padding-left:0px;}

#sidebar ul.links li h2 {color: #666;}

#sidebar ul.links li ul li {padding-left:20px;}

#sidebar img {margin:2px 0 0 0; padding:2px 0 0 0; border: none; vertical-align: text-bottom;}

#sidebar a.rss,#sidebar a:hover.rss, #sidebar a:active.rss { 
	color:#ee3b05; background-color:#DDDDDD; border:1px solid;
	border-bottom-color: #777777;border-right-color: #777777;
	border-left-color:#FFFFFF;border-top-color:#FFFFFF; 
	padding:4px 3px; font-size:9px; margin-right:5px; }
	#sidebar a:hover.rss, #sidebar a:active.rss {
		color:#FFFFFF; background-color:#f07c25; border:1px solid;
		border-bottom-color: #ee3b05;border-right-color: #ee3b05;
		border-left-color:#fad0ae;border-top-color:#fad0ae; 
		}


/**********************************/
/* top links                     */
/**********************************/
		.toplinks {margin:45px 0 5px 0; font-size:1.5em;line-height:1.9em;}
		.toplinks #rss a img {vertical-align: text-top;}
		
		.toplinks #about a, .toplinks #portfolio a, .toplinks #contact a, .toplinks #rss a, .toplinks #rumco a, .toplinks #four0four a, .toplinks #blog  a {
			border:2px solid; padding:2px 4px 2px 3px; font-size:1.0em; line-height:2.2em; margin-right:5px; font-weight:bold;		
		}
		
		.toplinks #about a, .toplinks #about a:active,
		.toplinks #four0four a, .toplinks #four0four a:active  {
			color:#b11751; background-color:#fbe200; 
			border-bottom-color: #655c00;border-right-color: #655c00;
			border-left-color:#fbf07c;border-top-color:#fbf07c; 
		}

		.toplinks  #about a:hover, .toplinks #about a:active,
		.toplinks  #four0four a:hover, .toplinks #four0four a:active {
			color:#b11751; background-color:#fbe200; 
			border-bottom-color: #fbf07c;border-right-color: #fbf07c;
			border-left-color:#655c00;border-top-color:#655c00; 
		}

		.toplinks #portfolio a, .toplinks #portfolio a:active {
			color:#002569; background-color:#f64490;
			border-bottom-color: #6e1f41;border-right-color: #6e1f41;
			border-left-color:#fba1c6;border-top-color:#fba1c6; 
		}
		.toplinks  #portfolio a:hover, .toplinks #portfolio a:active {
			color:#002569; background-color:#f64490;
			border-bottom-color: #fba1c6;border-right-color: #fba1c6;
			border-left-color:#6e1f41;border-top-color:#6e1f41; 
		}
		.toplinks #contact a, .toplinks #contact a:active, .toplinks #blog a, .toplinks #blog a:active {
			color:#f1dc07; background-color:#0061ce;
			border-bottom-color: #04346a;border-right-color: #04346a;
			border-left-color:#b3d0f1;border-top-color:#b3d0f1; 
		}
		.toplinks #contact a:hover, .toplinks #contact a:active, .toplinks #blog a:hover, .toplinks #blog a:active {
			color:#f1dc07; background-color:#0061ce;
			border-bottom-color: #b3d0f1;border-right-color: #b3d0f1;
			border-left-color:#04346a;border-top-color:#04346a; 
		}
		.toplinks #rss a, .toplinks #rss a:active {
			color:#ee3b05; background-color:#f8b37f;
			border-bottom-color: #ee3b05;border-right-color: #ee3b05;
			border-left-color:#fad0ae;border-top-color:#fad0ae; 
		}
		.toplinks  #rss a:hover, .toplinks #rss a:active {
			color:#FFFFFF; background-color:#f07c25; 
			border-bottom-color: #fad0ae;border-right-color: #fad0ae;
			border-left-color:#ee3b05;border-top-color:#ee3b05; 
		}
		.toplinks #rumco a, .toplinks #rumco a:active {
			color:#13213b; background-color:#ccc;
			border-bottom-color: #0d234a;border-right-color: #0d234a;
			border-left-color:#fff;border-top-color:#fff; 
		}
		.toplinks  #rumco a:hover, .toplinks #rumco a:active {
			color:#ff006e; background-color:#f6ff00; 
			border-bottom-color: #fff47c; border-right-color: #fff47c;
			border-left-color:#655c00;border-top-color:#655c00; 
		}



/**********************************/
/* tag boxes                      */
/**********************************/

.tagboxes, .tagboxAlt {width:167px;margin:10px 0; padding:2px;}
#tagbox, #tagboxAlt {margin:0px 5px; width:168px;}
#tagbox img, #tagboxAlt img {margin: 2px 4px 2px 0; padding:0px;}

#tagbox h4, #tagboxAlt h4, #tagboxMore h4 {color:#FFF; font-family:Helvetica, Arial, sans-serif; font-size:1.4em;  line-height:1.0em; margin:3px 2px;}
#tagbox ul, #tagbox li, #tagboxAlt ul, #tagboxAlt li, #tagboxMore ul, #tagboxMore li {display:inline;}
#tagbox ul, #tagboxAlt ul, #tagboxMore ul {width:100px;}
#tagbox a, #tagboxAlt a, #tagboxMore a, .entryTags a, .entryComments a {font-weight:normal;}
.tagboxes, .tagboxAlt, .tagboxMore,  .entryTags a, .entryComments a { border:3px solid;}
#tagbox img, #tagboxAlt img { border:1px solid;}

/*.tagboxes, .tagboxMore {background:#dc4989;}
.tagboxes, #tagbox img, {border-top-color:#f88ab9; border-left-color:#f88ab9; border-right-color:#671f3e; border-bottom-color:#671f3e;} */
.tagboxes, .tagboxMore {background:#2c2cec;}
.tagboxes, #tagbox img, .tagboxMore  {border-top-color:#6363e9; border-left-color:#6363e9; border-right-color:#13213b; border-bottom-color:#13213b;}
#tagbox .tags a, #tagbox .tags a:hover, #tagbox .tags a:active, 
	.entryTags a, .entryTags a:hover, .entryTags a:active, 
	#tagboxMore .tags a, #tagboxMore .tags a:hover, #tagboxMore .tags a:active  {
	color:#13213b; background-color:#ccc; border:1px solid;
	border-bottom-color: #0d234a;border-right-color: #0d234a;
	border-left-color:#c7e0fa;border-top-color:#c7e0fa; 
	padding:2px 4px 2px 3px; font-size:1.0em; line-height:2.2em; margin-right:5px;}
#tagbox .tags a:hover, #tagbox .tags a:active,
#tagboxMore .tags a:hover, #tagboxMore .tags a:active,
	.entryTags a:hover, .entryTags a:active {
	color:#ff006e; background-color:#f6ff00; 
	border-bottom-color: #cc9b0e;border-right-color: #cc9b0e;
	border-left-color:#f5fa61;border-top-color:#f5fa61; 
}

.tagboxAlt {background:#2982e6;}
.tagboxAlt, #tagboxAlt img {border-top-color:#b0c3fa; border-left-color:#b0c3fa; border-right-color:#0a35af; border-bottom-color:#0a35af;}
#tagboxAlt .tags a, #tagboxAlt .tags a:hover, #tagboxAlt .tags a:active, 
	.entryComments a, .entryComments a:hover, .entryComments a:active {
	color:#13213b; background-color:#ccc; border:1px solid;
	border-bottom-color: #112f65;border-right-color: #112f65;
	border-left-color:#c7e0fa;border-top-color:#c7e0fa; 
	padding:2px 4px 2px 3px; font-size:1.0em; line-height:2.2em; margin-right:5px;}
#tagboxAlt .tags a:hover, #tagboxAlt .tags a:active,
		.entryComments a:hover, .entryComments a:active {
	color:#FFFFFF; background-color:#ff006e; 
	border-bottom-color: #62042c;border-right-color: #62042c;
	border-left-color:#f93b8d;border-top-color:#f93b8d; 
	color:#ff006e; background-color:#f6ff00; 
	border-bottom-color: #cc9b0e;border-right-color: #cc9b0e;
	border-left-color:#f5fa61;border-top-color:#f5fa61; 
}

/**********************************/
/* link boxes                     */
/**********************************/

.linkboxes, .tagboxMore {max-width:234px; margin:5px 0 15px 0; padding:3px;}
#linkbox, #tagboxMore {margin:0px 5px; width:322px;}
#linkbox img {margin: 2px 2px; padding:0px;}

#linkbox h4 {color:#0c2345; font-family:Helvetica, Arial, sans-serif; font-size:1.4em;  line-height:1.0em; margin:3px 2px;}
#linkbox ul, #linkbox li {display:inline;}
#linkbox a {font-weight:bold;}

.linkboxes {background:#f1dd2e;}
.linkboxes {border:3px solid;	border-top-color:#f5e665; border-left-color:#f5e665; border-right-color:#cb9e05; border-bottom-color:#cb9e05;}
#tagboxMore a, #tagboxMore a:hover, #tagboxMore a:active,
#linkbox a, #linkbox a:hover, #linkbox a:active {
	color:#13213b; background-color:#ccc; border:1px solid;
	border-bottom-color: #cc9b0e;border-right-color: #cc9b0e;
	border-left-color:#f5e665;border-top-color:#f5e665; 
	padding:2px 7px 2px 3px; font-size:1.0em; line-height:2.2em; margin-right:6px;}
#linkbox a:hover, #linkbox a:active {
	color:#ffffff; background-color:#295ae6; 
	border-bottom-color: #0a35af;border-right-color: #0a35af;
	border-left-color:#b0c3fa;border-top-color:#b0c3fa; 
}
.slideTitle{
	overflow:hidden;
	cursor:pointer;
}
.slideContent{
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;

}
.slideContent_open{	
	padding:1px;
	position:relative;
}


/**********************************/
/* Footer                         */
/**********************************/
#footer {
	width:95%;
	text-align:right;
	margin-top:20px;
	color:#666; font-size: 0.86em; 
}
h2.flickr {
	margin-left:10px;
	padding-left: 18px;
	background: transparent url(img/flickr.png) no-repeat center left;
}
#footer td {
	text-align:left;
}
#footer td #del {
	margin-left:30px;
}
#footer .copyright a {color:#6b7b99;}

#footer .copyright a:hover {color:#FF0;text-decoration:none;border-bottom:1px dashed #900;}


/**********************************/
/* Flickr                         */
/**********************************/
#flickr_badge_uber_wrapper {text-align:left; width:280px;margin-left:30px;}
#flickr_badge_wrapper {padding:0;}
.flickr_badge_image {display:inline; margin-bottom:10px; }
.flickr_badge_image img {border: 1px solid black; margin-bottom:10px; !important;}
#flickr_badge_source {text-align:left; margin:0;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:block; padding:0 5px 0 5px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {margin-top:3px; }
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}
#flickr_badge_image1, #flickr_badge_image2, #flickr_badge_image4, #flickr_badge_image5 { margin-right: 10px; margin-bottom:10px; }

/**********************************/
/* Twitter                         */
/**********************************/
#twitter h2 {
	margin-left:0px;
	padding-left: 22px;
	background: transparent url(img/twitter.png) no-repeat center left;
}

#twitter ul {
	padding:0 0 0 12px;
}

/* ****************************** */
/* Comments Div                   */
/* ****************************** */

h3#comments, h3#respond {border-top:1px solid #CCC; padding-top: 10px; padding-left: 20px;color:#0D6AA6; font-size: 1.2em; font-weight: bold;}

h3#comments {background: transparent url(img/comment.png) no-repeat top left;background-position:0% 12px;}

h3#respond {background: transparent url(img/edit.png) no-repeat top left;background-position:0% 12px;}

cite {position:relative;color: #999;padding:0;margin:0;font-weight:bold;}

.alt {background: #d4defa; padding:5px;}

.commentbody {color: #595949; font-size: 1.0em; margin: 0 0 5px 0;padding: 10px 15px 10px 15px;	

     background: #FAFAF5;	border: 1px solid #f0f0e0; list-style:none;}

.commentbody p {line-height: 1.2em; margin:0; padding:0;}

.commentlink {	font-size: 1.0em;}

.commentlist {	list-style: none; margin:0; padding:0px;}
.commentlist li { padding-left:5px;}
.commentcount {font:bold 2.2em Georgia,sans-serif;	color: #e0e0d0; width: 520px; 

text-align: right; position:absolute;	left:0;}

.gravatar {float:left; padding: 1px; margin: 5px 5px 5px 0; background: #fff; width: 40px; height: 40px;}

#recentcomments ul {border: none;}