/*   
Theme Name: Ed Parton Blog
Theme URI: http://maxisnow.com/2009/09/threattocreativity-2-update-released/
Description: This theme has a CSS dropdown menu set in reverse order and an intergrated thumbnail excerpt insertion function.<br> Largely inspired by European POP art, this theme is a labour of love. Pieces of code borrowed from all over. The key feature to this theme is the homepage excerpts with randomly generated coloration. It's a real threat to minimalist design and general organic creativity. It's automated and audacious. 
Version 2.1 - Fixed IE issues, Pages issues, and some other general enhancements. Thanks for the support everyone!
Author: Max is NOW!
Author URI: http://www.maxisnow.com
Tags: blue, brown, green, orange, red, yellow, purple, light, two-columns, fixed-width, right-sidebar, threaded-comments
Version: 2.3

Version 2.3

    ThreatToCreativity v2.3
	http://maxisnow.com/2009/09/threattocreativity-2-update-released/

    Copyright (C) 2009  Max Kirchoff
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

Use these theme as you please. It would be nice if the footer stayed intact with links back to my site, however I understand that some people want to remove it. I've done it myself before. If you do linkback to me with the theme active on a site, I will probably link to you from my site. Just FYI.
Please find the color code generator in colors.php but all other styles in the theme stylesheet.

*/ 



body {	width:100%;
background: #dedbd1;  background:url(images/bg.jpg) top left fixed;
color: #000000;
font-family: calibri,Arial sans serif;
font-size: 14px;
display: block;
margin: 0 0 0 0;
padding: 0 0 0 0;
} 

/*#topLeft {width:419px;height:251px;position:fixed;top:0;left:0;background:url(images/bgLeft.jpg) top left fixed;}	*/

/*#topRight {width:220px;height:155px;position:fixed; top:0;right:0;background:url(images/bgRight.png) no-repeat top right fixed;}*/
	
	
/* SCROLLING SIDEBAR */ 
span,a,ul,li{margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent;
font:11px Verdana,arial,sans-serif; }
#scroller-body{margin-left:2px;width:272px;padding-bottom:30px;margin-bottom:20px;float:left;}
#scroller-header{margin-left:2px;width:257px;height:23px;padding:20px 0 0 15px;font-weight:700;}
#scroller-header{font:11px Verdana,arial,sans-serif;text-align:center;}
/*#scroller-header a{font:15px Verdana,arial,sans-serif;text-decoration:none;color:#867863;padding:0 2px;text-align:center;}*/
/*#scroller-header a:hover{font:11px Verdana,arial,sans-serif;text-decoration:none;color:#4b412f;}*/
#scroller-header ul{padding-right:5px;margin:0px;list-style-type:none;display:inline;}
#scroller-header li{margin:0px;padding:0px;float:left;}
#scroller-header li a{font-size:11px;color:#605e5e;border-left:1px solid #cecece;border-right:1px solid #cecece;border-top:1px solid #cecece;padding-left:3px;padding-right:3px;padding-top:3px;padding-bottom:3px;margin:2px;margin-top:3px;display:inline;text-decoration:none;float:left;}
.selected{border-bottom:1px solid #fff;background-color:#fff;}
/*#scroller-header li a:hover{color:#605e5e;border-bottom:1px solid #fff;background-color:#fff;text-decoration:none;}*/

#mask{width:250px;overflow:hidden;margin:0 auto;}
#panel div{float:left;}
#panel ul li a{color:#007ec4;padding:0;margin:0;}
#panel ul{list-style:none;margin:0 5px;padding:0;}
#panel ul li{color:#557482;/*border-bottom:1px solid #d5d5d5;*/}
#panel ul li.last{border-bottom:none !important;}
#smart-archives-list h2 a{padding-left:10px;} 

/*---------------------------- jollymoon LOGO-------------------------------*/
#jollymoon { /*position:absolute;top: 1030px;left:550px;*/top:1100px;
float: left; width:180px; background:transparent; overflow:hidden; padding:6px 30px; }
#jollymoon  h2 { float:left; margin-right:10px; margin-top:2px; margin-bottom:2px; display:inline; }
#jollymoon  h2 a { display:block; width:214px; height:218px; background: transparent url(http://www.jollymoon.com/images/jollymoon-logo-draft-grey.png ) top left no-repeat; text-indent:-9999px;}
#jollymoon  h2 a:hover { background: transparent url(http://www.jollymoon.com/images/jollymoon-logo-draft.png) top left no-repeat; }
#jollymoon  p { font-size:90%; color:#8cd096; float:left; margin-left:80px; display:inline; margin-top:6px;}
/*---------------------------- jollymoon LOGO-------------------------------*/
.contentpost p {text-align: left; clear: both; }
#myhome {	position: absolute; top: 0px; left: 650px;}
 
/* jQuery lightBox plugin - Gallery style */
#gallery {	
text-align: center;		
display: inline;
vertical-align: top;
/*border: dashed 2px; color: #efi;*/
background-color: #669966;
padding: 10px;
width: 520px;
height: 150px;
}
#gallery ul { list-style: none; }
#gallery ul li { display: inline-block; }
#gallery ul img {border: 5px solid #3e3e3e;	border-width: 5px 5px 20px;	}
#gallery ul a:hover img {border: 5px solid #fff;border-width: 5px 5px 20px;color: #fff;	}
#gallery ul a:hover { color: #fff; }
 
#lightbox {	text-align: center;		
vertical-align: top;
border: dashed 2px; color: #efi;
background-color: #CCCC99;
padding: 10px;
width: 220px;
height: auto; }
#lightbox2 {	text-align: center;		
vertical-align: top;
padding: 10px;}
h2 {font-size: 1.2em; text-transform: uppercase;}
.post:hover {background: #ededed !important; }
.post:hover .posttitle a { font-size: 22px;	color: #111111 !important; 	} 
.posttitle a:hover {font-size: 22px; color:#ffffff; }
a {	color: #660000; text-decoration: none; 	} 
a:hover { background: #ffffff; 	color: #993366;	}
a img {border: 0}
.entry a { color: #660000;text-decoration: none;}
.entry ul li { padding: 3px;}
.entry ul {	list-style-position:inside;}

#navlink {margin: -110px -30px 10px 0; }
#topbar {
border-bottom: 1px solid #a9a9a9;
padding: 30px 0 35px 0;
width: 800px;
}
.blogtitle {
color: #99CCCC;
font-weight: bold;
font-size: 56px;  
font-family: calibri,arial,sans serif;
text-transform: uppercase;
position:relative;
line-height:.7em;
margin-left: 80px;
margin-top:35px;
float:left;
overflow: visible;
}
.blogtitle a{ text-decoration:none;	color:#222222;	}
.blogtitle a:hover { text-decoration:none; color:#111111; background:#ffffff;}
	
/* -CUFON FONT EMBEDDING- */	
.cufon-loading .blogtitle a { /* for Cufon.replace('title') */
font-size: 60px;visibility: hidden !important; 
}
.cufon-loading .blogtitle { /* for Cufon.replace('title') */
font-size: 60px;  visibility: hidden !important;
}  
.cufon-loading .blogtitle a:hover { /* for Cufon.replace('title') */
font-size: 60px;  visibility: hidden !important;
}  
.cufon-loading .post_single {  /* for Cufon.replace('post single') */
font-size: 14px; visibility: hidden !important;
}
.cufon-loading .post_single a {  /* for Cufon.replace('post single') */
font-size: 14px; visibility: hidden !important;
} 
.cufon-loading .posttitle { /* for Cufon.replace('post title') */
font-size: 22px; visibility: hidden !important;
}
.cufon-loading .posttitle a { /* for Cufon.replace('post title') */
font-size: 22px; visibility: hidden !important;
}
.blogdescription {
font-family: calibri;
color: #ffffff;
text-transform: uppercase;	 
font-family: calibri,arial,sans serif;
font-size: 12px;
position: relative;
width: 533px;
margin-left: -95px;
margin-top: 10px;
padding: 1px 0 0 5px;
float:left;
}
#banner {}
/* -content- */
#contentwrap {width: 930px;	margin: 0 auto;	}
#content { float: left;	position: relative;	}
#aligner {	margin: 0;width: 690px;	}
#content2 {	float: left;width: 640px;margin: 0 5px 0 11px;}
#contentpost {
margin-left: -10px;
margin-right: auto;
width: 640px;
background: transparent;
padding-right:8px;
}
/* SIDEBAR NOT ----------- widgetized */
#sidebar {	 position:absolute; left:-15px; top: 0px;
float: left;
margin-bottom: 10px;
width: 270px;
margin-right: 6px;
}
#sidebar .sidebar_header {
// background is determined in random color generator include;
}
#sidebar h2 {
color: #ffffff;
font-weight: normal;
text-transform: uppercase;
font-size: 30px;
}
#sidebar h2.small, #sidebar h2.widgettitle {
// background is determined in random color generator include;
color: #ffffff;
font-size: 16px;
font-weight: bold;
margin: 20px 0 0 0;
padding: 0 20px 0 0;
/*letter-spacing: -2px;*/
font-family: calibri,arial, sans serif; 
text-transform: uppercase;
text-align: right;
}
#sidebar ul {list-style: none;margin: 0;padding: 0;	}

#sidebar li {list-style: none;}
#sidebar li select { margin: 5px 0 0 100px;	/* used to be 100*/ }
#sidebar ul li {  float:left;  /* float:left; makes block lines go away*/
background: #cccccc;
margin: 3px 3px 3px 10px;
text-align: right;
} 
#sidebar .categories {background:transparent;
}
#sidebar img {border: 0;}

/* -post and entries- */
.post {float:left;position: relative;width: 200px;padding: 15px 15px 15px 15px;	height: 185px; overflow: hidden; }
.post_single {float:left;width: 620px;margin: 20px 20px 20px 20px;}
.entry p img { border: 0px;	margin: 4px;}
.postdate {	color: #000000;	font-size: 16px; font-weight: bold;text-transform: uppercase;}
.postdate_single {color: #111;font-size: 16px;font-weight: bold;text-transform: uppercase;}
.pagetitle {color: #000000;	font-size: 2em;font-weight: bold;margin-top: 0px; text-transform: uppercase;}
.posttitle_single {
font-family: Comic Sans, arial;	
font-size: 25px;
font-weight: bold;
text-transform: uppercase;
}
.posttitle { font-size: 18px; font-weight: bold; line-height: 1.0em;  }
.posttitle a {	font-size: 18px;font-weight: bold;line-height: 1.0em; color: #ffffff;}
.posttitle a:hover { font-size: 18px;font-weight: bold;line-height: 1.0em; color: #000000;}
.postmetadatabottom { background: #FFCCCC;margin: 15px 0 15px 0;padding: 3px;text-transform: uppercase;	width: 100px;}
.postmetadatabottom a {color: #000000;}
.postmetadatabottom a:hover {color: #ffffff;}
 .entry {	// border-bottom: 1px dotted #a9a9a9;padding-bottom: 10px;}
/* -search form- */
#searchsubmit {display: none;}
#search {	 
border: dashed 1px #ffffff ;
color: #ffffff;
text-transform: uppercase;
font-size:10px;
font-weight:bold;
background: transparent;
}
.searchform { 
color: #ffffff;
text-transform: uppercase;
font-size:11px;
font-weight:bold;
margin-top: 3px;
padding: 5px 0 0 0px;
 height: 25px;
}
#footer {  font-family: calibri,helvetica,veranda; font-size: 9px;
clear: both;
color: #a9a9a9;
padding: 10px 0 35px 0;
text-align:center;
float:right;
}
#footer a {	font-family: calibri,helvetica,veranda; font-size: 9px;color: #000000;}
/* -comments- */
#comments {
clear: both;
padding-top: 20px;
padding-left: 20px;
}
#respond { clear: both;	 padding-top: 20px;	padding-left: 20px;
}
.comment-info-split {clear: both;}

.commentmetadata {	text-transform: uppercase;	}

.commentlist div.alt {	color: #000000;	padding: 10px;	}

ol.commentlist {list-style: none;}
ol.commentlist ul.children {list-style: none;}
.comment-div {display: block;}
.comment-left {width: 30%;}
.comment-right {width: 70%;	}
.comment-author { }
.avatar {background:#FFFFFF none repeat scroll 0 0;float:left;margin-bottom:5px;padding:3px; }
.commentlist ul li { border-bottom:none;}

.commentlist li {margin: 10px 0 0 0 ;}


ol.commentlist { list-style:none; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {border:1px dashed #000;margin-left:10px;margin-bottom:7px;padding:10px;}

/*ol.commentlist li.comment { border-bottom:1px dotted #666; padding:1em; }*/
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard { font:normal 16px arial; }
ol.commentlist li.comment div.vcard cite.fn { font-style:normal; }
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar { border:5px solid #ccc; float:left; margin:0 1em 1em 1em; }
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta { font-size:11px; }
ol.commentlist li.comment div.comment-meta a { color:#ccc; }
ol.commentlist li.comment p { font-size:14px; margin:0 0 1em; }
ol.commentlist li.comment ul { font-size:14px; list-style:square; margin:0 0 1em 2em; }
ol.commentlist li.comment div.reply { font-size:14px; }
ol.commentlist li.comment div.reply a { font-weight:bold; }
ol.commentlist li.comment ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 { margin:0 0 .25em .25em; }
ol.commentlist li.comment ul.children li.depth-3 { margin:0 0 .25em .25em; }
ol.commentlist li.comment ul.children li.depth-4 { margin:0 0 .25em .25em; }
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even { background:#fff; }
ol.commentlist li.odd { background:#f6f6f6; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}
/* -floats -*/
.aligncenter, div.aligncenter {	display: block;margin-left: auto; margin-right: auto; }
.alignleft { float: left;}
.alignright {  float: right; }
#header_left {	width: 800px;margin: 0 auto; }
#header_nav { float:right; position: relative; margin: 0 0 0 0px;}
#bodywrap {	margin: 0 0 0 0; 	padding: 0 0 0 0;	width: 100%;	}
.bg {	height:185px; 	overflow:hidden;}
.subnav li {list-style:none;border-bottom:1px solid #FFF;}
.subnav li a:link, .subnav li a:visited {
background:#eef5e1;
display:block;
padding:4px 4px 4px 8px;
border-left:4px solid #e4efd5;
}
.subnav li a:hover, .subnav li a:active {
background:#e4efd5;
text-decoration:none;
color: #7da939;
}
.subnav li li a:link, .subnav li li a:visited {	border-left:none }
a.main:hover {	background:none;}
#commentform { 	margin: 10px 10px 10px 10px;	padding: 0 10px 10px 10px;}
.picleft {	float: left;margin: 4px; clear:both; }
.picright {	float: right; margin: 4px; 	clear:both;	}
.alignright {  	float: right; margin: 4px; clear:both;}
.alignleft {float: left;margin: 4px; clear:both;}
.aligncenter,div.aligncenter { display: block;  margin-left: auto; margin-right: auto;}
.entry ol li {clear: both;margin-top: 10px;position:relative;}
#cattag {font-size: 10px;}
#fun {
width: 480px;
height: 430px;
float: left;
position: relative;
margin:  0 0 0 -250px;
background: #660000;
}
#subtitle {
size: 18px;
color: #666666;
text-transform: uppercase;
text-align: center;
 }

#comiclinks {width: 350px;	}
#comiclinks a {	color: #96A8C8;	text-decoration: none;	font-weight: 800;
}
#comiclinks a:hover{  text-decoration: underline;}

blockquote {
background: url("images/quote3.png") no-repeat top left;
font-style: italic;
font-size: 14px;
font-style: bold;
padding-left: 60px;
} 
 blockquote.style2 {	
  color: #66a;
  font-weight: bold;
  font-style: italic; 
  width:300px;
  font: 14px/22px normal helvetica, sans-serif;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 80px;
  padding-left: 45px;
  border-left: 4px dashed #66CC00; 
  background-color: #f6ebc1;
}

  .bqstart {
     float: left;
     height: 45px;
     margin-top: -20px;
     padding-top: 45px;
     margin-bottom: -50px;
     font-size: 700%;
     color: #FF0000;
 }

 .bqend {
     float: right;
     height: 25px;
     margin-top: -20px;
     padding-top: 45px;
	 
     font-size: 700%;
     color: #FF0000;
 }

#links2 {	  width:450px; text-align:center;
color:#66CC00;
font-family: Georgia;
font-size: small;
text-align: center;
}
#links2 a:link {
color:#CC0000;
text-decoration:none;
}
#links2 a:visited {
color:#199D8E;
text-decoration:none;
}
#links2 a:hover {
color:#cc6600;
text-decoration:underline;
background-color:#F5F5F5;
}	 
 
 
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/slides.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* mini photo gallery slides styling */
.photo {padding:5px; background:transparent;  text-align:left;}

.photo ul {list-style:none; padding:0; margin:0; width:208px; background:transparent; border:0px solid #666; position:relative; height:144px;}
.photo ul li {display:inline; width:24px; height:24px; float:left; margin:6px;}
.photo ul li a {display:block; width:24px; height:24px; cursor:default; background:url(http://www.edparton.com/blog/images/autumn/arrow.gif) no-repeat; text-decoration:none;}

.photo ul li a img {display:block; width:22px; height:22px; border:1px solid #666; border-top-color:#ccc;}

.photo ul li a:hover {white-space:normal;position:relative;}

.photo ul li a.vert:hover img {position:absolute; left:-2px; top:-20px; width:48px; height:64px; border-color:#fc0;}
.photo ul li a.hor:hover img {position:absolute; left:-2px; top:-12px; width:64px; height:48px; border-color:#fc0;}

.photo ul li a:active, .photo ul li a:focus {position:static; outline:0;}

.photo ul li a:focus.vert img, .photo ul li a:active.vert img {background-color:#111111; position:absolute; left:120px; top:0; width:240px; height:320px; border:1px solid #fc0; padding:0px 0px;}
.photo ul li a:focus.hor img, .photo ul li a:active.hor img {background-color:#111111; position:absolute; left:220px; top:0; width:320px; height:175px; padding:0px 0px;}

 #pcmag { font-family: calibri; font-size:10px;
	color:#0066cb;text-decoration:none;
 } 
#pcmag a {font-family: calibri; font-size:10px;
	color:#0066cb;text-decoration:none;
}
#pcmag a:hover {  font-family: calibri; font-size:10px; background-color: #CCCCCC;
	color:#474848;text-decoration:none; 
	}
	







	
/*start scroll links  */
	#dhtmlgoodies_scrolldiv{
		/* The total width of the scrolling div including scrollbar */
		width:530px;
		height:500px;	/* The height of the scrolling div */
	}
	#scrolldiv_parentContainer{
		width:500px;	/* Width of the scrolling text */
		height:100%;
		overflow:hidden;
		border:1px solid #BC8FBD;
		float:left;
		position:relative;
	}
	
	/*
	CSS for the scrolling content 
	*/
	#scrolldiv_content{
		padding: 5px;
		position:relative;
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
		font-size: 0.9em;
		line-height:130%;
		color: #333;
	}
	
	/*
	The scrollbar slider 
	*/
	#scrolldiv_slider{
		width:15px;
		margin-left:2px;
		height:500px;
		float:left;
	}
	
	/*
	The scrollbar (The bar between the up and down arrow )
	*/
	#scrolldiv_scrollbar{
		width:15px;
		height:460px;	/* Total height - 40 pixels */
		border:1px solid #BC8FBD;
		position:relative;
		
	}
	/*
	The scrollbar handle
	*/
	#scrolldiv_theScroll{
		margin:1px;
		width:13px;
		height:13px;
		background-color:#BC8FBD;
		position:absolute;	
		top:0px;
		left:0px;
		cursor:pointer;
	}
	/*
	Scroll buttons(The up and down arrows)
	*/
	#scrolldiv_scrollUp,#scrolldiv_scrollDown{
		width:15px;
		height:16px;
		border:1px solid #BC8FBD;
		color: #BC8FBD;
		text-align:center;
		font-size:16px;
		line-height:16px;
		cursor:pointer;
	}
	#scrolldiv_scrollUp{
		margin-bottom:2px;
	}
	#scrolldiv_scrollDown{
		margin-top:2px;
	}
	#scrolldiv_scrollDown span,#scrolldiv_scrollUp span{
		font-family: Symbol;
	}
/*END scroll links  */


/*Color Changer  */
#colorchanger{ height: 1600px; width:1000px;
}
.colors {position:absolute; left:10px; top:5px; float:right;width:66px;z-index:2;display:inline;margin: 0px 0 0 0;padding: 0px 0 0 0;list-style:none;border:0px;}
.black,.green,.yellow,.red{ width: 10px;height:10px; float:left; border:0px solid #333; margin: 3px;}

/*END Color Changer  */