/*  
Theme Name: Junkie Creations
Theme URI: http://www.junkiecreations.com
Description: Wordpress Theme for Junkie Creations created by Jan Cantor
Version: 1
Author: Jan Cantor
Author URI: http://www.junkiecreations.com
*/


@import "css/reset.css";


* {
	margin:0px;
	padding:0px;
}

body {
	background:#FFF;
	font:.85em Georgia, "Times New Roman", Times, serif;
	word-spacing:2px;
}

a {
	color:#1599b5;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
p {
	color:#1e1e1e;
}
.leftbar {
	float:left;
}
.rightbar {
	float:right;
}
.wrap_jc {
	width:960px;
	margin:0 auto;
}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++			The Layout Designed		      ++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
container {
	}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++		Top Bar: TopNav, Twitter, & RSS 	  	      ++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#topbar-wrap {
	background:#565656;
	border-bottom:3px solid #82b500;
	height:35px;
	width:auto;
}
#topnav, #topsubscribers {
	padding:10px 0px;
}
#topnav li {
	display:inline;
	padding-right:10px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
#topnav a {
	color:#daefa4;
	text-decoration:none;
	text-transform:uppercase;
	font-size:.8em;
}
#topnav a:hover {
	text-decoration:underline;
}
#topsubscribers li {
	display:inline;
	padding:10px 0 10px 20px;
}
#topsubscribers a {
	color:#fff;
	text-decoration:none;
}
#topsubscribers a {
	color:#fff;
	text-decoration:none;
}
#topsubscribers a:hover {
	text-decoration:underline;
}
#topsubscribers li.twittercount {
	background:url(images/twitter_mini.png) no-repeat 3% 30%;
	padding-right:30px;
}
#topsubscribers li.rsscount {
	background:url(images/rss_mini.png) no-repeat 0% 40%;
}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++ Header: Logo, Twitter, RSS, Newsletter Form, and Search Form ++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#header-wrap {
	height:88px;
	margin-top:10px;
	width:auto;
}
#logo {
}
#social {
	width:140px;
	margin-left:10px;
}
#social li {
	display:inline;
	padding-left:5px;
}
#topforms {
	margin-top:20px;
}
#topforms li {
	display:inline-block;
	padding-left:30px;
	list-style:none;
}
.rss-email h4 {
	color:#565656;
}
/* Email Newsletter Form Start */
#email_subscribeform {
	position:relative;
	height:30px;
	margin:0px 0px 0px 0px;
	display:block;
}

#email_subscribeform input {
	display:block;
	position:relative;
	margin:5px 0px 0px 0px;
	width:200px;
	top:0px;
	background-color:#FFF;
	border-top:1px solid #9a9a9a;
	border-left:1px solid #9a9a9a;
	border-right:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
	height:15px;
	color:#b5b4b4;
	font-size:12px;
	padding:5px;
}
#email_subscribeform button {
	height:27px;
	right:0px;
	top:0px;
	position:absolute;
	font-size:12px;
	width:30px;
	background-image:url(images/searchbutton.png);
	background-color:#dedede;
	background-repeat:repeat;
	border:1px solid #999;
	color:#545454;
	font-weight:bold;
	line-height:25px;
	cursor:pointer;
}
#email_subscribeform button:hover {
	color:#545454;
	border:1px solid #666;
}
input[type=hidden] {
	display:none;
}
#email_subscribeform input.hidden {
	display:none;
}
#email_subscribeform input[type=hidden] {
	display:none;
}
/* Email Subscription Form End */

/* Email Newsletter Form Start */
#searchform {
	position:relative;
	height:30px;
	margin:0px 0px 0px 0px;
	display:block;
}

#searchform input {
	display:block;
	position:relative;
	margin:5px 0px 0px 0px;
	width:200px;
	top:0px;
	background-color:#FFF;
	border-top:1px solid #9a9a9a;
	border-left:1px solid #9a9a9a;
	border-right:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
	height:15px;
	color:#b5b4b4;
	font-size:12px;
	padding:5px;
}
#searchform button {
	height:27px;
	right:0px;
	top:0px;
	position:absolute;
	font-size:12px;
	width:30px;
	background-image:url(images/searchbutton.png);
	background-color:#dedede;
	background-repeat:repeat;
	border:1px solid #999;
	color:#545454;
	font-weight:bold;
	line-height:25px;
	cursor:pointer;
}
#searchform button:hover {
	color:#545454;
	border:1px solid #666;
}
input[type=hidden] {
	display:none;
}
#searchform input.hidden {
	display:none;
}
#searchform input[type=hidden] {
	display:none;
}
/* Email Subscription Form End */


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++ 			 Category Nav                           ++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#nav-wrap { }
#catnav {
	height:32px;
    background: url(images/catnav-bg.png) top left repeat-x;
    padding:0 0 0 10px;
	width:auto;
	margin-top:20px;
}

#menu {
	height:32px;
}
#menu, #menu ul { 
	padding:0;
	margin:0;
	list-style:none;
	line-height:1;
	
}
#menu {
	margin-bottom:1px;
}
#menu ul {
	float:left;
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:0px;
}
#menu li {
	float:left;
	list-style: none;
	margin:0px;
	padding:0px;
    background: url(images/catnav-separator.png) right center no-repeat;
}
#menu ul li {
	list-style: none;
	margin:0px;
	padding:0px;
}
#menu li a, #menu li a:link {
	color:#fff;
	display:block;
    margin:0px 6px 0px 0px;
	padding:9px 12px;
	text-decoration:none;
	font-size:1.1em;
	font-weight:normal;
	text-transform:uppercase;
}	
#menu li a:hover, #menu li a:active {
	color:#1e1e1e;
	display:block;
	text-decoration:none;
}

#menu  li.current-cat a {
	color:#1e1e1e;
    background:url(images/catnav-hover.png) top center no-repeat;
}
#menu li:hover, #menu li.sfhover { 
	position:static;
}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++  Content: Posts, Single Post, Author Box Pages, and Sidebar  ++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#content-wrap {
	margin-top:15px;
	margin-bottom:15px;
}


/* Main Content */
#main {
	width:620px;
	border-right:1px dotted #999;
	padding-right:20px;
	margin-bottom:30px;
}
.top-p-ad { }

.main-post {
	width:620px;
	height:auto;
	padding-top:30px;
}

.sharepost {
	float:left;
	margin:0;
	width:50px;
	z-index:0;
}
.sharebutton { 
	padding-bottom:10px; 
}

	

/* -- Post -- */
.post-entry {
	width:555px;
	margin-left:10px;
	float:left;
	position:relative;
	margin-bottom:20px;
	border-bottom:1px dotted #999;
}
.post-entry h2 {
	font-size:1.9em;
	font-style:italic;
}
.post-entry h2 a {
	font-style:italic;
	font-weight:normal;
	color:#6e9a00;
	text-decoration:none;
}
.post-entry h2 a:hover {
	color:#86b218;
	text-decoration:underline;
}

/* -- Page -- */
.page-entry {
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dotted #999;
}
.page-entry h2 {
	color:#333;
	font-size:1.9em;
	font-style:italic;
}

/* -- Category -- */
.arcat-entry {
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dotted #999;
}
.arcat-entry h2 {
	color:#333;
	font-size:1.9em;
	font-style:italic;
}

/* Home, Single, Page */
.p-meta {
	font:.65em Arial, Helvetica, sans-serif !important;
	text-transform:uppercase;
	margin-top:5px;
	margin-bottom:5px;
}
.p-meta a {
	color:#89aa36;
}
.p-meta span {
	position:absolute;
	right:0px;
}
.alignleft {
	float:left;
	margin:25px 10px 5px 0px;
}
.alignright {
	float:right;
	margin:25px 0px 5px 20px;
}
.aligncenter {
	margin:25px auto 5px auto;
}
.p-copy {
	margin-top:20px;
        margin-bottom:10px;
	line-height:1.5em;
}
.p-copy p {
	margin-bottom:10px;
}
.p-copy h2 {
        padding-top:10px;
        color:#333;
	font-size:1.4em;
}
.p-copy li {
        margin-left:30px;
}
.post-thumbnail {
	float:left;
	margin:0 10px 10px 0;
        border:1px solid #ccc;
        padding:5px;
}
.jc_image {
	width:510px;
        text-align:center;
        padding:5px;
        border:1px solid #ccc;
        margin-bottom:20px;
}
blockquote {
	font-style:italic;
	width:420px;
	margin:10px 0 10px 20px;
	padding:10px 10px 10px 30px;
	background:url(images/blockquote.png) no-repeat;
}
.p-more {
	margin-top:40px;
	padding-bottom:30px;
}
.p-more a {
	color:#1599b5;
	font-size:1.5em;
	font-weight:bold;
	padding:7px;
	width:auto;
}
.p-more a:hover {
	color:#1599b5;
	text-decoration:underline;
}

.downloadbutton {
	list-style:none;
	padding:0;
	margin-top:10px;
	width:298px;
	height:100px;
	position:relative;
	overflow:hidden;
        text-indent:-9999px;
}
.downloadbutton a {
	display:block;
	position:absolute;
	outline:none;
}
.downloadbutton a:hover {
	background-position:left bottom;
}
.downloadbutton .buttonimage {
	width:298px;
	height: 100px;
	background:url(images/downloadbutton.png) no-repeat;
	left:0px;
	top:0px;
}



/* Author Box */
.author-box {
	border:1px solid #ccc;
	margin-bottom:20px;
	padding:10px;
	clear:left;
}
.authorbio h2 {
	font-size:1.3em;
	color:#333;
}
.authorbio p {
	margin-top:10px;
	font-size:1.1em;
	margin-bottom:1px;
}





/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++ 	   	  	Related Posts    		        ++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#related_posts {
	padding-bottom:10px;
}
#related_posts h3 {
	background:#E3E4E6 url(img/box.gif) 0 0 no-repeat;
	font-size:12px;
	padding:6px 12px;
	letter-spacing:0em;
	border-bottom:1px solid #CCC;
}
#related_posts ul {
	background:#F4F5F7 url(img/box.gif) 100% 100% no-repeat;
	padding:3px 12px 8px;
}
#related_posts ul li {
	list-style:none;
	padding:3px 5px;
	border-bottom:1px solid #E3E4E6;
	line-height:18px;
}
#related_posts .count {
	font-size:10px;
}
#related_posts .excerpt {
	color:#86b218;
	font-size:11px;
	display:block;
}
/* when related posts without title */
/*
#related_posts {
	padding-top:3px;
	padding-bottom:8px;
}
#related_posts ul li {
	list-style:none;
	padding:3px 5px;
	border-bottom:1px solid #E3E4E6;
	line-height:18px;
}
*/

/* Related Posts */  
ol.related-posts {clear:both; text-align:center; margin:10px 0px 0px 0px; padding:0;}  
ol.related-posts li{width:120px; float:left; display:inline; margin-right:15px;; padding:0;}  
ol.related-posts img{clear:both; padding:5px; background:#F7F7F7; border:1px solid #DDD;}  
ol.related-posts a{clear:both; display:block; border:none; text-decoration:none;}  
ol.related-posts li{font-size:12px;} 




/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++ 	   Comment Area: Comment Lists and Comment Form    	++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#comments {
	margin-top:20px;
	padding-top:20px;
	border-top:1px dotted #999;
	position:relative;
}
#comments h2 { 
	padding-bottom:10px;
	color:#333;
	font-size:1.5em; 
	font-weight:bold;
	border-bottom:3px solid #565656;
}

/* Reply Button */
.reply_comments {
	font-size:.9em;
	font-weight:bold;
	margin:5px 10px 5px 10px;
	position:absolute;
	right:0;
}
.reply_comments a {
	color:#fff;
	background-color:#999;
	padding:5px 10px 5px 10px;
}
.reply_comments a:hover {
	color:#111;
	background-color:#777;
	text-decoration:none;
	padding:5px 10px 5px 10px;
}

/* Comment Lists */
.comment-list {
	padding:0;
	list-style:none; 
}
.comment-list li {
	margin:10px 0px; 
	padding:10px 0 5px 0; 
	border:1px solid #CCC;
}
.comment-list ul.children {
	margin:0 10px 0 10px;  
	list-style:none;
} 
.comment-list ul.children li {
	margin-left:50px;
	border-top:1px solid #ccc;
	border-bottom:none;
	border-left:none;
	border-right:none;
}
.thecomment {
	padding:0px 10px 0px 10px;  
}
.comment-meta-box {
	padding-bottom:5px;
}
.gravatar {
	float:left;
	margin-right:10px;
	border:1px solid #ccc;
        padding:3px;
}
.comment-meta {
	width:450px; 
	padding-left:10px; 
}
.comment-meta .author {
	display:block;
	padding:6px 0 2px 10px; 
	color:#111111; 
	text-transform:uppercase;
	font-weight:bold; 
	font-size:1em;  
}
.comment-meta .author a {
	display:block; 
	color:#1599b5; 
}
.author a:hover {
	display:block;
	color:#1599b5;
	text-decoration:none;
}
.date-link-reply {
	text-transform:uppercase;
	font-size:.7em;
	border-bottom:1px dotted #999;
}
.comment-copy {
	padding:5px 40px 0 50px;
}
.warning {
	margin-left:50px;
	font-style:italic;
	color:#fb4007;
}

/* Comment Form Box */
#respond {
	font-weight:bold;
	color:#202020;
	border:1px dotted #CCC;
	margin-top:10px;
	position:relative;
}
#respond h3 {
	padding:10px;
	font-weight:normal;
	font-size:1.5em;
}
.respond-form {
	padding:0px 10px 10px 20px; 
}
.respond-form p.incomment {
	padding:0;
	margin:10px 0 0 0;
}
.incomment {
	margin-bottom:30px;
	font-weight:normal;
}
.comment_author_box {
	width:400px;
	padding:5px;
	border-top:1px solid #9a9a9a;
	border-left:1px solid #9a9a9a;
	border-right:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
}
.comment_email_box {
	width:400px;
	padding:5px;
	border-top:1px solid #9a9a9a;
	border-left:1px solid #9a9a9a;
	border-right:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
}
.comment_url_box {
	width:400px;
	padding:5px;
	border-top:1px solid #9a9a9a;
	border-left:1px solid #9a9a9a;
	border-right:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
}
.comment_text_box {
	width:400px;
	padding:5px;
	border-top:1px solid #9a9a9a;
	border-left:1px solid #9a9a9a;
	border-right:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
}
.submit_button {
	padding:5px 10px;
	margin:10px 0 0 10px;
	border:0;
	background:#09C;
	color:#fff;
	cursor:pointer;
	font-weight:bold;
}
.reset_button {
	padding:5px 10px;
	margin:10px 0 0 10px;
	border:0;
	background:#999;
	color:#fff;
	cursor:pointer;
	font-weight:bold;
}
.submit_button:hover {
	background:#0CF;
	font-weight:bold;
	color:#202020;
}
.reset_button:hover {
	background:#777;
	font-weight:bold;
	color:#202020;
}


/* Cancel Comment Button */
.cancel-comment-reply {
	float:right;
	color:#FFF;
	margin-right:10px;
	margin-top:15px;
	position:absolute;
	top:0;
	right:0;
}
.cancel-comment-reply a { 
	color:#FFF;
	font-size:1em;
	padding:10px 10px; 
	background-color:#F60;
	padding:5px 10px 5px 10px;
}
.cancel-comment-reply a:hover{ 
	color:#333;
	background-color:#F63;
	text-decoration:none;
}

/* Leave Comment Button */
.leave_comment {
	float:right;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	margin:5px 0px 0px 5px;
}
.leave_comment a {
	color:#fff;
	background-color:#019fd2;	
	padding:5px 10px 5px 10px;
}
.leave_comment a:hover {
	color:#333;
	background-color:#3CF;
	text-decoration:none;
	padding:5px 10px 5px 10px;
}

/* Comment Pagination */
.comments-paginate {
	font-size:16px;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left:0px;
	clear: both;
	text-align: left;
	padding-top: 0.5em;
	padding-right: 0px;
	padding-bottom: 0.5em;
	padding-left: 0px;
	height: auto;
}
.current {
	color:#202020;
	width: auto;
	position: relative;
	height: auto;
	margin: 0px;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 6px;
	padding-left: 8px;
}
.comments-paginate a {
	color: #FFFFFF;
	text-decoration: none;
	height: auto;
	width: auto;
	margin: 0px;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	background-color: #565656;
	display: inline;
}
.comments-paginate a:hover {
	color: #202020;
	background-color: #CCC;
}


/* Pagination */
/* wp-pagenavi */
.wp-pagenavi {
	font-size:16px;
	width:100%;
	margin:10px 0px 0px 0px;
	clear:both;
	text-align:left;
	padding:.5em 0 .5em 0;
	height:auto;
}
.pages {
	color:#565656;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:bold;
	padding:5px 8px 5px 8px;
	width:auto;
	position:relative;
	height:auto;
}
.current {
	color:#202020;
	width:auto;
	position:relative;
	height:auto;
	margin:0px;
	background-color:#CCCCCC;
	border:1px solid #999999;
	padding:5px 8px 6px 8px;
}
.wp-pagenavi a {
	color:#FFFFFF;
	text-decoration:none;
	height:auto;
	width:auto;
	margin:0px;
	padding:5px 8px 6px 8px;
	background-color:#666;
	display:inline;
}
.wp-pagenavi a:hover {
	color:#202020;
	background-color:#CCCCCC;
}
/* wp-pagenavi */


/* Sidebar */
#sidebar {
	width:300px;
	height:auto;
	overflow:hidden;
	margin-bottom:30px;
}
#sidebar h3 {
	text-transform:uppercase;
	color:#555;
	font-size:1.5em;
	font-weight:bold;
}
.writerad {
	background:#FFF;
	border:1px solid #b0b0b0;
	padding:10px;
}
.widget {
	background:#FFF;
	margin-top:15px;
	border:1px solid #b0b0b0;
	padding:10px;
}
.widget li {
	list-style:none;
}

/* Sponsors */
#sidebar h6 {
	text-transform:uppercase;
	color:#555;
	font-size:.6em;
	font-weight:normal;
}
.side-sponsor {
	margin-top:15px;
}
.ad125 {
	border:1px solid #b0b0b0; 
	padding:5px 0 5px 0px;
	background:#fff;
}
.ad1 img {
	margin:5px 0px 5px 11px;
	border:3px solid #CCC;
}
.ad2 img {
	margin:5px 0px 5px 10px;
	border:3px solid #CCC;
}
.ad3 img {
	margin:5px 0px 5px 10px;
	border:3px solid #CCC;
}
.ad4 img {
	margin:5px 0px 5px 10px;
	border:3px solid #CCC;
}
.ad5 img {
	margin:5px 0px 5px 11px;
	border:3px solid #CCC;
}
.ad6 img {
	margin:5px 0px 5px 10px;
	border:3px solid #CCC;
}




/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++ 	   		Bottom Ad				++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#bottom-ad-wrap {
	min-height:250px;
	margin-top:30px;
}
#bottom-ad-wrap p {
	text-align:center;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++ 	Footer: Latest Articles, Pages, Links, About, Social	++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#footer-wrap {
	background-color:#565656;
	border-top:3px solid #82b500;
	min-height:350px;
	width:auto;
	margin-top:30px;
	padding:15px 0 30px 0;
	position:relative;
	bottom:0px;
}
#footer-wrap h2 {
	color:#dedbdb;
	font-weight:normal;
	font-size:1.5em;
	letter-spacing:1px;
	padding-bottom:5px;
}
#footer-wrap p {
	color:#ccc;
}
#left-col {
	width:400px;
	padding-right:10px;
}
.latest-posts a, .footer-pages a, .footer-links a {
	color:#daefa4;
	font-weight:normal;
}
.latest-posts li, .footer-pages li, .footer-links li {
	list-style:none;
	line-height:1.4em;
}
.copyright {
	position:absolute;
	bottom:50px;
	font-size:1.5em;
	font-style:italic;
}

#middle-col {
	width:210px;
	padding-left:20px;
	border-left:1px dotted #999;
	border-right:1px dotted #999;
}
.footer-links, .social-sharer {
	margin-top:20px;
}

#right-col {
	width:300px;
	padding-left:0px;
	position:relative;
}
.about-us p {
	line-height:1.4em;
}
.social-sharer li {
	display:inline-block;
}
.back-top p {
	text-align:right;
	position:relative;
	bottom:0px;
	right:0px;
}
.back-top p a {
	color:#daefa4;
	font-size:1.2em;
}
	


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++ 	        Bottom Wrapper: Email Newsletter			++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#bottom-wrapper {
	background:#333;
	position:fixed;
	bottom:0px;
	display:block;
	padding:0px;
	width:100%;
}
.floater {
	width:920px;
	height:30px;
	color:#58edff;
	padding:5px 20px 5px 20px;;
	font-size:1.3em;
	font-style:italic;
	font-weight:normal;
	background:#111;
	letter-spacing:1px;
}
.floater span {
	float:right;
	padding-bottom:0px;
}