/*  
Skin Name: Blissful Misery
Skin URI: http://www.unboundedmusic.com
Description: UP Custom Shop Theme Skin: Blissful Misery
Version: 1.5.04
Author: Michael Keeter of Unbounded Productions.
Author URI: http://www.unboundedmusic.com/

Skin: Blissful Misery
File Name: skin.css
*/

/* Overall */
body{ background: #666666 url('body.png') repeat top center; color: #fff; font-size: 11px;
	font-family: Arial, Helvetica, Georgia, Sans-serif; text-align: center; vertical-align: top; }
body,h1,h2,h3,h4,h5,h6,blockquote,p{ margin: 0; padding: 0; }

/* Border Classes */
.solidborder{ border: 1px solid #fff; }
.dottedborder{ border: 1px dotted #fff; }
.dashedborder{ border: 1px dashed #fff; }
.doubleborder{ border: 1px double #fff; }

/* Sectional Headers */
h1{ font-family: Georgia, Sans-serif; font-size: 24px; padding: 0 0 10px 0; }
h2,h4{ color: #fff; }

/* Wrappers */
#wrapper{ background: #000 url('wrapper.gif'); text-align: left; margin: 0 auto; padding: 0; 
	width: 70%; height: 100%; display: inline-block; }


/* Header */
#header{ background: transparent url('header.gif') repeat-x; color: #fff;
	vertical-align: top; clear: both; float: left;	width: 100%;	height: 128px; }
#header a:link,#header a:visited{ color: #fff; text-decoration: none; }
#header a:hover{ color: #00ff00;	text-decoration: none; }

#headerinfo{ clear: both; width: 100%; }

h1#siteheader{ font-family: 'Comic Sans MS', Sand; font-size: 24px; font-weight: normal; vertical-align: middle; 
	clear: left; height: 100px; padding: 20px 0 10px 15px; float: left; }
h1#siteheader a:link,h1#siteheader a:visited { color: #fff; text-decoration: none; }
h1#siteheader a:hover{ color: #eee; text-decoration: none; }

img#titlelogo{ width: 150px; height: 50px; margin: 0; float: left; border: 0; }

#searchform-top{ clear: right; float: right; margin: 0; padding: 25px 10px 0 0; }

/* Navigation Menu */
/* Top Nav Menu */
#nav-top{ background: transparent; font-size: 12px; vertical-align: middle; 
	clear: both; float: left; width: 100%; height: 2em; margin: 0; padding: 0; }
#nav-top ul{ float: left; vertical-align: middle; list-style-type: none; padding: 0; margin: 0; }
#nav-top ul li{ vertical-align: middle; float: left; margin: 0; padding: 5px 4px 0 4px; line-height: 18px; }
#nav-top a:link,#nav-top a:visited{ text-decoration: none; color: #fff; }
#nav-top a:hover{ text-decoration: none; color: #ccc; }

/* Bottom Nav Menu */
#nav-bottom{ background: transparent; font-size: 12px; vertical-align: middle; 
	clear: both; float: left; width: 100%; height: 2em; margin: 0; padding: 0; }
#nav-bottom ul{ float: left; vertical-align: middle; list-style-type: none; padding: 0; margin: 0; }
#nav-bottom ul li{ vertical-align: middle; float: left;  margin: 0; padding: 5px 1px 0 1px; line-height: 18px; }
#nav-bottom ul li:before{ content: '['; }
#nav-bottom ul li:after{ content: ']'; }
#nav-bottom a:link,#nav-bottom a:visited{ text-decoration: none; color: #0000ff; }
#nav-bottom a:hover{ text-decoration: none; color: #1E90FF; }

/* Container */
#container{ clear: both; float: left; width: 70%; margin: 10px 5px 0 5px; }

/* Content */
p{ padding: 10px 0 0 0; }
.notes { border: 1px dashed #fff; background: #444; margin: 1em; padding: 1em; }
.post{ padding: 10px 0 10px 20px; }
.post h2{ font-family: Georgia, Sans-serif; font-size: 18px; }
.entry{ line-height: 18px; }
.postmetadata{ border-bottom: 1px solid #ccc; font-style: italic; font-size: 10px; margin: 0; padding: 0 0 0 1em; }
.postmetadata-archive{ border: 0; margin: 0; }
.postedit{ font-size: 10px; font-style: italic; }
.navigation{ font-size: 14px; font-weight: bold; line-height: 18px; padding: 10px 0 0 0; }
a:link,a:visited{ text-decoration: none; color: #00bb00; }
a:active,a:hover{ text-decoration: underline; color: #00ff00; }
h2 a:link,h2 a:visited,h1 a:link,h1 a:visited{ text-decoration: none; color: #fff; }
h2 a:hover,h1 a:hover{ text-decoration: none; color: #00ff00; }

/* More Content */
.headbar, li.liheadbar{ background: #666; font-size: 10px; height: 15px; width: 100%; line-height: 15px; font-family: arial;
	border: 1px solid #000; text-align: right; padding: 0 5px 0 0; margin: 0; vertical-align: middle; }
li.liheadbar{ margin-left: -2em; padding-left: -1em; list-style: none; }
li.lititle{ list-style: none; font-weight: bold; margin-left: -1em; padding-left: 0; text-decoration: underline; }
ul.nopad, ol.nopad{ padding: 0;  }


/* Comments Section */
.comments-template{ border-top: 1px solid #ccc; margin: 10px 0 0 0; padding: 10px 0 0 0; }
.comments-template ol{ margin: 0; padding: 0 0 15px; list-style: none; }
.comments-template ol li{ border-bottom: 1px solid #ccc; line-height: 18px; margin: 10px 0 0; padding: 0 0 10px; }
.comments-template h2,.comments-template h3{ font-family: Georgia, Sans-serif; font-size: 16px; }
.commentmetadata{ font-style: italic; font-size: 10px; margin: 0; padding: 0 0 0 1em; }
.comments-template p.nocomments{ padding: 0; }
.comments-template textarea{ font-family: Arial, Helvetica, Georgia, Sans-serif; font-size: 12px; }

/* Footer */ /* Footer-Top is Mainly Cosmetic Only. However, it can be used for widgets, and customized if needed.  */
#footer{ background: transparent url('footer-bottom.gif') repeat bottom left; color: #fff; text-align: center; 
	clear: both; float: left; width: 100%; padding: 7px 0; margin: 0; position: static; bottom: 0; display: inline-block; }

/* Height is to allow background image correct space. */
#footer-top{ background: transparent url('footer-top.jpg'); height: 0; padding: 0; margin: 0; width: 100%; }
#footer-bottom{ background: transparent url('footer-bottom.gif') repeat bottom left; 
	padding: 0; margin: 0; bottom: 0; width: 100%; display: block; position: static; }
#footer p{ line-height: 16px; padding: 5px; }
#footer a:link,#footer a:visited{ color: #fff; text-decoration: none; }
#footer a:hover{ color: #eee; text-decoration: underline; }

/* Widget Features */
/* Calendar Setup */

#wp-calendar{ border: 0 solid #000; border-collapse: collapse; width: 100%; margin: 0 auto; padding: 0; }
#wp-calendar tr{ padding: 0; }
#wp-calendar th,#wp-calendar td{ border: 1px solid #000; background: #888; text-align: center; padding: 0; }
#wp-calendar thead th{ color: #fff; background: #444; border: 1px solid #000;}
#wp-calendar tfoot td{ background: transparent; border: 0 solid #000; padding: 5px 0; }
#wp-calendar caption{ color: #fff; background: transparent; border: 0 solid #000; padding: 3px; }
#wp-calendar a{ color: #4422ff; text-decoration: none; }
#wp-calendar a:hover{ color: #0000ff; text-decoration: none; }

/* Sidebars Section */ /* VERSION 1.5 ONLY :: V2.0 will completely change everything below this line. */ 
/* THERE SHOULD BE NO USER CUSTOMIZATION AT ALL IN THIS SECTION UNTIL 2.0 IS RELEASED SO THERE WILL BE 1 LINE INSTEAD OF 3 */
	/* Sidebar Wrapper */
.sidebar{ float: left; width: 28%; background: transparent; margin: 0; height: 100%; display: inline; color: #fff; }

	/* Sidebar Row Option 1  */
.sidebar1{ float: left; width: 100%; margin: 0 5px 0 5px; background-color: transparent; display: inline; }

	/* Sidebar Row Option 2  */
.sidebar2{ clear: both; }
.sidebar2,.sidebar3{ width: 47%; float: left; margin: 0 0 0 5px; background: transparent; display: inline; }

/* Bottom Bars Section */
	/* Bottom Bar Wrapper */
.bottombar{ clear: both; float: left; width: 100%; background: transparent; margin: 0; display: inline; color: #fff; text-align: center; }

	/* Bottom Bar Row Option 1 */ /* Bottombars 1 - 3 are sidebars 4 - 6 */
.sidebar4,.sidebar5,.sidebar6{ float: left; width: 31%; margin: 5px; background-color: transparent; text-align: left; }

	/* Widget List Styles */
.sidebar1 ul,.sidebar2 ul,.sidebar3 ul,.sidebar4 ul,.sidebar5 ul,.sidebar6 ul{ list-style: none; margin: 0; padding: 0 10px; }
.sidebar1 ul li,.sidebar2 ul li,.sidebar3 ul li,.sidebar4 ul li,.sidebar5 ul li,.sidebar6 ul li{ padding: 5px 0 5px 0; }
.sidebar1 ul li h2,.sidebar2 ul li h2,.sidebar3 ul li h2,.sidebar4 ul li h2,.sidebar5 ul li h2,.sidebar6 ul li h2{ 
	font-family: Georgia, Sans-serif; font-size: 14px; }
.sidebar1 ul ul li,.sidebar2 ul ul li,.sidebar3 ul ul li,.sidebar4 ul ul li,.sidebar5 ul ul li,.sidebar6 ul ul li{ padding: 0; line-height: 15px; }


/* OPTIONAL PLUGIN STYLES */ /* If you want to mess with these please comment the originals out, then copy and paste them before editing them. */


/*PLUGIN: Menubar: Nav Menu Location Styles */
/* Nav Menu with MenuBar */  /* Mainly to let it use it's built in style */ 
#nav-menubar-top{ background: transparent; margin: 0; padding: 0; }
#nav-menubar-bottom{ background: transparent; margin: 0; padding: 0; width: 100%; 
	/* top: -2px; position: relative; */ } /* If you use the bottomin option un-comment this line. */

/*PLUGIN: Menubar: Style: sf-upcs */
.sf-upcs{ background: transparent url('header.gif') repeat; border-top: 0 solid #a9a9a9; text-align: left; 
	margin: 0; padding: 0; height: 28px; }
.sf-upcs ul{ background: #222222 url('header.gif') repeat; float: right; list-style: none; margin: 0; padding: 0; 
	width: 100%; z-index: 9; }
.sf-upcs ul ul{ top: 28px; position: absolute; left: -999em; width: 170px; margin: 0; padding: 0; }
.sf-upcs ul ul ul{ margin: -26px 0 0 170px; }
.sf-upcs li{ float: left; padding: 0; height: 28px; position: relative; }
.sf-upcs li li{ float: left; padding: 0; width: 170px; }
.sf-upcs a,.sf-upcs a:visited,.sf-upcs a:hover{ color: #ffffff; text-decoration: none; font-size: 12px; font-weight: bold;
	float: left; display: block; height: 28px; line-height: 28px; padding: 0 12px; overflow: hidden; }
.sf-upcs li li a,.sf-upcs li li a:visited,.sf-upcs li li a:hover{ width: 167px; }
.sf-upcs li:hover ul ul,.sf-upcs li:hover ul ul ul,.sf-upcs li:hover ul ul ul ul,.sf-upcs li.wpmhover ul ul,.sf-upcs li.wpmhover ul ul ul,
	.sf-upcs li.wpmhover ul ul ul ul{ left: -999em; }
.sf-upcs li:hover ul,.sf-upcs li li:hover ul,.sf-upcs li li li:hover ul,.sf-upcs li li li li:hover ul,.sf-upcs li.wpmhover ul,.sf-upcs li li.wpmhover ul,
	.sf-upcs li li li.wpmhover ul,.sf-upcs li li li li.wpmhover ul{ left: 0; }
.sf-upcs li.selected,.sf-upcs li.current-cat,.sf-upcs li.current-cat-parent,.sf-upcs li.current_page_item,.sf-upcs li.current_page_parent,
	.sf-upcs li.current_page_ancestor { background: #606060; }
.sf-upcs li:hover,.sf-upcs li.wpmhover{ background: #808080; visibility: inherit; }
.sf-upcs li{ border-left: 0 solid #a9a9a9; border-right: 0 solid #778899; }
.sf-upcs li li{ border-top: 0 solid #a9a9a9; border-bottom: 0 solid #778899; }
.sf-upcs ul ul{ border-left: 0 solid #a9a9a9; border-right: 0 solid #778899; }
.sf-upcs li.right{ float: right; }
.sf-upcs form{ margin: 0; padding: 4px 10px 0; }
.sf-upcs form input{ border-width: 0; }
.sf-upcs li a img{ float: left; margin: 6px 7px 0 -5px; }
.sf-upcs-before{ border-top: 0 solid #778899; clear: both; margin: 0; height: 0; }
.sf-upcs-after{ border-top: 0 solid #778899; clear: both; margin: 0; height: 0px; }


/*PLUGIN: FAQ You */ 
h4.faq-header{ font-size: 18px; }
p.faq-question{ font-size: 14px; font-style: italic; font-weight: bold; }
p.faq-answer{ border: 1px dashed #000000; margin: 0 1em; padding: 6px 1em; }