/*  
Theme Name: Jack's theme
Theme URI: http://www.jackruch.com
Description: Guitar lessons, video 
Version: 1.3
Author: EdtheCat, Emiliano Bruni
Author URI: http:edthecat.com
*/

/******* Basics and Typography *******/
body { 
	background-image: url(images/mohair_YES.jpg);
	background-color:black;
	font-size: 95%; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #333; 
	text-align: center; 
	border-left:2px solid black}
* { padding: 0; margin: 0; }

p {
	font-size: 0.875em; 
	line-height: 1.5em; 
	margin: 0 0 1.5em 0; }
ol, ul { 
	font-size: 0.875em; 
	line-height: 1.5em; 
	margin: 0 0 1em 3em; 
	padding: 0; }
ol li, ul li { padding: 0 0 0.5em 0; }
* html #content, * html #sidebar { overflow: hidden; /* For IE */ }

/*---------- Headlines ----------*/

h1, h2 { margin: 0 0 1.1em 0; font-family: Arial, Verdana, Helvetica, sans-serif; }
h3, h4, h5, h6 { margin: 0 0 1.1em 0; font-family: Arial, Verdana, Helvetica, sans-serif; }
h1 { font-size: 1.5em; color: #546371; }
h2 { font-size: 1.2em; color: #546371; line-height: 1.2em; font-weight: lighter; }
h3 { font-size: 1.2em; color: #7B8691; }
h4 { font-size: 1.2em; color: #7B8691; }

.indextitle {
	margin:  0;
	width: 100%; 
	
	font-size: 1.2em; 
	font-weight: bold; 
	overflow: auto;
	}
.indextitle a { float: left; 
	padding: 3px 0; 
	color: #351600	;
	background-image:url(images_content/gray-sploch.jpg);
	Background-repeat:no-repeat;
	background-position:left top; 
	width:95%}
.indextitle a:link, .indextitle a:visited { color: #351600;text-decoration:underline	}
.indextitle a:hover, .indextitle a:active {  color:#B9101D; text-decoration:none }

.posttitle {
	margin:0; 
	width: 100%; 
	color: #351600; 
	font-size: 1.5em; font-weight: bold; overflow: auto; }
.posttitle a {float: left; padding: 0; }
.posttitle a:link, .posttitle a:visited {color: #351600;	}
.posttitle a:hover, .posttitle a:active { color:#B9101D; text-decoration:none}



/*---------- Elements ----------*/

a { text-decoration: underline; }
a:link { color:#351600; }
a:visited {color:#351600; }
a:hover {color:#B9101D; text-decoration: underline; }

input, textarea, select { 
	border: 1px solid #C1C7CD; 
	padding: 3px; 
	background-color: #FFF; 
	color: #333; 
	font-size: 1em; 
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	}

form, img {margin: 0px; padding: 0px; border: 0px; }
.center {float: center; }
.left {float: left; }
.right {float: right; }
.off {padding: 0 !important; border: none !important; }
.small {font-size: 1em; color: #999; }
X.vid {padding-bottom: 20px; }
.alignleft{float:left;padding:2px;border:1px solid #ccc;margin:0px 7px 3px 0}
.alignright{float:right;padding:2px;border:1px solid #ccc;margin:0px 3px 7px}
.alignnone{border-left:2px solid #eee;border-bottom:3px solid #ddd}
.clear{clear:both}
hr{clear:both;line-height:0;visibility:hidden;}
/*----------HEADER ----------*/

#navwrap {  }
.navborder { display:none }
/*
#navigation { font-weight: normal; margin: 0px auto; padding: 0px; overflow: hidden; width: 940px; position: relative; text-align: left; }
#navigation ul { margin: 0px 0px 0px 10px; }
#navigation ul li { float: left; margin: 0px 20px 0px 0px; padding: 0px; list-style-type: none; }
#navigation ul li a { padding: 5px 0 5px 0; display: block; color: #A9AEB3; text-decoration: none; }
#navigation ul li a:hover { color: #4096EE; }
#navigation ul li a:active { }
*/
#ledge { height: 0px; margin:0 ; width:960px}



#headerwrap { 
	height: 178px; 
	width: 100%; border-right:0px solid black;
	padding: 0; margin: 0; 	
	}
#header { 
	width:100%;
	height: 178px;  padding: 0; margin:0; 
	float: left; text-align: left;
	background-color: white;
	background-image:url(images/jax-header2.png);
	background-repeat:no-repeat;
	background-position: bottom left }
/*--hides title and description from view---*/
#header a, .description{margin:0 0 0 -2000px;color:white;line-height:0em}

#navwrap {
	background-color:black;
	border:none;
	border-top:3px solid black;
	border-bottom:3px solid black;
	border-right:0px solid black;
	padding: 0px;margin:00;
	width:100%}
#navigation {
	font-weight:bold; margin: 0 0 0 0px; padding: 0px;
	width: 960px; position: relative; text-align: left;
	
	
	}
#adheader { display:block;position:absolute;top:20px;left:470px;
	width: 470px; height: 70px; 
	margin: 0; padding:6px;	 
	text-align: left; 
	background-color:white;
	border:1px solid #ccc;}

.navborder { display:none }






/*---------- Content -----------*/
#wrapper {border-right:3px solid black; 
	margin: 0 ; padding: 0px; 
	width: 960px; 
	text-align: left;
	}

#mainbody { background-color:white ;border-left:2px solid #ccc;
	width: 960px; margin:0 ;
	overflow: auto;  
	}



/*---INDEX(gear,lessons,etc) content----*/	
#content { background-color:white;
	border-right:0px solid #eee;
	border-left:3px solid #eaeaea;
	border-bottom:3px solid #ededed;
	border-top:3px solid #eee;
	float: left; 
	margin: 0 0 0 0px;
	padding:0px 0 0 20px;
	width: 570px;  
	display: inline; /* IE double margin bug fix */ 
	}
#content h1{
	margin:20px 0px;
	color: #351600; }
.window{ 
	background-color:white;
	height: 130px; 
	margin:0 0 17px 0;
	padding:0
	}
.paneleft{}
.paneleft img{ 
	padding: 5px; 
	width: 130px; 
	height: 97px; 
	float: left; 
	
	background-color:white
	}
.paneright { 
	padding: 5px; 
	width: 405px; 
	float: left; 
	background-color:transparent
	}
#content p{margin:2px 0 0.6em 0;text-align:left;border:1px solid white}
#content .postfeedback{
	height: 30px; border:1px solid white;
	font-size: 0.750em;
	color:#999;
	margin:0px 0 0px 0px;
	}

#content .commentslink { 
	font-size: 0.8em; 
	padding: 0 0 0 17px; 
	background: url(images/commentslink.gif) no-repeat center left;
	color:#999; 
	}
/*----SINGLE POST content----*/	
#contentsingle {background-color:white;
	float: left; 
	margin: 0 0 0 5px; 
	padding:0px 0 0 20px;
	width: 545px; 
	display: inline; /* IE double margin bug fix */ 
	}



.vvqbox { 
	float:left;
	display: block;
	max-width: 100%; 
	visibility: visible !important; 
	margin:0; 
	padding:0 ;
	} 
.vvqbox img { max-width: 100%; height: 100%; } 
.vvqbox object { max-width: 100%; } 
.vvqbox img { max-width: 100%; height: 100%; } 
.vvqbox object { max-width: 100%; }
	
x#contentsingle .posttitle{
	margin: 0 0 0.6em 0px; 
	width: 100%; 
	color: #351600; 
	font-size: 1.5em; font-weight: bold; overflow: auto;}	
#contentsingle h1{
	margin:20px 0px;
	color: #351600; }	
#contentsingle p {margin:10px 10px 10px 0px;}
#contentsingle .postfeedbacksingle {
	clear:both;
	height: 30px; 
	font-size: 0.750em;
	color:#999;
	margin:10px 0 10px 0px; 
	}
#contentsingle .commentslink { 
	font-size: 0.8em; 
	padding: 0 0 0 17px; 
	background: url(images/commentslink.gif) no-repeat center left;
	color:#999; 
	}
x.list{margin:0;padding:0;line-height:0;visibility:hidden;display:none}

#contentsingle .comments h2{
	margin:0 ;color:#351600}	
#contentsingle .comments #formblock{
	background-color:#efefef;
	width:500px;
	border:none
	}
#contentsingle .comments #formblock p #comments{ 
	font-size: 0.8em; 
	color:#777; 
	line-height: 1.2em; 
	font-weight: lighter; }
#contentsingle .comments #formblock p .button{
	border:1px solid #ccc;font-size: 0.780em;
	background-color:#ccc;color:black}
#contentsingle .comments #formblock p .button:hover{background-color:white;color:#333333}

#contentsingle .pagenavigation {border-top:2px solid #ccc; 
	font-family:"Arial Black", Helvetica, sans-serif;
	text-transform:uppercase;
	display:block; 
	font-size: 0.875em; 
	margin: 50px 40px; }
#contentsingle .alignleft {border:none;
	float:left; 
	text-align:left; 
	width: 43%; 
	min-height: 50px; }
#contentsingle .alignright {border:none;
	float:right; 
	text-align:right; 
	width: 43%; 
	min-height: 50px; 
	margin-right: 10px; }
#contentsingle .button{cursor: pointer;}
#contentsingle .alignright a:link, #contentsingle .alignleft a:link {color:#351600;border:none}
#contentsingle .alignright a:visited, #contentsingle .alignleft a:visited{color:#B9101D}
#contentsingle .alignright a:hover, #contentsingle .alignleft a:hover{color:#B9101D;text-decoration:none}

/*---- PAGES content----*/		

#contentpage {
	background-color:white;
	float: left; 
	margin: 0 0 0px 5px;
	padding:30px 0 0 20px;
	width: 565px;  
	display: inline; /* IE double margin bug fix */  
	}
	
.wpcf7{width:100%}
.wpcf7-form{width:100%}
.wpcf7 p{width:100%}

.wpcf7-form-control-wrap your-name{width:400px}
.wpcf7-validates-as-required
.wpcf7-form-control-wrap your-email
.wpcf7-validates-as-email 
.wpcf7-validates-as-required
.wpcf7-form-control-wrap your-subject
.wpcf7-form-control-wrap your-message
/*---------- Sidebar ----------*/

#sidebar { float: left; margin: 0px 0px 0px 10px; padding: 0px; width: 340px; display: inline; }
#sidebar h2 { font-weight:lighter; margin: 0 0 10px 0; padding: 0 10px 0px 0px; color: #333; }
#sidebar ul { list-style: none; font-size: 0.8em; margin: 0 0 1em 0; padding: 0 10px 0 0; }
#sidebar ul li { padding: 0 0 1em 0; }
#sidebarleft { width: 165px; float: left; }
#sidebarright { width: 165px; float: left; margin-left: 5px; }
table#wp-calendar{ width: 80%; }

/*---------- Sidebar ----------*/
#sidebar {border-right:2px solid #ccc;
	float: right; 
	margin:0 0 0px 0; padding: 0 0 20px 0 ; 
	width: 360px; display: inline;
	background-image:url(images_content/gray-sploch.jpg);
	Background-repeat:repeat-y;
	background-position: left top;
	background-color:white
	}
#sidebar ul{padding:0}
		/*--sidebarright is top widget also sidebar3---*/
#sidebarright {
	margin: 5px 0; padding:15px 0 10px 0;
	width:360px ;float:right;
	background-color:white
	}
	/*--sidebarleft is bottom widget also sidebar2---*/
#sidebarleft {
	margin:0;
	width:360px ;float:right;
	background-color:white
	}
.jax-ad {
	height:85px;width:360px;
	background-color:white;
	padding:0px;
	margin:7px 0px 7px 0; clear:both
	}
.jax-ad img{
	}
.feedburner{background-color:#D9D8C0;
	height:32px;width:356px;
	font-size:1.0em;
	padding:4px 2px;
	margin:0
	
	}
.burriss{height:100%}
.burriss img{margin:0;padding:0}
.burriss p{line-height:1em;
	background-color:white;
	font-family:Verdana,sans-serif;
	font-size:12px;
	font-style:italic;
	padding:10px 7px 15px 20px;
	color:#777;
	margin:-8px 0 0 0;
	width:308px
	}
.burriss a:link, .burriss a:visited{color:#666;text-decoration:underline}
.burriss a:hover{color:#A10000;text-decoration:none}
#adsidebar {
	width: 360px; 
	height:300px;
	margin:0px; 
	padding:10px 0;
	background-color:white;
	border:none;}

#private_slide {width:360px;
	list-style:none;
	margin:0px 0 0 0;
	padding:0;
	text-align:right;background-color:transparent}
#private_slide ul {padding:0;margin:0}
#private_slide li {
	margin:0 0 5px 0}
#private_slide a {
	display:block; 
	width:360px;
	height:85px;}

#private_slide a.active, #private_slide a:hover {
	background-position:-360px 0;}

#nav_private a {
	background:url(images_side/private-lesson-slide.png) top left no-repeat;}

.hide{visibility:hidden;text-decoration:none;display:none}
.donate{
	font-size:16px;
	width:215px;font-family:Georgia, "Times New Roman", Times, serif;color:#666666;
	padding:3px 0 0 0}
.SAFund{color:#B9101D}
.contact{
	background:url(images_side/contact.png) top left no-repeat;
	margin:7px 0}
.contact p	{
	font-size:1.6em;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#666666;
	padding:2px 10px 0 0;margin:0;text-align:right
	}
.sky_ad{
	background:white;
	border:1px solid #ccc;
	width:160px;height:600px;
	margin:0 5px 0 0;
	float:left}
	
.wonderful{
height:300px;
	width:300px;border:1px solid #BA666C ;
	padding: 0}	

/*---------

/*---------- Comments ----------*/
.authcomment {
	padding:1em;
	background-color: #efefef
	!important;
}
.comments { padding: 0; margin: 0; }
.comments .list ol { padding: 0; margin: 0; }
.comments .list li { position: relative; padding: 15px 0px; margin: 0px; list-style-type: none; }
.alt { background-color: #fff !important; }
.commentnumber { color:#C1C7CD; position: absolute; top: 15px; font-size: 18px; line-height: 14px; font-weight: normal; 
width: 40px; height: 15px; margin-left: 480px; padding: 0; text-align: right; }
.commenttitle { margin: 0px; padding: 0 45px 0 0; font-size: 1em; }
.commentmeta { margin: 0px; padding: 0; font-size: 0.8em; }
.commentmeta a { color:#999; text-decoration: none; }
.commentbody { border-top: solid 1px #CCC; font-size: 1.1em; padding-top: 10px; }
#formblock { margin: 0px 0px 20px 0px; padding: 10px 20px 10px 20px; background: #F0F0F0; border: 1px solid #CCC; }
#formblock p { margin: 0 0 0.5em 0; }
.button { background: #546371; }
.button:hover { background: #7B8691; cursor:pointer; }
label {font-size: 12px; color: #7B8691; }
#comment { width: 98%; }
#author { width: 98%; }
#email { width: 98%; }
#url { width: 98%; }
#submit, #contactsubmit { color: #fff; padding: 5px; }



/*---------- Footer ----------*/

#footer { clear:both;background-color:black;
	overflow: hidden; 
	margin: 0px; padding: 0 ; 
	}
#footerwrap { 
	color: #aaa; 
	font-size: 1em; 
	margin: 0; 
	margin: 0; 
	 }
#footcontent { }
#footcontent a { color: #888; }
.copyright{margin:5px 0 0 40px}
.themeinfo{font-size:0.6em;text-align:right;margin:20px 0}







/*---------- Ad Blocks -----------*/



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

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.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-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}



/*----dropdown menu-----*/
#pixopoint_menu1_wrapper{ }
#pixopoint_menu1 {
	width:100%;
	height:38px;
	background-color:#9D0000;
	margin:0;
	border:none;border-right:1px solid #5F0000;
	border-left:2px solid #5F0000
	}
#pixopoint_menu1 ul {
	width:920px;
	border:none;
	background:none;
	margin:0 0 0 40px;
	padding:0;
	list-style:none;
	}
#pixopoint_menu1 li {
	border:none;
	background:none;
	background:#9D0000 ;
	color:#FFFFFF;
	line-height:38px;
	z-index:20;
	letter-spacing:0px;
	font-weight:normal;
	font-size:1.3em;letter-spacing:0.1em;
	padding:0;
	margin:0 0px;
	float:left;
	font-family:"trebuchet MS", Arial, Helvetica, sans-serif;
	position:relative;
	}
#pixopoint_menu1 li:hover,#pixopoint_menu1 li.sfhover {
	background:#D43843
	}
#pixopoint_menu1 li a {
	border:none;
	background:none;
	text-decoration:none;
	display:block;
	padding:0 12px;
	color:#FFFFFF;
	}
#pixopoint_menu1 li a:hover {
	border:none;
	background:none;
	text-decoration:none;
	color:#FFFFFF;
	
	}
#pixopoint_menu1 ul ul {border-top:1px solid black;
	position:absolute;
	left:-999em;
	top:34px;
	width:120px;margin:5px 0 0 0
	}
#pixopoint_menu1 li:hover ul,#pixopoint_menu1 li.sfhover ul {
	left:auto;
	}
#pixopoint_menu1 ul ul li a {font-family:"Courier New", Courier, mono;
	padding:6px 10px;
	text-transform:none;
	font-variant:normal;
	line-height:1em;
	color:#555;
	text-decoration:none;
	}
#pixopoint_menu1 ul ul li {
	letter-spacing:0px;
	color:#555;
	z-index:20;
	width:220px;
	color:black;
	font-size:1em;
	font-weight:normal;
	font-style:normal;
	background:#fffff3;
	border-left:1px solid black;
	border-right:1px solid black;
	border-bottom:1px solid black;
	
	margin:0;
	}

#pixopoint_menu1 ul ul li:hover a,#pixopoint_menu1 ul ul li.sfhover a {
	color:#FFFFFF;
	text-decoration:none;
	}
#pixopoint_menu1 ul ul li:hover li a,#pixopoint_menu1 ul ul li.sfhover li a {
	color:black;
	}
#pixopoint_menu1 ul ul li:hover li a:hover,#pixopoint_menu1 ul ul li.sfhover li a:hover {
	color:#FFFFFF;
	}
#pixopoint_menu1 ul ul li:hover,#pixopoint_menu1 ul ul li.sfhover {
	color:#FFFFFF;
	background:#D43843;
	}
#pixopoint_menu1 ul ul ul li {
	font-size:1em;}#pixopoint_menu1 ul ul ul, #pixopoint_menu1 ul ul ul ul {
	position:absolute;
	margin-left:-999em;
	top:0;
	width:120px;
	}
#pixopoint_menu1 li li:hover ul,#pixopoint_menu1 li li.sfhover ul,#pixopoint_menu1 li li li:hover ul,#pixopoint_menu1 li li li.sfhover ul {
	margin-left:120px;
	}
#pixopoint_menu1 ul ul li:hover li a,#pixopoint_menu1 ul ul li.sfhover li a {
	text-decoration:none;
	}
#pixopoint_menu1 ul ul li li:hover a,#pixopoint_menu1 ul ul li li.sfhover a {
	color:#FFFFFF;
	text-decoration:none;
	}
#pixopoint_menu1 li.pixo_search:hover {
	background:none;
	}
#pixopoint_menu1 li.pixo_search form {
	margin:0 10px 0 0;
	padding:0;
	}
#pixopoint_menu1 li.pixo_search input {
	font-family:tahoma,sans-serif;}
#pixopoint_menu1 li.pixo_search input.pixo_inputsearch {
	width:100px;
	}
#pixopoint_menu1 li.pixo_right {
	float:right;
	}