/*
Theme Name: Mr. Diggles
Theme URI: http://www.mrdiggles.com
Description: A theme designed to make me look like less of an asshole. </p><p><small> Developed by <a href="http://www.mrdiggles.com/">Mr. Diggles</a>. Protected by <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.</small>
Version: 3.0
Date Updated: 01.06.09
Author: Mr. Diggles
Author URI: http://www.mrdiggles.com/
*/

/********************          GLOBAL          ********************/
html
{
	/* Force Vertical Scrollbar */
	/* IE */
	/* Moz */
	height: 100%;
	margin-bottom: 0.1em;
}

*
{
	padding: 0;
	margin: 0;
}

div.clear {
	clear: both;
}

img { border: 0; }
a { text-decoration: none; }




body
{
	font: 62.5% 'Lucida Grande', Verdana, Arial, Sans-Serif;
	/* Resets 1em to 10px */
	color: #444;
	background: #1d1d1d;
	margin: 0;
}

#wrap { position: relative; }

#wrap, #head h1, #head h3, #head form, #foot-content
{
	width: 1000px;
	margin: 0 auto;
}

p.count {
	padding-top: 16px;
	float: left;
	width: 215px;
}	

p.hate {
	float: right; 
	width: 132px;
	border-left: 1px solid #3c3c3c;
	padding: 7px 0px 7px 12px;
}

p.hate a{
	color: #1d1d1d;
}

p.count a{
	color: #1d1d1d;
}


/********************          HEADER          ********************/

#head
{
	background: #fff;
	height: 226px;
}


#js_clock {
	float: right;
	margin-top: -20px;
	padding-right: 8px;
	color: #888;
	font-weight: bold;
}

div.headwrap {
	width: 1000px;
	margin: 0px auto;
}

#homey {
	color: #fff;
}

div.headleft {
	width: 643px;
	float: left;
	height: 226px;
	background: #fff;
}

div.headleft img.logo{
	margin-top: 40px;
	margin-bottom: 4px;
	margin-left: 15px;
}

div.headleft img.slogan{
	margin-top: 5px;
	margin-bottom: 0px;
	margin-left: 15px;
}

div.functions {
	background: #eee url(images/functions-top.jpg) top left no-repeat;
	padding: 10px;
	width: 430px;
	height: 60px;
	overflow: hidden;
	margin-top: 5px;
}


div.functions p{
	color: #999;
	padding-left: 8px;
	padding-bottom: 8px;
}

div.functions a{
	color: #444;
	text-transform: uppercase;
}

div.functions a:hover{
	color: #888;
}

div.functionsbot{
	height: 5px;
	margin-top: 0px;
	width: 450px;
	background: #eee url(images/functions-bot.jpg) bottom left no-repeat;
}

div.headright {
	float: left;
	width: 357px;
	height: 226px;
	background: #fff url(images/diggles-top.jpg) bottom right no-repeat;
}


div.headbot {
	clear: both;
	background: transparent url(images/content-bg-top.jpg) top left repeat-x;
	height: 55px;
}


/********************          CREDITS + PROPS PAGE          ********************/



div.credits {
	float: left;
	width: 459px;
	padding: 15px 20px;
	border-right: 1px dashed #333;
	text-align: center;
}

div.credits ul {
	list-style: none;
	margin-top: 15px;
}

div.credits ul li {
	margin-bottom: 10px;
	border-bottom: 1px solid #999;
	padding-bottom: 10px;
}

div.credits ul li.last {
	border-bottom: 0px;
}

div.credits ul li a {
	display: block;
	color: #1d1d1d;
}

div.credits ul li a:hover{
	background: #333;
}


div.props {
	float: left;
	width: 460px;
	padding: 15px 20px !important; padding: 15px 19px;
	text-align: center;
}


div.props ul {
	list-style: none;
	margin-top: 15px;
}

div.props ul li {
	margin-bottom: 10px;
	border-bottom: 1px solid #999;
	padding-bottom: 10px;
}

div.props ul li.last {
	border-bottom: 0px;
}

div.props ul li a {
	display: block;
	color: #1d1d1d;
}

div.props ul li a:hover{
	background: #333;
}
div.pagination {
	clear: both;
	width: 500px;
	padding: 25px 25px;
	
}



/********************          HEADER JQUERY SHELF         ********************/


#shelf {
	width: 100%;
	margin: 0px auto;
	display: none;
	color: #fff;
	background: #fff;
	clear: both;
}


div.shelfwrap {
	width: 1000px;
	background: #fff;
	margin: 0px auto;
	height: 243px;
}

#shelf ul {
	list-style: none;
}
#close {
	outline: none;
}

div.shelfleft {
	width: 403px;
	float: left;
	height: 243px;
	background: #fff url(images/plant-sm.jpg) bottom right no-repeat;
	color: #666;
	padding-right: 240px;
	padding-left: 0px;
}

div.shelfleft a{
	color: #558cd8;
	font-weight: bold;
}

div.shelfleft p{
	text-align: justify;
	line-height: 1.5em;
}

div.shelfleft p span{
	color: #336633;
}



div.shelfleft h1{
	color: #333;
}


div.shelfright {
	float: left;
	width: 357px;
	height: 243px;
	background: #fff url(images/diggles-bottom.jpg) top right no-repeat;
}



#main-list {
	text-align: right;
	padding: 75px 30px 0px 0px;
}

div.closeup a{
	border-bottom: 1px dashed #999;
	padding-bottom: 1px;
}

div.closeup a:hover{
	border-bottom: 1px dashed #dfdfdf;
	padding-bottom: 1px;
}

#main-list a{
	text-decoration: none;
	color: #101010;
}


#main-list a:hover{
	text-decoration: none;
}


#head h1 span { display: none; }
#head form { 
	float: left;
	text-align: left;
	margin-top: 1px;
	}

#head form input { 
	width: 174px; 
	border: none;
	height: 20px;
	margin-top: 3px !important: margin-top: 0px;
	padding: 2px 2px 0px 5px;
	background: transparent;

}

#head p.rssintro {
	float: right;
	width: 30px;
	padding-left: 24px;
	margin-top: -20px !important; margin-top: -28px;
	line-height: 18px;
	background: url(/img/rss-icon-bw.gif) top left no-repeat;

}

#head p.rssintro a{
	color: #eee;
}


#head p.rssintro a:hover{
	color: #f9932f;
	font-weight: bold;
}

#head h3 { display: none; }

div.searching {
	background: url(/img/form-bg.gif) top left no-repeat;
	width: 422px;
	height: 28px;
	padding: 4px 0px 2px 6px;
	margin-top: 5px;

}


/********************          MAIN          ********************/


#main
{
	float: left;
	width: 550px;
	background: #FFF url(images/post-top.jpg) top left no-repeat;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 15px;
	z-index: 3;
	position: relative;
	overflow: hidden;
}



#main p
{
	text-indent: 0px;
	margin-bottom: 10px;
}


div.postbot {
	background: #FFF url(images/post-bot.jpg) bottom left no-repeat;
	height: 10px;
}

/********************          ENTRY          ********************/


.entry
{
	padding: 10px 25px 35px 25px;
	font-size: 1.2em;
	line-height: 1.8em;
	color: #333;
}



div.entry p.posted {
	font-size: .9em;
	margin-bottom: 0px;
	text-align: left;
	font-weight: bold;
	letter-spacing: 1px;
	margin-top: -5px;
	color: #999;
}

div.entry p.entrytags {
	font-size: .9em;
	color: #eee;
	background: #1d1d1d;
	padding: 2px 0px 2px 8px;
	margin-top: -10px;
	text-transform: uppercase;
}

div.angel {
	float: left;
	text-align: right;
	width: 500px;
}

div.angel p{
	color: #888;
}

div.angel p a{
	color: #a1d8ff;
}


div.archiva {
	color: #eee;
	width: 500px;
	font-size: 160%;
	float: left;
	margin-top: -30px;
}

div.archiva img.pulled {
	margin: 5px 0px 0px 5px;
}

div.archiva strong {
	color: #999;
	font-size: 300%;
	text-transform: uppercase;
	font-family: arial;
	letter-spacing: -2px;
	background: #222;
	font-weight: 100;
	margin: 10px;
	line-height: 100px;
}

div.archiva ul {
	list-style: none;
	margin: 0px;
}


div.archiva a{
	padding: 3px;
	color: #a1d8ff;
	font-weight: bold;
	font-size: 75%;
}

div.archiva a:hover{
	color: #a1d8ff;
	background: #0c0c0c;
}


.entry a,
#comments h6 a,
.entry-meta a,
.navigation a,
.archives-link a,
.comment-subscribe a,
.loggedin a
{ color: #558cd8; }

.entry a:hover,
.entry-meta a:hover,
#foot-copyright p a:hover,
.foot-about p a:hover,
#comments h6 a:hover,
.navigation a:hover,
.archives-link a:hover,
.comment-subscribe a:hover,
.loggedin a:hover
{
	color: #CC3333;
	padding: 3px 0;
}


div.entry p.related {
	color: #999;
	border-bottom: 1px solid #eee;
}

div.entry ul.rel {
	color: #999;
	margin-left: 15px;
}

div.entry ul.rel li a{
	font-size: 90%;
}

div.entry p.iphone span{
	color: #CC3333;
	font-weight: bold;
}

div.entry h2.istep {
	font-family: arial;
	font-size: 300%;
	letter-spacing: -2px;
	border-bottom: 0px;
}

div.entry h2.ilist {
	font-family: arial;
	font-size: 150%;
	color: #103786;
}

h1,
h3,
h4,
h5 { font-family: 'Hoefler Text',Times,serif; }

h2 { 
	font-family: 'Hoefler Text',Times,serif; 
	font-size: 2.0em;
	line-height: 1.2em;
	padding-bottom: 0px;
	margin-bottom: 5px;
	border-bottom: 1px solid #eaeaea;
	}

h2.props{
	background: #FFF url(/img/props-bg.jpg) bottom left no-repeat;
	padding: 5px 5px 0px 5px;
	margin-left: 7px;
	border-bottom: 0px;
	color: #fff;
	margin-bottom: 20px;
}

#main h2 a,
#main h3 a,
#main h4 a,
#main h5 a,
#main h2,
#main h3,
#main h4,
#main h5
{
	color: #333;
	font-weight: normal;
}

#main h2 a:hover,
#main h3 a:hover,
#main h4 a:hover,
#main h5 a:hover
{
	color: #555;
	padding: 5px 0;
	background: transparent !important;
}

#main h3,
#main h4,
#main h5
{
	margin-top: 30px;
	margin-bottom: 5px;
}

.entry ul, .entry ol {
	margin-left: 35px;
	margin-bottom: 15px;
	}

.entry ul li, .entry ol li {
	list-style-image: url(/images/bullet_green.png);
	}

.entry dl {
	padding-left: 35px;
	}

.entry dt {
	border-top: 1px dotted #d7d7d7;
	margin-top: 15px;
	color: #362f2d;
	}
.entry dd {
	padding-top: 10px;
	}
.comment p
{
	text-indent: 0 !important;
}



.entry-comments {
	border-top: 1px solid #bebebe;
	border-right: 1px solid #bebebe;
	border-left: 1px solid #bebebe;
	padding-bottom: 2px;
	text-transform: uppercase;
	background: url(/img/arrow-light.gif) 98px 0px no-repeat;
}

.entry-comments a
{
	font-size: .8em;
	background: transparent url(img/comment.png) 0px 3px no-repeat;
	padding: 3px 0px 2px 20px;
	margin-left: 5px;
}

.entry-comments span {
	margin-left: 32px;
	font-size: 90%;
	color: #999;
}


.more-link
{
	font-size: .8em;
	background: transparent url(img/arrow_right.png) 0px 3px no-repeat;
	padding: 3px 0 2px 20px;
}

a.more-link:hover, .entry-comments a:hover
{
	padding-left: 20px !important;
	padding-bottom: 3px !important;
}

.entry-image
{
	float: right;
	width: 175px;
	margin-left: 30px;
	margin-bottom: 20px;
}

.entry-image p
{
	margin-top: 5px;
	color: #362f2d;
	font-size: .7em;
	line-height: 1.8em;
}

.entry-meta
{
	clear: left;
	position: relative;
	background: #FFF url(images/post-bot.jpg) bottom left no-repeat;
	text-align: left;
	height: 45px;
	border-bottom: 50px solid #1d1d1d;

}

.entry-meta p { 
	margin-bottom: 0 !important;
	background: #eee;
	padding: 10px 10px 10px 20px;
	}

.entry-share
{
	float: left;
	width: 200px;
	text-align: left;
}

.entry-share p
{
	display: inline;
	margin-left: 5px;
}

.entry-share img { vertical-align: middle; }

div.entry-quote {
	padding: 15px 0;
	border-top: 8px solid #d7d7d7;
	border-bottom: 4px solid #d7d7d7;
	margin-top: 15px;
	margin-bottom: 10px;
	}
div.entry-quote p {
	font-size: 1.2em !important;
	font-style: italic;
	text-indent: 0px !important;
	}
div.entry-quote p span {
	display: block;
	font-size: .8em;
	font-style: normal;
	text-align: right;
	}
div.entry-quote p span.note {
	display: block;
	font-size: .5em;
	font-style: normal;
	}
div.entry-quote img {
	float: left;
	margin-right: 30px;
	margin-bottom: 10px;
	}
blockquote {
	padding: 0 20px 0 50px;
	font-size: .8em;
	line-height: 2em;
	background: transparent url(img/quote.png) no-repeat 15px 5px;
	border: none;
	}
p.subscription-options {
	text-indent: 0px !important;
	}
p.subscription-options a {
	padding: 0px !important;
	}
p.subscription-options a:hover {
	background: transparent !important;
	padding: 0px !important;
	}
p.subscription-options img {
	margin: 0 10px 4px 0;
	vertical-align: middle;
	}
.subscription-options-email {
	width: 350px;
	}

p.sorry {
	padding: 20px;
	font-size: 1.4em;
}

h2.found {
	padding: 20px 20px 10px 20px;
	border-bottom: 0px;
}

p.mybad {
	padding: 0px 20px 20px 20px;
	font-weight: bold;
}

p.mybad span {
	color: #CC3333;
	letter-spacing: 1px;
}

.micropost-comments
{
	background: transparent url(img/comment.png) top left no-repeat;
	padding: 1px 0 2px 20px;
	margin-right: 15px;
	font-size: .9em;
}

.micropost-link
{
	background: transparent url(img/link.png) top left no-repeat;
	padding: 1px 0 2px 20px;
	font-size: .9em;
}

#comments
{
	background: #FFF url(images/post-top.jpg) top left no-repeat;
	padding: 20px 20px 20px 20px;

}

 #comment-form
{
	background: #FFF;
	border-top: 1px dashed #aaa;
	padding: 30px 20px 20px 20px;
	margin-top: 0px;

}

div.comment
{
	background: #fec8c8;
	padding: 30px;
	margin-bottom: 0 !important;
	width: 450px;
	color: #333;
	font-size: 1.2em;
	line-height: 2em;
}

#main div.comment p {
	margin: 0;
	padding: 0 0 10px 0;
}

p.alt { background: #fff !important; }

#comments h6
{
	font-size: 1em;
	font-weight: normal;
	padding-bottom: 30px;
	width: 450px;
	text-align: right;
	vertical-align: middle;
	color: #333;
	background: transparent url(img/comment-background.gif) top right no-repeat;
	padding-right: 30px;
	padding-top: 10px;
}

#comments h6 img
{
	vertical-align: middle;
	margin-left: 10px;
	border: 1px solid #eee;
}

#comments h6.alt
{
	vertical-align: middle;
	text-align: left;
	background: transparent url(img/comment-background-alt.gif) 30px 0px no-repeat;
	padding-left: 30px;
}

#comments h6.alt img
{
	padding-right: 10px;
	padding-left: 30px;
}

#comment-form
{
	color: #d7d7d7;
	position: relative;
}
#comment-form br
{
	clear: left;
}

#comment-form h3
{
	font-size: 2.1em;
	font-weight: normal;
	color: #333;
}

.comment-trackback
{
	background: transparent url(img/trackback.png) top left no-repeat;
	padding: 1px 0 5px 0;
	right: 240px;
	top: 30px;
}

.comment-feed
{
	background: transparent url(img/feed.png) top left no-repeat;
	padding: 1px 0 5px 0;
	right: 355px;
	top: 30px;
}

.comment-trackback a, .comment-feed a
{
	color: #999;
	font-size: .9em;
	padding-left: 20px;
}

.comment-feed a:hover
{
	background: #fff url(img/feed.png) 0px 3px no-repeat;
	color: #CC3333;
	padding-top: 5px;
	padding-bottom: 5px;
}

.comment-trackback a:hover
{
	color: #CC3333;
	padding-top: 5px;
	padding-bottom: 5px;
}

#comment-form form
{
	margin-top: 10px;
	padding-top: 15px;
	border-top: 1px dotted #fff;
}

#comment-form p
{
	text-indent: 0 !important;
}

#comment-form label { display: none; }

#comment-form p.comment-textarea
{
	float: left;
	margin-right: 15px;
	width: 320px !important;
}

#comment-form p.comment-subscribe label
{
	display: inline !important;
	padding-left: 5px;
}

#comment-form textarea
{
	width: 488px;
	color: #fff;
	height: 120px;
	background: #1d1d1d url(img/form-bg.jpg) top left repeat-x;
	margin-bottom: 18px;
	padding: 10px;
	border: 1px solid #888;
}

#comment-form input
{
	width: 220px;
	background: #1d1d1d;
	margin-bottom: 2px;
	color: #fff;
	border: 1px solid #888;
	padding: 3px 5px 3px 5px;
}

#comment-form input.button {
	background: #fff;
	margin-top: 5px;
}


#submit
{
	width: 170px !important;
}

#subscribe
{
	font-size: 1em !important;
}

#page
{
	font-size: 1.0em;
	line-height: 2em;
	color: #777;
}

.page-image
{
	float: right;
	width: 175px;
	margin-left: 60px;
}

.page-image p
{
	margin-top: 5px;
	color: #362f2d;
	font-size: .7em;
	text-indent: 0 !important;
	line-height: 1.8em;
}

#page p.caption
{
	font-size: .7em;
	line-height: 1.8em;
	color: #362f2d;
	text-indent: 0 !important;
	margin-bottom: 15px;
}
.entry-right {
	float: right;
	padding-top: 10px;
	margin-left: 20px;
	}
.entry-right p {
	font-size: .7em;
	line-height: 1.8em;
	color: #362f2d;
	text-indent: 0 !important;
	margin-bottom: 15px;
	}

img.keyline
{
	margin-left: -15px;
	border: 1px solid #d7d7d7;
	padding: 2px;
}

#page dt
{
	color: #362f2d;
	font-size: .8em;
	text-transform: uppercase;
}

#page dd
{
	margin-bottom: 5px;
	padding-left: 15px;
}

.span-help
{
	border-bottom: 1px dotted #000;
	cursor: help;
	padding-bottom: 3px;
}


#page ul {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	}
#page ul.postspermonth {
	margin-left: 15px;
	}
#page ul.list {
	margin-left: 20px;
	padding-left: 20px;
	list-style-image: url(/images/bullet_green.png)
	}
#page ul.list li {
	margin-bottom: 5px;
	}


#secondary
{
	float: right;
	width: 375px;
	padding-top: 0px;
	margin-top: 0px;
	position: relative;
}

#secondary h3
{
	font-size: 1.6em;
	font-weight: normal;
	color: #a1d8ff;
	padding: 10px 0px 10px 0px;
	margin-bottom: 5px;
	border-bottom: 1px dashed #333;

}

#secondary img.rss
{
	position: absolute;
	top: 48px;
	right: 15px;
}

div.recent ul
{
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	margin-top: 10px;
}

div.recent ul li
{
	border-top: 1px dashed #333;
	line-height: 1.8em;
}

div.recent ul li a
{
	color: #eee;
	padding: 2px 0px;
	display: block !important; display: inline-block;
	padding-left: 8px;
}

div.recent ul li a:hover
{
	color: #1d1d1d;
	background: #eee;
}

div.project {
	margin-top: 25px;
	background: #666 url(images/project-top.jpg) top left no-repeat;
	padding: 10px;
	color: #eee;
}

div.project img{

}

div.project h3.plug{
	color: #CC3333;
}

div.project a {
	color: #abda4d;
}

div.project p{
	padding-top: 5px;
	line-height: 1.6em;
}

div.projectbot {
	height: 10px;
	padding: 0px;
	margin: 0px;
	background: #666 url(images/project-bot.jpg) bottom left no-repeat;
}


div.sponsors {
	margin-top: 40px;
	padding-top: 10px;
}

div.evil {
	background: #1d1d1d url(images/evilbackwards-bg.gif) bottom left no-repeat;
	height: 90px;
	padding: 5px;
	text-align: center;
	margin-bottom: 20px;
}

div.evil img{
	padding-top: 5px;
}

div.sponsors h1{
	color: #fdffbd;
	font-size: 2.1em;
	margin-bottom: 15px;
	padding-bottom: 2px;
}


div.sponsors p{
	color: #777;
}


div.sponsor {
	float: left;
	width: 187px;
	height: 55px;
	text-align: center;
	margin-bottom: 20px;
}

div.sponsor1 {
	float: left;
	width: 125px;
	height: 37px;
	text-align: center;
	margin-bottom: 10px;
}


#main-nav
{
	position: absolute;
	margin: 0 auto;
	z-index: 1;
	text-align: center;
}

#main-nav h3 { display: none; }

#main-nav ol
{
	list-style: none;
	padding-left: 0;
	margin: 0 auto;
	background: #362f2d;
}

#main-nav ol li
{
	float: left;
	width: 80px;
	margin-right: 2px;
}

#main-nav ol li a
{
	display: block;
	padding: 10px;
	color: #fff;
	border-top: 1px solid #362f2d;
	background-color: #362f2d;
}

#main-nav ol li.current_page_item a
{
	background: #fff;
	color: #362f2d;
}

#main-nav ol li a:hover { border-top: 1px solid #fff; }

div.twittwrap {
}

div.twitt {
	background: #e8eefa url(images/twitt-top.jpg) top left no-repeat;
	padding: 15px 10px 17px 10px;
	margin-top: 0px;
	width: 180px;
	float: left;
	line-height: 1.5em;
}


div.twitt a{
	color: #888;
	letter-spacing: 1px;
	font-size: .9em;
	text-transform: uppercase;
}

div.cellphone {
	float: left;
	width: 83px;
	height: 40px;
	padding-left: 50px;
	margin-right: 20px;
	padding-top: 18px;
	color: #eee;
	font-weight: bold;
	background: #1d1d1d url(images/phone.gif) bottom left no-repeat;
}

#twitter
{
	width: 165px;
	margin: 3px auto 0 auto;
	padding-right: 15px;
	color: #000;
	background: transparent url(img/twitter-background.gif) 165px 10px no-repeat;
	line-height: 2em;
}

#my_twitter_status
{
	display: block;
	background: #fff;
	padding: 15px;
	color: #444;
}

#my_twitter
{
	text-align: center;
	display: block;
	padding-right: 0;
	padding-left: 0;
	font-size: .9em;
}

#foot #my_twitter a { margin-right: 0 !important; }

#my_twitter a:hover
{
	background-color: #d3ffb2;
	color: #00f;
	padding: 3px 0;
}

#my_twitter_status_time
{
	padding-left: 0;
	color: #fff;
}


div.recent {
	clear: both;
	padding: 15px 10px 15px 10px;
	margin-top: 0px !important; margin-top: -5px;
	background: url(images/recent-bg.gif) top left repeat-y;
}

div.recenttop {
	clear: both;
	background: #1d1d1d url(images/recent-top.jpg) top left no-repeat;
	height: 7px;
}


div.recent h4.recent{
	color: #fdffbd;
	font-size: 2.0em;
}

div.recentbot {
	clear: both;
	margin-bottom: 20px;
}


p.archives-link {
	border: 1px solid #777;
	font-size: 1.0em;
	color: #aaa;
	padding-left: 10px;
	padding-top: 8px;
	padding-bottom: 8px;
	text-transform: uppercase;
	letter-spacing: 1px;
	background: transparent url(/img/arrow.gif) 132px 0px no-repeat !important; background: transparent url(/img/arrow.gif) 153px 0px no-repeat;
	}

p.archives-link span{
	margin-left: 22px;
}



/*************        RECENT COMMENTS         **********/

div.recentcomment {
	clear: both;
	padding: 25px 0px;
}

div.recentcomment h1{
	color: #fdffbd;
}



div.recentcomment ul
{
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	margin-top: 10px;
}

div.recentcomment ul li
{
	border-top: 1px dashed #333;
	line-height: 1.8em;
	padding: 2px 0px;
	color: #dd9a9a;
}

div.recentcomment ul li a
{
	color: #eee;
	padding-left: 8px;
}

div.recentcomment ul li a:hover
{
	color: #1d1d1d;
	background: #eee;
}


div.foottop {
	clear: both;
	background: #1d1d1d url(images/content-bg-bot.jpg) bottom left repeat-x;
	height: 60px;
}

#foot
{
	clear: both;
	background: #fff url(images/footer-bg.jpg) top left repeat-x;
	padding: 0px 0px;
	height: 500px;
}

#foot-content
{
width: 1000px;
	margin: 0px auto;
	color: #101010;
	height: 500px;
}


div.footimg {
	float: left;
 	margin-top: 158px;
 	width: 404px;
}

div.cloud {
	float: left;
	text-align: center;
}

div.cloud p.legal{
	color: #666;
}

div.cloud img.two {
	padding-top: 20px;
}

div.cloud p.legal a{
	color: #CC3333;
	font-weight: bold;
	text-transform: uppercase;
}

div.tagcloud {
	width: 550px;
	margin-left: 40px;
	margin-top: 40px;
	height: 300px;
}

div.tagcloud a {
	color: #242424;
}

div.tagcloud a:hover{
	color: #444;
	background: #eee;
}

.navigation {
	text-align: center;
	padding: 0 60px 10px 60px;
	font-size: 1.4em;
	line-height: 2em;
	color: #999;
}


.alignleft {
	float: left;
}

.alignright {
	float: right;
}

div.morer{
	float: right;
	font-size: 80%;
	text-transform: uppercase;
}

div.morel{
	float: left;
	font-size: 80%;
	margin-left: -8px;
	text-transform: uppercase;
}


.loggedin {
	height: 85px;
}

h2.pagetitle {
	margin: 10px 20px 0 20px;
	font-size: 2.0em;
	border-bottom: 1px #555 dashed;
}

h2.pagetitlex {
	margin: 10px 20px 10px 20px;
	font-size: 175%;
	padding-bottom: 15px;
	border-bottom: 10px #eee solid;
}

h2.pagetitlex span{
	color: #CC3333;
}


.archives-column-one {
	float: left;
	width: 324px;
	border-right: 1px solid #d7d7d7;
	margin-right: 15px;
	}
.archives-column-one br {
	clear: left;
	}
.archives-column-two {
	float: left;
	margin-left: 15px;
	width: 325px;
	}
.archives-column-two p {
	text-indent: 0px !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 0 !important;
	}
#archives-categories {
	padding-bottom: 30px;
	}
#archives-categories li {
	float: left;
	width: 150px;
	font-size: 1.0em;
	padding-right: 10px;
	overflow: hidden;
	height: 25px;
	}
.archives-categories-clear {
	float: none !important;
	clear: left;
	}
.srg_switcher {
	display: block;
	border-top: 1px dotted #d7d7d7;
	border-bottom: 1px dotted #d7d7d7;
	font-size: .8em;
	margin-bottom: 10px;
	padding-left: 20px;
	background: transparent url(/images/arrow_out.png) 0 6px no-repeat;
	}
.postspermonth {
	margin-top: 0;
	padding-bottom: 20px;
	}
.archives-featured {
	float: left;
	width: 310px;
	border-top: 8px solid #d7d7d7;
	border-bottom: 4px solid #d7d7d7;
	padding: 15px;
	}
.archives-featured li {
	font-size: .9em;
	text-indent: 20px;
	background: transparent url(/images/bullet_green.png) 0 5px no-repeat;
	}
.merchant-options {
	text-align: center;
	margin-top: 15px;
	}

img.MyAvatars {
	width: 32px;
	}
body table#MBL_COMM {
	border: none;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}


.entry-image-package
{
	float: right;
	width: 400px;
	margin-left: 15px;
	padding-top: 10px;
}

.entry-image-package p
{
	margin-top: 5px;
	color: #362f2d;
	font-size: .7em;
	text-indent: 0 !important;
	line-height: 1.8em;
}

#scrollbox {
	width: 355px;
	width: expression('355px');
	height: 214px;
	height: expression('214px');
	overflow: hidden;
	border-bottom: 5px solid #1d1d1d;
	border-top: 5px solid #1d1d1d;
	/*
	image width: 355px;
	image height: 214px;
	*/
}


/*************      GALLERY  PAGE      *************/

div.galspot {
	border-top: 1px dashed #444;
	padding-top: 20px;
	margin-top: 20px;
}


div.imagelove {
	margin-left: 10px;
	margin-top: 10px;
}

div.imagelove li {
	float: left;
}

div.imagelove li a{
	float: left;
	margin: 4px;
	background: #444;
	padding: 6px 3px 0px 3px !important; padding: 3px 3px 3px 3px;
	color: #1d1d1d;
}

div.imagelove li a:hover {
	background: #666;
}


div.musiclove {
	margin-top: 5px;
	margin-left: 4px;
}

div.track {
	height: 270px !important; height: 280px;
	padding: 15px;
	width: 195px;
	float: left;
	margin: 10px 9px 15px 9px !important; margin: 10px 8px 15px 8px;
	border: 3px solid #444;
}

div.track h5.name {
	font-size: 160%;
	font-weight: 100;
	font-family: arial;
	border-bottom: 3px solid #444;
	padding-bottom: 3px; 
	margin-bottom: 3px;
	color: #eee;
}

div.track p.player {
	margin: 7px 0px 2px 0px;
}

div.track img.trek {
	margin-bottom: 5px;
}

div.track p.description {
	font-size: 100%;
	color: #aaa;
	line-height: 1.8em;
	margin-bottom: 5px;
}

div.track p.description a{
	color: #a1d8ff;
	text-decoration: none;
}


div.track p.download a{
	color: #a1d8ff;
	text-decoration: none;
	font-size: 100%;
}

div.track p.purchase a{
	color: #a1d8ff;
	text-decoration: none;
	font-size: 100%;
}

div.toots {
	margin-top: 20px;
	margin-left: 10px;
}


div.free {
	float: left;
	width: 310px;
	border-left: 1px dashed #444;
	margin-right: 12px;
	padding-left: 13px;
}

div.freeend {
	float: left;
	width: 310px;
	margin-right: 0px;
	border-left: 1px dashed #444;
	padding-left: 13px;
}

div.freestart {
	float: left;
	width: 310px;
	margin-right: 12px;
}

div.toots h5.toottitle {
	font-size: 160%;
	font-weight: 100;
	font-family: arial;
	color: #eee;
	margin-bottom: 10px;
}

div.toots img.toot {
	float: left;
	margin-right: 15px;
	margin-bottom: 5px;
	border: 3px solid #444;
}

div.toots p.tootdesc {
	font-size: 100%;
	line-height: 1.8em;
	color: #aaa;
	margin-bottom: 10px;
}

#demo {
	border-bottom: 1px solid #222;
	padding-bottom: 2px;
}
div.toots p.action {
	margin-bottom: 0px;
}

div.toots a {
	color: #a1d8ff;
	text-decoration: none;
	font-size: 100%;
}

div.toots p.action a {
	color: #a1d8ff;
	text-decoration: none;
	font-size: 100%;
	margin-bottom: 2px;
}


div.friends {
	margin-top: 20px;
	margin-left: 10px;
}

div.linker {
	float: left;
	width: 166px;
	border-right: 1px dashed #444;
	padding-right: 18px; 
	margin-right: 18px;
	margin-bottom: 40px;
}

div.linker a{
	color: #1d1d1d;
}

div.linker img {
	border: 3px solid #444;
}

div.linkerend {
	float: left;
	width: 166px;
	margin-bottom: 40px;
}

div.linkerend a{
	color: #1d1d1d;
}

div.linkerend img {
	border: 3px solid #444;
}

div.friends h5.linktitle {
	font-size: 160%;
	font-weight: 100;
	font-family: arial;
	color: #eee;
	margin: 7px 0px 5px 0px; 
}

div.friends p.whatis {
	font-size: 100%;
	line-height: 1.8em;
	color: #aaa;
	margin-bottom: 5px;
}

div.friends p.whatis a{
	color: #a1d8ff;
}


div.friends p.action a{
	text-decoration: none;
	color: #a1d8ff;
	font-size: 100%;
}

#secondary p.sider1 {
	margin-top: 65px;
	border-top: 1px dashed #444;
	border-bottom: 1px dashed #444;
	padding-top: 15px;
	margin-bottom: 15px;
	padding-bottom: 15px;
}


#secondary p.sider {
	margin-bottom: 15px;
	border-bottom: 1px dashed #444;
	padding-bottom: 15px;
}



/*************      TRINKET COLLECTION  PAGE      *************/

div.collection img.trinket{
	border-bottom: 1px dashed #444;
	margin-bottom: 10px;
}


div.trinket {
	float: left;
	width: 198px;
	height: 295px !important; height: 310px;
	padding: 15px;
	margin: 20px 10px 20px 9px !important; margin: 20px 8px 20px 8px;
	border: 1px solid #aaa;
}

div.trinket img {

}

div.trinket h5.trinket {
	font-weight: 100;
	font-family: arial;
	letter-spacing: -1px;
	font-size: 180%;
	color: #fefdd3;
	margin: 10px 0px 7px 0px;
}

div.trinket p.description {
	color: #9ec9ff;
	font-size: 100%;
	line-height: 1.7em;
	text-transform: lowercase;
}
