/* 

JDMLove CSS Document
JDMLove by http://www.jdmlove.org is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 United States License. 
Permissions beyond the scope of this license may be available at http://creativecommons.org/about/licenses/.

TABLE OF CONTENTS
1. RESET
2. DEFAULTS
3. HEADER
4. CONTENT
5. FOOTER
7. AUTHOR
8. DRAG TO SHARE
9. CAPTIONS
*/

/* -- 1. RESET -- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td, col {
	background: transparent no-repeat 0 0;
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: none;
	padding: 0;
	vertical-align: baseline;
	}
em { font-style: italic; }
input, textarea { margin: 0; padding: 0; }
object { display: block; }
ol, ul { list-style: none; }
table {	border-collapse: collapse; border-spacing: 0; width: 100%; }
h1, h2, h3, h4, h5, h6 { margin:0; }

/* -- 2. DEFAULTS -- */
html {
	background:#191919;
	color:#f4f4f4;
	font-family:Helvetica, Aria, sans-serif;
	font-size:10px;
}

/*TYPOGRAPHY*/
h1.page {
	color:#333;
}

p {
	margin:10px 0;
	line-height:1.8em;
	font-size:1.2em;
}
p strong {
	font-size:inherit;
}
p a {
	color:#00a0e4;
}
p em {
	font-size:inherit;
}
cite {
	display:block;
	margin:10px 0;
	font-size:1em;
	color:#696969;
	font-style:italic;
}
em {
	font-size:1.2em;
	font-style:italic;
}
strong {
	font-weight:900;
	font-size:1.2em;
}
blockquote {
	margin:10px 0 10px 10px;
	padding:10px;
	line-height:1.8em;
	background:#333;
  	border-left: 3px solid #696969;
	-moz-border-radius-topRight:10px;
	-webkit-border-top-right-radius:10px;
	font-size:1.2em;
	font-style:italic;
} 

/*LINKS*/
a {
	text-decoration:none;
}

a:hover {
	color:#ff137a;
	text-decoration:none;
}
a:visited {
	color:#00a0e4;
}

.mainImage {
	margin:10px 0;
	padding:5px;
	max-width:588px;
	overflow:hidden;
	border:1px solid #333;
}
img {
	margin:10px 0;
	padding:0;
	max-width:588px;
	overflow:hidden;
	border:none;
}
.left {
	float:left;
}
.right {
	float:right;
}

/* -- 3. HEADER -- */
#topHeader {
	height:40px;
	background:#000;
	border-bottom:1px solid #252525;
}
#topHeader ul {
	margin:0 auto;
	width:960px;
	line-height:40px;
}
#topHeader ul li {
	float:left;
	display:inline;
	margin:0 20px;
	font-size:1.4em;
	font-weight:bold;
	color:#696969;
}
#topHeader ul li:first-child {
	margin:0 20px 0 0;
}
#topHeader ul li a {
	color:#696969;
}
#topHeader ul li a:hover {
	color:#ff137a;
}

/*LOGO & SEARCH*/
#header {
	margin:0 auto;
	width:960px;
	height:160px;
}
#header img {
	float:left;
	margin:42px 0 0 0;
	border:none;
}
form#searchForm {
	float:right;
	margin:64px 0 0 0;
	width:275px;
	height:30px;
	background:url(images/searchBox.gif) no-repeat top left;
}
form#searchForm input {
	float:left;
	margin:1px 0 0 1px;
	padding:5px;
	width:210px;
	background:transparent !important;
	border:none;
	font-family:"Myriad Pro", Helvetica, Arial, sans-serif;
	font-size:1.4em;
	font-weight:900;
	color:#696969;
}
form#searchForm button {
	float:right;
	margin:1px 0 0 0;
	padding:0;
	width:46px;
	height:28px;
	background:url(images/findButton.gif) no-repeat top left;
	text-indent:-9999px;
	cursor:pointer;
}
form#searchForm button:hover {
	background:url(images/findButtonHover.gif) no-repeat top left;
}

/*MAIN NAVIGATION*/
#mainNavigation {
	width:100%;
	height:60px;
	background:#000;
	border-top:1px solid #252525;
	border-bottom:1px solid #252525;
}
ul.topnav {
	margin:10px auto 0 auto;
	width:960px;
	height:50px;
	background:#191919;
	border-top:1px solid #252525;
	border-left:1px solid #252525;
	border-right:1px solid #252525;
	-moz-border-radius-topLeft:10px;
	-moz-border-radius-topRight:10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
}
ul.topnav li {
	float:left;
	position:relative;
	padding:0 20px;
	line-height:50px;
	font-size:1.8em;
	font-weight:900;
}
ul.topnav li a {
	display:block;
	color:#f4f4f4;
}
ul.topnav li a:hover {
	color:#ff137a;
}
/*--Drop down trigger styles--*/
ul.topnav li span { 
	float:left;
	position:absolute;
	top:15px;
	right:0;
	padding:0;
	width:15px;
	height:25px;
	background: url(images/subnav-btn.png) no-repeat center top;
}
/*--Hover effect for trigger--*/
ul.topnav li span.subhover {
	background:url(images/subnav-btnHover.png) no-repeat center top;
	cursor:pointer;
} 
ul.topnav li ul.children {
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	float: left;
	top:40px;
	left:20px;
	width:220px;
	margin: 0; 
	padding: 0;
	display: none;
	background:url(images/subnavBG.png) repeat top left;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomRight:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomLeft:10px;
	list-style: none;
	z-index:9999;
}
ul.topnav li ul.children li{
	margin:0 10px; 
	padding:0;
	clear: both;
	width:200px;
	font-size:12px;
}
ul.topnav li ul.children li a {
	display:block;
	margin:0;
	padding:0;
	cursor:pointer;
}

/* -- 4. CONTENT -- */
#content {
	margin:40px auto;
	width:960px;
	overflow:hidden;
}
h2.fresh {
	margin:0 0 30px 0;
	color:#333;
	font-size:4.8em;
	text-shadow:#000 0px 1px;
}

/*POST LISTS*/
div#posts {
	float:left;
	width:600px;
	overflow:auto;
}
div#posts ol {
	width:600px;
	overflow:auto;
}
div#posts ol li {
	margin:0 0 40px 0;
	width:600px;
}
div#posts ol li ul.subHead {
	margin:0;
	padding:0;
	width:600px;
	overflow:auto;
	border-bottom:1px solid #333;
}
div#posts ol li ul.subHead li {
	float:left;
	display:inline;
	margin:0;
	padding:0 20px 10px 0;
	width:auto;
	color:#696969;
	text-transform:uppercase;
}
div#posts ol li ul.subHead li a {
	color:#00a0e4;
}
div#posts ol li ul.subHead li a:hover {
	color:#ff137a;
}
div#posts ol li div {
	position:relative;
	width:600px;
	min-height:125px;
}

div#posts ol li h2.postTitle {
	position:absolute;
	left:0;
	bottom:30px;
	margin:0 0 0 6px;
	padding:10px;
	height:auto;
	background:url(images/postTitleBG.png) repeat;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	border-right:1px solid #000;
	line-height:1em;
	font-size:3.6em;
	font-weight:900;
}
div#posts ol li h2.postTitle a {
	color:#f4f4f4;
}
div#posts ol li h2.postTitle a:hover {
	color:#ff137a;
}
div#posts ol li a.continue {
	display:inline-block;
	margin:10px 0;
	padding:10px;
	background:#000;
	border:1px solid #333;
	color:#ff137a;
	font-size:1.2em;
}
div#posts ol li a.continue:hover {
	background:#333;
}

/*SIDEBAR*/
.sidebar {
	float:left;
	margin:0 0 0 40px;
	width:320px;
}
a.rss {
	display:block;
	margin:0;
	padding:0 0 0 40px;
	height:40px;
	line-height:40px;
	background:url(images/rssBG.gif) no-repeat top left;
	color:#fff;
	font-size:1.4em;
	font-weight:900;
	text-shadow:#ef5411 0 -1px;
}
a.rss:hover {
	color:#333;
	text-shadow:#ff812c 0 1px;
}
.sidebar ol {
	margin:40px 0 0 0;
	width:318px;
	background:#000;
	border:1px solid #333;
}
.sidebar ol li {
	position:relative;
	margin:0 0 30px 0;
}
.sidebar ol li span {
	display:inline-block;
	margin:10px 0 10px -10px;
	padding:10px 10px 10px 20px;
	width:auto;
	background:#afdc00;
	border:1px solid #cbfe01;
	font-size:1.4em;
	font-weight:900;
	text-shadow:#98b31d 0 -1px;
}
.sidebar ol li p {
	padding:0 20px;
}
.sidebar ol li a {
	color:#00a0e4;
}
.sidebar ol li a:hover {
	color:#ff137a;
}
.sidebar ol li a.ad {
	display:inline-block;
	margin:10px 0 10px 20px;
	padding:0;
}
.sidebar ol li a.ad img {
	margin:0;
	padding:0;
	border:none;
}

/*Containing elements like Flickr RSS*/
.sidebar ol li div {
	margin:0 20px;
	padding:0;
	width:280px;
}
.sidebar ol li div a {
	display:inline-block;
	margin:0;
	padding:5px 5px;
}
.sidebar ol li div a img {
	margin:0;
	padding:2px;
}

/*Sidebar nested ul*/
.sidebar ol li ul {
	display:block;
	margin:0 0 30px 0;
	padding:0 20px;
}
.sidebar ol li ul li {
	margin:0;
	padding:10px 0;
	width:auto;
	border-bottom:1px solid #333;
}
.sidebar ol li ul li p {
	margin:0;
	padding:0;
	font-size:1.1em;
}
.sidebar ol li ul li a {
	display:block;
	margin:0 0 5px 0;
	font-size:1.2em;
}
.sidebar ol li a.userFeed {
	margin:0 5px 0 0;
	padding:3px;
	background:#333;
	border:1px solid #444;
	text-transform:uppercase;
}

/*SINGLE*/
div.post {
	float:left;
	max-width:600px;
	width:600px;
	overflow:hidden;
}
div.post ul.subHead {
	margin:0;
	padding:0;
	width:600px;
	overflow:auto;
	border-bottom:1px solid #333;
}
div.post ul.subHead li {
	float:left;
	display:inline;
	margin:0;
	padding:0 20px 10px 0;
	width:auto;
	color:#696969;
	font-size:1em;
	font-style:normal;
	text-transform:uppercase;
}
div.post ul.subHead li a {
	color:#00a0e4;
}
div.post ul.subHead li a:hover {
	color:#ff137a;
}
div.post div {
	position:relative;
	width:600px;
	min-height:125px;
}
div.post h2.postTitle {
	position:absolute;
	left:0;
	bottom:30px;
	margin:0 0 0 6px;
	padding:10px;
	height:auto;
	background:url(images/postTitleBG.png) repeat;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	border-right:1px solid #000;
	line-height:1em;
	font-size:3.6em;
	font-weight:900;
}
div.post h2.postTitle a {
	color:#f4f4f4;
}
div.post h2.postTitle a:hover {
	color:#ff137a;
}
div.post ul {
	margin:10px 0;
	list-style:disc inside;
}
div.post ul li {
	padding:5px 10px;
	line-height:1.8em;
	font-size:1.2em;
	font-style:italic;
}
div.post ul li a {
	color:#00a0e4;
}
div.post ul li a:hover {
	color:#ff137a;
}
div.post ol {
	margin:10px 0;
	list-style:decimal-leading-zero inside;
}
div.post ol li {
	padding:5px 10px;
	font-size:1.2em;
	font-style:italic;
}

/*SINGLE HEADINGS*/
div.post h1 {
	margin:20px 0 10px 0;
	font-size:2.8em;
}
div.post h2 {
	margin:20px 0 10px 0;
	font-size:2.4em;
}
div.post h2.fresh {
	margin:0 0 20px 0;
	color:#333;
	font-size:4.8em;
	text-shadow:#000 0px 1px;
}
div.post h3 {
	margin:20px 0 10px 0;
	font-size:2em;
}
div.post h4 {
	margin:20px 0 10px 0;
	font-size:1.8em;
}
div.post h5 {
	margin:20px 0 10px 0;
	font-size:1.6em;
}

/*POST AUTHOR*/
#postAuthor {
	position:relative;
	margin:40px 0 0 0;
	padding:5px 0;
	width:600px;
	overflow:hidden;
	border-top:1px solid #333;
	border-bottom:1px solid #333;
}
#postAuthor span {
	display:block;
	margin:0 0 10px 0;
	color:#333;
	font-size:2.4em;
	font-weight:900;
	text-shadow:#000 0 -1px;
}
#postAuthor img {
	float:left;
	margin:0 20px 0 0;
	border:none;
	padding:0;
}
#postAuthor p {
	float:right;
	margin:0;
	width:505px;
}
#postAuthor ul {
	display:inline-block;
	margin:10px 0 5px 0;
	clear:both;
	list-style:none;
}
#postAuthor ul li {
	float:left;
	display:inline;
	padding:0 10px;
	font-style:normal;
	font-size:inherit;
	color:#696969;
}
#postAuthor ul li:first-child {
	padding:0 10px 0 0;
}
#postAuthor ul li a {
	color:#00a0e4;
}
#postAuthor ul li a:hover {
	color:#ff137a;
}

/*PAGINATION*/

/*COMMENTS*/
#comments {
	margin:40px 0 0 0;
	width:600px;
	overflow:hidden;
}
#comments span {
	display:block;
	color:#333;
	font-size:3em;
	font-weight:900;
	text-shadow:#000 0 -1px;
}
#comments ol {
	margin:20px 0;
	list-style:none;
}
#comments ol li {
	margin:0 0 0 0;
	padding:0 0 20px 0;
	overflow:auto;
}
#comments ol li.userLink {
	margin:0 0 20px 0;
	padding:0;
	border-bottom:1px solid #333;
}
#comments ol li img {
	float:left;
	padding:0 0 0 0;
	border:none;
}
#comments ol li p {
	font-size:1em;
}
#comments ol li div {
	float:right;
	margin:10px 0 0 20px;
	padding:10px 10px 0 10px;
	width:508px;
	background:#252525;
	border:1px solid #000;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topRight:10px;
}
#comments ol li div p {
	dislplay:block;
	clear:left;
	margin:0 0 10px 0;
	padding:0;
	font-size:1em;
	font-style:normal;
}
#comments ol li div ul {
	display:inline-block;
	margin:0 0 10px 0;
	padding:0;
	list-style-type:none;
}
#comments ol li div ul li {
	float:left;
	display:inline;
	padding:0 5px;
	width:auto;
	height:auto;
	border-left:1px solid #696969;
	border-bottom:none;
	color:#696969;
	font-size:.8em;
	font-style:normal;
}
#comments ol li div ul li:first-child {
	padding:0 5px 0 0;
	border-left:none;
}
#comments ol li div ul li a {
	color:#00a0e4;
}
#comments ol li div ul li a:hover {
	color:#ff137a;
}

/*COMMENT FORM*/
form#commentForm {
	margin:20px 0;
	width:600px;
}
form#commentForm label {
	display:block;
	margin:0 0 5px 0;
	padding:20px 0 0 0;
	clear:both;
	color:#696969;
	font-size:2em;
	font-weight:900;
}
form#commentForm input {
	float:left;
	padding:5px;
	background:#f4f4f4;
	border:1px solid #333;
	width:290px;
	font-size:1.4em;
}
form#commentForm textarea {
	float:left;
	padding:5px;
	width:440px;
	background:#f4f4f4;
	border:1px solid #333;
	font-size:1.4em;
}
form#commentForm button.submit {
	margin:20px 0 0 0;
	padding:10px;
	background:#00a0e4;
	color:#f4f4f4;
	font-size:2em;
	font-weight:900;
	text-shadow:#0282b9 0 -1px;
	text-transform:uppercase;
	cursor:pointer;
}
form#commentForm button.submit:hover {
	background:#ff137a;
	text-shadow:#c91061 0 -1px;
}
form#commentForm span {
	float:left;
	margin:0 0 0 5px;
	line-height:30px;
	font-size:1.2em;
	text-transform:uppercase;
	color:#696969
}
form#commentForm cite {
	display:block;
	margin:0;
	padding:5px 0 0 0;
	clear:both;
	color:#696969;
}

/* -- 6. FOOTER -- */
#footer {
	margin:0;
	padding:40px 0;
	overflow:auto;
	background:#000;
	border-top:1px solid #252525;
	border-bottom:1px solid #252525;
}
#footer ol {
	margin:0 auto;
	width:960px;
}
#footer ol li {
	float:left;
	margin:0 0 0 40px;
	width:293px;
}
#footer ol li:first-child {
	margin:0;
}
#footer ol li h4 {
	display:block;
	font-size:1.8em;
	font-weight:900;
}
#footer ol li h4.tags {
	margin:0 0 20px 0;
}
#footer ol li a {
	color:#00a0e4;
}
#footer ol li a:hover {
	color:#ff137a;
}
#footer ol li ul {
	margin:10px 0 0 0;
	color:#696969;
}
#footer ol li ul li {
	margin:0;
	padding:10px 0;
	border-bottom:1px solid #333;
	font-size:1.2em;
}
#footer ol li ul li a {
	color:#00a0e4;
}
#footer ol li ul li a:hover {
	color:#ff137a;
}
#footer ol li#crew img {
	padding:0;
	border:none;
}
#footer ol li#crew a {
	float:left;
	display:inline;
	margin:0 10px 0 0;
}
/*LEGAL*/
#legal {
	margin:20px auto 40px auto;
	width:960px;
}
#legal img {
	float:left;
	margin:5px 10px 0 0;
	padding:0;
	border:none;
}
#legal p {
	margin:0;
	color:#696969;
}

/* -- 7. AUTHOR --*/
div.author {
	float:left;
	width:600px;
	overflow:auto;
}
div.author div {
	display:block;
	clear:both;
	margin:0 0 40px 0;
	width:600px;
	overflow:auto;
}
div.author div h3 {
	font-size:2.4em;
	font-weight:900;
	color:#333;
}
div.author img {
	float:left;
	margin:0 20px 10px 0;
	padding:5px;
	border:1px solid #333;
}
div.author p {
	float:right;
	margin:0;
	width:493px;
}
div.author div ul.subHead {
	margin:0 0 20px 0;
	padding:0;
	width:600px;
	overflow:auto;
	border-bottom:1px solid #333;
}
div.author div ul.subHead li {
	float:left;
	display:inline;
	margin:0;
	padding:0 20px 10px 0;
	width:auto;
	color:#696969;
	text-transform:uppercase;
}
div.author div ul.subHead li a {
	color:#00a0e4;
}
div.author div ul.subHead li a:hover {
	color:#ff137a;
}
div.author ol.authorPosts {
	margin:10px 0 0 0;
}
div.author ol.authorPosts li {
	padding:5px 0;
	width:100%;
}
div.author ol.authorPosts li a {
	display:block;
	padding:10px;
	background:#101010;
	color:#00a0e4;
	font-size:1.4em;
	font-weight:900;
}
div.author ol.authorPosts li a:hover {
	background:#333;
	color:#ff137a;
}

/* -- 8. DRAG TO SHARE -- */
.ui-draggable { cursor:move; }
#tip { 
	position:absolute; 
	display:none; 
	height:25px; 
	padding:9px 9px 0px; 
	color:#fff; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px; 
	font-weight:bold; 
	border-radius:4px; 
	-moz-border-radius:4px; 
	-webkit-border-radius:4px; 
	background:#000; 
	background:rgba(0,0,0,.5); 
}
#tip .arrow { 
	width:0; 
	height:0; 
	line-height:0; 
	border-right:8px solid #000;
	border-right:8px solid rgba(0,0,0,.5); 
	border-top:8px solid transparent; 
	border-bottom:8px solid transparent; 
	position:absolute; 
	left:-8px; 
	top:9px; 
}

#targets { 
	display:none; 
	list-style-type:none; 
	position:absolute; 
	top:10px; 
	z-index:99999; 
}
#targets li { 
	float:left; 
	margin-right:20px; 
	display:block; 
	width:60px; 
	height:60px; 
	background:url(images/iconSprite.png) 
	no-repeat 0 0; 
	position:relative; 
}
#targets li#delicious { 
	background-position:0 -60px; 
}
#targets li#facebook { 
	background-position:0 -120px; 
}
#targets li span { 
	display:block; 
	position:absolute; 
	bottom:-40px; 
	white-space:pre; 
	color:#fff; 
}

#overlay { 
	background-color:#000; 
	position:absolute; 
	top:0; 
	left:0; 
	width:100%; 
	height:100%; 
	z-index:99997; 
}
#helper { 
	background-color:#c2c2c2; 
	position:absolute; 
	height:35px; 
	padding:15px 70px 0 20px; 
	color:#fff; 
	font-family:Verdana; 
	font-weight:bold; 
	font-size:18px; 
	border-radius:8px; 
	-moz-border-radius:8px; 
	-webkit-border-radius:8px; 
	border:3px solid #7d7d7d; 
}
#thumb { 
	width:50px; 
	height:50px; 
	position:absolute; 
	right:0; 
	top:0; 
	border-left:3px solid #7d7d7d; 
}

.share { font-weight:bold; position:absolute; font-size:14px; font-family:Verdana; margin-left:-38px; }

/* -- 9. CAPTIONS -- */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	width:expression(this.width > 600 ? 600: true);
	height:auto;
	width:600px;
	max-width:600px;
	overflow:hidden;
	text-align: left;
	border-bottom:1px solid #333;
}

.wp-caption img {
	width:expression(this.width > 600 ? 600: true);
	height:auto;
	max-width:600px;
	overflow:hidden;
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 10px;
	line-height:1.8em;
	padding:5px 0;
	margin: 0;
	color:#696969;
}

.wp-caption-text {
	font-size: 10px;
	font-style:italic;
	line-height:1.8em;
	padding:5px 0;
	margin: 0;
	color:#696969;
}