/*
Theme Name: Jenny & Johnny Custom
Theme URI: http://www.theuprisingcreative.com
Description: Custom Theme by <a href="http://www.theuprisingcreative.com" target="_blank">The Uprising Creative</a>.
Version: 1.0
Author: The Uprising Creative
Author URI: http://www.theuprisingcreative.com
*/

.bodyoverlay {position:absolute; top:0px; left:0px; width:100%; height:100%; background:#FFF; z-index:5001;}

img,a, a:hover, a:active, a:visited, a:link {outline:none; -moz-outlinke:none; -webkit-outline:none;}
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Helvetica, Arial, Verdana, Sans-Serif;
	background: #FFFFFF url('images/jj-paperbg.jpg') top left fixed;
	color: #000;
	text-align: center;
	margin: 0px;
	padding: 0;
	}

.topheader {
	width:100%;
	height: 8px;
	background: url('images/jj-topheader.png') bottom left repeat;
	margin:0px;
	padding:0px;
	position:fixed;
	top:0px;
	left:0px;
	z-index:5000;
	}

#page {
	text-align: left;
	margin: 0px;
	padding: 0;
	width: 930px;
	}

a, h2 a:hover, h3 a:hover {
	color: #00baf2;
	text-decoration: none;
	}

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

/* HEADER STUFF */
#header {
	margin: 0 0 0 1px;
	padding: 0;
	height: 200px;
	width: 758px;
	position:relative;
	}

div#listen {position:absolute; top:25px; left:15px; width:250px; height:57px; overflow: hidden; background: url('images/jj-button-listen.png') no-repeat top left;}
a#listen {position:absolute; top:0px; left:0px; width:100%; height:100%;}
a#listen:hover {background: url('images/jj-button-listen-r.png') no-repeat top left;}

div#mailinglist {position:absolute; top:85px; left:13px; width:268px; height:57px; overflow: hidden;}
div#mailingarrow {position:absolute; top:117px; left:106px; width:13px; height:15px; overflow: hidden; background: url('images/jj-arrow.png') no-repeat top left;}
div#mailingtext {position:absolute; top:133px; left:108px; width:160px; height:30px; overflow:hidden; font-family:Helvetica, Arial, sans-serif; font-size:11px; line-height:13px; text-align:left; color: #dc8bbb;}

div#myspace {position:absolute; top:121px; left:16px; width:24px; height:24px; overflow: hidden; background: url('images/jj-social-myspace.png') no-repeat top left;}
a#myspace {position:absolute; top:0px; left:0px; width:100%; height:100%;}
a#myspace:hover {background: url('images/jj-social-myspace-r.png') no-repeat top left;}

div#facebook {position:absolute; top:121px; left:44px; width:24px; height:24px; overflow: hidden; background: url('images/jj-social-facebook.png') no-repeat top left;}
a#facebook {position:absolute; top:0px; left:0px; width:100%; height:100%;}
a#facebook:hover {background: url('images/jj-social-facebook-r.png') no-repeat top left;}

div#twitter {position:absolute; top:121px; left:72px; width:24px; height:24px; overflow: hidden; background: url('images/jj-social-twitter.png') no-repeat top left;}
a#twitter {position:absolute; top:0px; left:0px; width:100%; height:100%;}
a#twitter:hover {background: url('images/jj-social-twitter-r.png') no-repeat top left;}

div#headerlogo {position:absolute; top:38px; left:287px; width:534px; height:45px; overflow: hidden; background: url('images/jj-logo.png') no-repeat top left;}
a#headerlogo {position:absolute; top:0px; left:0px; width:100%; height:100%;}

div#home {position:absolute; top:90px; left:281px; width:117px; height:22px; overflow: hidden; background: url('images/jj-button-home.png') no-repeat top left;}
a#home {position:absolute; top:0px; left:0px; width:100%; height:100%;}
a#home:hover {background: url('images/jj-button-home-r.png') no-repeat top left;}

div#tour {position:absolute; top:90px; left:398px; width:98px; height:22px; overflow: hidden; background: url('images/jj-button-tour.png') no-repeat top left;}
a#tour {position:absolute; top:0px; left:0px; width:100%; height:100%;}
a#tour:hover {background: url('images/jj-button-tour-r.png') no-repeat top left;}

div#about {position:absolute; top:90px; left:494px; width:120px; height:22px; overflow: hidden; background: url('images/jj-button-about.png') no-repeat top left;}
a#about {position:absolute; top:0px; left:0px; width:100%; height:100%;}
a#about:hover {background: url('images/jj-button-about-r.png') no-repeat top left;}

div#download {position:absolute; top:119px; left:281px; width:300px; height:22px; overflow: hidden; background: url('images/jj-button-download-new.png') no-repeat top left;}
a#download {position:absolute; top:0px; left:0px; width:100%; height:100%;}
a#download:hover {background: url('images/jj-button-download-new-r.png') no-repeat top left;}

div#contact {position:absolute; top:148px; left:273px; width:165px; height:22px; overflow: hidden; background: url('images/jj-button-contact.png') no-repeat top left;}
a#contact {position:absolute; top:0px; left:0px; width:100%; height:100%;}
a#contact:hover {background: url('images/jj-button-contact-r.png') no-repeat top left;}

div#store {position:absolute; top:142px; left:439px; width:123px; height:30px; overflow: hidden; background: url('images/jj-button-store.png') no-repeat top left;}
a#store {position:absolute; top:0px; left:0px; width:100%; height:100%;}
a#store:hover {background: url('images/jj-button-store-r.png') no-repeat top left;}
/* END HEADER STUFF */

#content {font-size: 1.2em;}

.maincolumn {
	padding: 10px 0px 20px 0px;
	margin: 5px 0px 0px 110px;
	width: 820px;
	}

.maincolumn .entry p {font-size: 1.05em;}
.maincolumn .entry {line-height: 1.4em;}
.maincolumn .postmetadata {text-align: center;}
.maincolumn .postmetadata {
	padding-top: 5px;
	}

.maincolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.maincolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}

/* POST STUFF */
.post {
	margin: 0 0 40px;
	padding: 18px 36px 18px 18px;
	text-align: justify;
	background: #FFF;
	background-color: rgba(255,255,255,0.8);	
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius:20px;
	border-radius: 20px;	/* behavior: url(border-radius.htc); */
position:relative;
	height:auto;
	}
	
#post-leftcolumn {
	width:156px;
	height:auto;
	margin:0px;
	float:left;
	position:relative;
	}
#post-leftcolumn #postdate {
	width:134px;
	height:100px;
	float:left;
}
#postdate #sticky-new {
	font-size:45px; 
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-style:italic;
	width:auto;
	padding:0px;
	height:100px;
	float:left;
	}
#postdate #month {
	font-size:30px; 
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-style:italic;
	width:auto;
	padding:0px;
	height:100px;
	float:left;
	}
#postdate #day {
	font-size:110px; 
	letter-spacing: -11px; 
	line-height: 84px; 
	font-family:"Times New Roman", Times, serif; 
	font-style:italic; 
	margin-left:-10px;
	height:100px;
	float:left;
	}

#postdivider {
	float:right;
	margin:0px;
	padding:0px 6px 0px 0px;
}

#post-leftcolumn #category {
	font-size:20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	text-align:right;
	height:25px;
	width:139px;
	padding:5px 8px 0px 0px;
	border-bottom: 1px #CCC solid;
	float:left;
}
#post-leftcolumn #category a {text-decoration:none; color:#da8abb;}
#post-leftcolumn #category a:hover {text-decoration:none; color:#000000;}

#post-leftcolumn #tags {
	float:left;
	height:auto;
	width:147px;
}
#post-leftcolumn #tags a {text-decoration:none; color:#8a8a8a;}
#post-leftcolumn #tags a:hover {text-decoration:none; color:#00baf2;}

#post-leftcolumn #tags .post-info {
	font-size:14px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	text-align:right;
	height:23px;
	width:139px;
	padding: 7px 8px 0px 0px;
	border-bottom: 1px #CCC solid;
	float:left;
}

#postfooter {
	height:90px;
	width:147px;
}
#postfooter #comments-list {
	font-size:14px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	text-align:left;
	height:23px;
	width:147px;
	padding: 7px 0px 0px 0px;
	border-bottom: 1px #CCC solid;
	float:left;
	color: #8a8a8a;
}
#postfooter #comments-list a {text-decoration:none; color:#8a8a8a;}
#postfooter #comments-list a:hover {text-decoration:none; color:#da8abb;}

#postfooter #share {
	font-size:14px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	text-align:left;
	height:23px;
	width:147px;
	padding: 7px 0px 0px 0px;
	border-bottom: 1px #CCC solid;
	float:left;
}
ul.addtoany_list {display:block !important;}
ul.addtoany_list li {line-height: normal !important;}
ul.addtoany_list li a {padding:0px !important; color: #00baf2; text-decoration:none;}
ul.addtoany_list li a:hover {color: #000000; text-decoration:none;}

#postfooter #facebook-like {
	font-size:14px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	text-align:left;
	height:23px;
	width:139px;
	padding: 7px 0px 0px 0px;
	float:left;
}

#post-rightcolumn {
	width:600px;
	margin:0px;
	float:right;
	position:relative;
	}
	
.post hr {
	display: block;
	}
/* END POST STUFF */


/* FOOTER STUFF */
#footer {
	border: none;
	padding: 10px 0px;
	margin: 0px;
	width: 100%;
	height:60px;
	clear: both;
	background: url('images/jj-footer-bg.png') top left repeat;
	text-align:left;
	position:relative;
	}

#footernav {
	position:absolute;
	top:10px;
	left:12px;
	color: #8a8a8a;
	font-size: 14px;
	font-style: italic;
	font-family:Georgia, "Times New Roman", Times, serif
}
#footernav a {color: #8a8a8a;}
#footernav a:hover { color: #00baf2;}

div#foot-myspace {position:absolute; top:35px; left:10px; width:24px; height:24px; overflow: hidden; background: url('images/jj-social-foot-myspace.png') no-repeat top left;}
a#foot-myspace {position:absolute; top:0px; left:0px; width:100%; height:100%;}
a#foot-myspace:hover {background: url('images/jj-social-myspace-r.png') no-repeat top left;}

div#foot-facebook {position:absolute; top:35px; left:38px; width:24px; height:24px; overflow: hidden; background: url('images/jj-social-foot-facebook.png') no-repeat top left;}
a#foot-facebook {position:absolute; top:0px; left:0px; width:100%; height:100%;}
a#foot-facebook:hover {background: url('images/jj-social-facebook-r.png') no-repeat top left;}

div#foot-twitter {position:absolute; top:35px; left:66px; width:24px; height:24px; overflow: hidden; background: url('images/jj-social-foot-twitter.png') no-repeat top left;}
a#foot-twitter {position:absolute; top:0px; left:0px; width:100%; height:100%;}
a#foot-twitter:hover {background: url('images/jj-social-twitter-r.png') no-repeat top left;}

#footersearch {
	position:absolute;
	top:36px;
	left:94px;
	height:24px;
	overflow:hidden;
}

#searchform {padding:0px; margin:0px; height:24px;}
.searchbar {
	background: #FFF;
	background-color: rgba(255,255,255,1);	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;	/* behavior: url(border-radius.htc); */
height:17px;
	width:147px;
	border:none;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color: #999;
	font-style: italic;
	padding: 2px 2px 2px 4px;
	margin:0px 6px 0px 2px;
}

#footer-copyright {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	font-style:italic;
	position:absolute;
	top:12px;
	right:12px;
	color: #999;
	text-align:right;
	line-height:12px;
}
#footer-copyright a {color: #999;}
#footer-copyright a:hover {color: #00baf2;}

#footer p {
	margin: 0;
	padding: 20px 0;
	text-align: center;
	}
/* END FOOTER */

/*	Begin Headers */
h1, h2, h3 {
	font-family: "neuzon-1","neuzon-2","Helvetica",sans-serif;;
	font-weight: normal;
	}

h1 {font-size: 4em;text-align: center;}

h2 {
	font-size: 32px;
	text-transform: uppercase;
	text-align:left;
	margin: 0px;
	line-height:32px;
	}

h3 {font-size: 1.3em;}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {color: #000;}
h2 a:hover, h3 a:hover { color: #00baf2;}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited {text-decoration: none;}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}
/* End Headers */



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {float: right;}
.alignleft {float: left;}
/* End Images */


/* Begin Lists */
html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body .entry li {
	margin: 5px 0 5px 10px;
	}

.entry ul li:before {
	content: "";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

ol li {
	list-style: decimal outside;
	}

/* End Entry Lists */



/* Begin Form Elements */
.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 8px 18px;
	text-align: justify;
	background: #FFF;
	background-color: rgba(255,255,255,0.8);	
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius:20px;
	border-radius: 20px;	/* behavior: url(border-radius.htc); */
}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}

.thread-alt {}
.thread-even {}
.depth-1 {}
.children .even, .children .alt {}
.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em Helvetica, Arial, Verdana, Sans-Serif;
	}
.commentlist li ul li {font-size: 1em;}
.commentlist li {font-weight: bold;}
.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}
.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}
.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}
#commentform p {font-family: Helvetica, Arial, Verdana, Sans-Serif;}
.commentmetadata {font-weight: normal;}

.comment-body {padding-bottom:6px; border-bottom: 1px #CCC solid;}
.children .comment-body {padding-left: 6px; border-left: 1px #CCC solid;}
/* End Comments */


/* Begin Various Tags & Classes */
acronym, abbr, span.caps {cursor: help;}
acronym, abbr {border-bottom: 1px dashed #999;}
.center {text-align: center;}
.hidden {display: none;}
.screen-reader-text {position: absolute;left: -1000em;}
hr {display: none;}
a img {border: none;}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

small, .nocomments, .postmetadata, blockquote, strike {color: #777;}
code {font: 1.1em 'Courier New', Courier, Fixed;}

acronym, abbr, span.caps {
	font-size: 0.9em;
	letter-spacing: .07em;
	}

.postmetadata {clear: both;}
.clear {clear: both;}
/* End Various Tags & Classes*/

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

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

/* TOPSPIN STUFF */
#topspin-widget {height:30px !important;}
#topspin-widget td {vertical-align:top;}
#topspin-widget a#privacy-policy {font-size:9px; color: #999; font-style:italic; text-align:right;}

#topspin-email {
	background: #FFF;
	background-color: rgba(255,255,255,1);	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;	/* behavior: url(border-radius.htc); */
height:23px;
	width:180px !important;
	border:none;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color: #999;
	font-style: italic;
	padding: 2px 2px 2px 4px;
	margin:1px 6px 0px 2px;
	box-shadow:inset 1px 1px 3px #666;
	-moz-box-shadow:inset 1px 1px 3px #666;
	-webkit-box-shadow:inset 1px 1px 3px #666;
	-khtml-box-shadow: inset 1px 1px 3px #666;
}


/* END TOPSPIN STUFF */

.wp-paginate .current {
	background: #00baf2 !important;
	border: 0px !important;
}
.wp-paginate a {
	background: #CCC !important;
	border:0px !important;}

#respond {padding-top:10px;}


/* END TOPSPIN STUFF */

.wp-paginate .current {
	background: #00baf2 !important;
	border: 0px !important;
}
.wp-paginate a {
	background: #CCC !important;
	border:0px !important;}

#respond {padding-top:10px;}
#wpstats, .wpstats {display:none;}-style: italic;
	padding: 2px 2px 2px 4px;
	margin:1px 6px 0px 2px;
	box-shadow:inset 1px 1px 3px #666;
	-moz-box-shadow:inset 1px 1px 3px #666;
	-webkit-box-shadow:inset 1px 1px 3px #666;
	-khtml-box-shadow: inset 1px 1px 3px #666;
}


/* END TOPSPIN STUFF */

.wp-paginate .current {
	background: #00baf2 !important;
	border: 0px !important;
}
.wp-paginate a {
	background: #CCC !important;
	border:0px !important;}

#respond {padding-top:10px;}


/* END TOPSPIN STUFF */

.wp-paginate .current {
	background: #00baf2 !important;
	border: 0px !important;
}
.wp-paginate a {
	background: #CCC !important;
	border:0px !important;}

#respond {padding-top:10px;}
#wpstats, .wpstats {display:none;}

#other-individual, #other-individual p {line-height:14px;}
#other-individual div {min-height:140px;}