/*   
Theme Name:Probett Guitars
Theme URI:http://probettguitars.co.uk
Description:WordPress theme for Probett Guitars 
Author:Probett Guitars
Author URI:http://probettguitars.co.uk
Tags:Guitar
.
.
*/

/*       ###############################
         BASIC TAGS
         ############################### */

* {margin:0; padding:0;}
body{
	text-align: center;
	background-color: #000000;
	background-position: top center;
	background-repeat: no-repeat;
	font: normal 13px "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
background-image: url(images/background.jpg);
background-position: top center;
background-repeat: repeat-x;
color: #FFF;
line-height: 1.3em;
}
h1, h2, h3, h4, h5, h6 {margin:10px 0 0 0; display:block;}
p {margin:0px 0px 20px 0px;}
a {outline:none; text-decoration:none; color:#fff;}
a:hover {text-decoration:underline;}
a img {border:none;}

/*       ###############################
         BASIC LAYOUT
         ############################### */

div#outline {width:960px; margin:0 auto;}

div#nav {position:relative; z-index:2; width:960px; height:38px;}
div#content {clear:both; z-index:1; background:#fff; width:880px; padding:10px 40px 0 40px;}

div#left {width:560px; margin:0; line-height:2.0; float:left; padding:0 20px 10px 0;}
div#right {width:720px; margin:0; padding:0; height: 230px;}

p#toggle-all {float:right; width:100px; margin:0; padding:0;}

div.headline {margin:8px 0 0 20px;}
div.excerpt {padding:0 0 5px 0; border-bottom:dotted 1px #222; margin:0 0 0 20px;}
div.post-single {margin:0 0 20px 0;}

div.preview {float:right; background:url(img/preview.png) no-repeat; margin:8px 12px 0 0; }
div.preview a {display:block; width:20px; height:20px; color:#222 !important; font:normal 13px Verdana, serif;}

div.date {position:absolute; width:60px; height:60px; padding:10px 0; margin:0 0 0 -80px; background:#fff; -moz-border-radius:5px;-webkit-border-radius: 5px;}

div.single_content {clear:both; margin:0 0 20px 0px;}
div.bookmarks {text-align:right; float:right;}

div#appendix {clear:both; background:#fff; width:930px; padding:30px 30px 30px 0px; margin:0 0 50px 0;}
div.app_widget {float:left; width:280px; padding:0px 0px 0px 30px;}
div#appendix div.widget {padding:20px 0 0 0;}
.preview-article {float: left; clear: both; display:block;}
/*       ###############################
         NAVIGATION
         ############################### */

div#nav ul { list-style:none;}

div#nav li {float:left;}
div#nav li a {display:block; margin:0; padding:4px 16px 8px 16px; color:#f5f5f5; text-decoration:none;font:bold 13px "Trebuchet MS", Verdana, Helvetica, sans-serif; border-left:0px solid #916b0a;}
div#nav li a:hover {background:#916b0a; color:#000; }

ul#mail_rss a {text-decoration:underline !important;}

/*       ###############################
         WIDGETS
         ############################### */

.widget {border:0px solid #222; padding:5px 25px !important; margin:4px 0; -moz-border-radius:5px;-webkit-border-radius: 5px;}
div.widget h4 {border-bottom:1px dotted #222; font:bold 120% Helvetica, sans-serif;}

div#right, div#appendix {font-size:.9em;; width: 320px; height: 200px; padding:0}
div#right ul, div#appendix ul {list-style:none; padding:0;}

div.widget h4 {font-size:1.1em; margin:0; padding:0 0 3px 0;}
div.widget a {display:block; padding:5px 0px; font:normal 110% Helvetica, sans-serif; color:#215c97;}
div.widget a:hover {color:#666; text-decoration:underline;}
div.widget li {padding:0 0 0 5px; margin:0; border-bottom:0px dotted #222;}
div.widget li li {padding:0 0 0 4px; margin:0; background:none; border-top:none; border-bottom:none;}

div#tag_cloud a {display:inline;}
div#tag_cloud {min-height:130px;}
div#archives {min-height:130px;}

.textwidget, .textwidget a {font: italic 120% Georgia, serif !important;}
.textwidget p {margin: 0; padding: 0;}

/*calendar*/
table#wp-calendar {margin:0 0 10px 0; border-collapse:collapse; text-align:center; font-size:14px;}
table#wp-calendar a {font:normal 14px Verdana;}
table#wp-calendar caption {padding:0 0 5px 0;}
table#wp-calendar th {font:bold 14px Verdana;}
table#wp-calendar th, td {width:30px; height:30px;}

/*       ###############################
         TEXT
         ############################### */

div#blog-line h1 a {font:normal 60px Georgia, serif; color:#fff;}
div#blog-line h1 {font:40px Georgia, serif; padding:20px 0; margin:0; color:#fff; letter-spacing:-2px;}

div#left {font-size:120%;}
div#left a {color:#215c97;}
div#left a:hover {color:#ccc; text-decoration:underline;}
div#left h1 {float:left; font:bold 26px Helvetica, sans-serif; width:450px; letter-spacing:-1px;}
div#left h1.page_headline {margin:10px 0; font:bold 26px "MS Trebuchet", Helvetica, sans-serif; color:#215c97;}
div#left h1 a {color:#666; display:block;}
div#left h1 a:hover {color:#215c97; text-decoration:none;}
div#left h2 {font:bold 150% Georgia, serif; margin:0 0 10px 0;}
div#left h2.archive-title {margin:10px 0 0 20px; font:bold 26px Helvetica, sans-serif; color:#215c97;}
div#left h3 {font:italic 120% Georgia, serif; margin:0 0 5px 0;}
div#left ul, ol {margin:0 0 20px 20px;}

div.excerpt {font-size:120%;}
div.single_content {font-size:120%;}

p#font-resize a {display:inline; font:18px bold Verdana, sans-serif; padding:0px 5px;}
p#toggle-all a {display:block; width:80px; height:20px; padding:0 0 0 30px !important; font:12px bold Verdana, sans-serif;}
a.show-all {background:url(img/toggle.png) no-repeat;}
a.hide-all {background:url(img/toggle.png) 0px -20px no-repeat;}

p.previous-posts {margin:50px 0 0 0; float:left; font:normal 130% Verdana;}
p.next-posts {margin:50px 0 0 0; float:right; font:normal 130% Verdana;}
div.date {font:normal 14px Georgia; text-align:center; color:#666;}
p.date-month {margin:2px 0 15px 0; color:#999; font:normal 32px Georgia;}

p.post_info {font-size:100%;}
p.tag_info {margin:0; font-size:100%;}
p.offset {margin:5px 0;}

p.wp-bookmark {margin:0;}
.wp-logo {float:left;}
div#credits {margin:0 0 0 65px; padding:5px 10px; height:46px; border:1px solid #ccc; -moz-border-radius:10px;-webkit-border-radius: 10px; font:120% normal Georgia, serif;}
a#totop {float:right; font:bold 120% Verdana, sans-serif;}

.category-link {background:url(img/page.png) no-repeat;}
.comment-link {background:url(img/comments.png) no-repeat;}
.tag-link {background:url(img/tag-blue.png) no-repeat;}
.user-name {background:url(img/user-green.png) no-repeat;}
.user-mail {background:url(img/email.png) no-repeat;}
.user-url {background:url(img/world-edit.png) no-repeat;}
.user-comment {background:url(img/comment-add.png) no-repeat;}
.info-icon {padding:3px 0 3px 20px; margin:0; background-position:0px 4px;}
 
.clear {clear:both;}

code {font:normal 120% Courier, serif;}

/*      ##################################
           COMMENTS
        ################################## */

div.comment {margin:10px 0 30px 0; padding:10px 0; border-bottom:1px dotted #ccc;}
p.comment-details {font:normal 130% Georgia, serif;}
.avatar {float:left; margin:0 20px 0 0; border:5px solid #eee;-moz-border-radius:5px;-webkit-border-radius: 5px;}
div.comment-text {margin:50px 0 0 0;}
div.author-comment {background: #f9fbc1;-moz-border-radius:5px;-webkit-border-radius:5px; padding: 10px !important; border:1px solid #f1f1f1;}

h2#comment-header {margin:40px 0 10px 0 !important; border-bottom:1px dotted #ccc; padding:0 0 5px 0;}
h2#respond {margin:40px 0 10px 0 !important;}
h3#no-comments {font:italic bold 110% Georgia, serif !important; color:#666 !important;}

/*        ##################################
           FORMS
        ################################## */

label {display:block; margin:0 0 5px 0;}
.text {width:350px; margin:0 0 10px 0; padding:5px; background:url(img/bg-form-text.gif) repeat-x left top #fff; border:1px solid #ccc;}
textarea {width:450px; height:150px; margin:0; padding:5px; background:url(img/bg-form-text.gif) repeat-x left top #fff; border:1px solid #ccc; -moz-border-radius:5px;}
.submit {width:auto; padding:5px 20px; margin:5px 0; color:#fff; background:#333; border:1px solid #333; -moz-border-radius:5px;-webkit-border-radius: 5px;}
input {-moz-border-radius:5px;-webkit-border-radius: 5px; margin:0 5px 0 0;}

/*        ##################################
           SEARCHFORM
        ################################## */

input#search {width:150px; padding:5px; background:url(img/bg-form-text.gif) repeat-x left top; border:1px solid #ccc;}
#search-submit {padding:5px; color:#fff; background:#333; border:none;}
div#left div#searchform {padding: 0 0 0 20px;}
p.not-found {padding: 0 0 0 20px; margin:0;}

/*        ##################################
           WORDPRESS CSS
        ################################## */

img.alignright {float:right; margin:0 0 30px 30px;}
img.alignleft {float:left; margin:0 50px 30px 0;}
img.aligncenter {display:block; margin-left:auto; margin-right:auto;}
a img.alignright {float:right; margin:0 0 30px 30px;}
a img.alignleft {float:left; margin:0 50px 30px 0;}
a img.aligncenter {display:block; margin-left:auto; margin-right:auto;}

.aligncenter, div.aligncenter {display:block; margin-left:auto; margin-right:auto;}
.alignleft {float:left;}
.alignright {float:right;}

.wp-caption {border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding-top:4px; margin:10px;}
.wp-caption img {margin:0;padding:0;border:0 none;}
.wp-caption p.wp-caption-text {font-size:110%; line-height:17px; padding:0 4px 5px; margin:0;}

/*        ##################################
           SUPERFISH
        ################################## */

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {margin:0;padding:0;list-style:none;}
.sf-menu {line-height:1.0;}
.sf-menu ul {position:absolute;top:-999em;width:10em; /* left offset of submenus need to match (see below) */}
.sf-menu ul li {width:100%;margin:0 !important;}
.sf-menu ul ul li{margin:0 !important;}
.sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {float:left;position:relative;}
.sf-menu a {display:block;position:relative;}
.sf-menu li:hover ul,.sf-menu li.sfHover ul {left:0;top: 30px; /* match top ul list item height */ z-index:1000;}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left:10em; /* match ul width */ top:0;}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left:10em; /* match ul width */ top:0;}

/*** CUSTOM STYLES ***/
.sf-menu li ul {background:#000;border:1px solid #000;border-top:1px solid #916b0a;opacity:1.90;-moz-opacity:1.90;filter:alpha(opacity=1);}
.sf-menu li li ul, .sf-menu li li li ul {background:#000;border-left:1px solid #e0a410;border-top:none;opacity:1.0;-moz-opacity:1.0;filter:alpha(opacity=1); font-weight:normal; font-size: .9em;}

/*       ###############################
         CLEARFIX
         ############################### */

.clearfix:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.clearfix {display:inline-block;}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}
.clear {clear:both;}


*{
	margin: 0;
	padding: 0;
}




p {
margin: .5em 0;
}

#price {
position: absolute;
top: 100;left: 100;
font-size: 1.4em;
font-weight: bold;
}

#container {
margin: 0 auto;
width: 1002px;
border-right: 0px solid #8b5e3d;
border-left: 0px solid #8b5e3d;
background-color: transparent;;
padding-bottom: 20px;
text-align: center;
overflow: hidden;
background-image: url(images/containerbg.png);
background-repeat: repeat-y;
background-position: top center;
}

#masthead{
position: relative;
width: 975px;
height: 145px;
margin: 0 auto;
text-align: center;
background-image: url(images/headermasthead.png);
background-repeat: no-repeat;
background-position: top center;
}

#subcontainer {
position: relative;
margin: 0 0 0 44px;
width:916px;
border: 1px solid #e0a410;
background-color: #000000;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
float: left;
}


#navigation {
height: 30px;
color: #FFFFFF;
padding: 0px 10px;
font-weight: bold;
margin: 0 auto;
text-align: center;
width: 50%;
}



#maincontent {
position: relative;
width: 100%;
min-height: 540px;
color: #000000;
background-color: #FFF;
text-align: left;
border-top: 1px solid #e0a410;
padding-top: 12px;
float: left;
}

#maincontent a {color: #000;}

#lrgmaincontent {
position: relative;
height: 1024px;
width: 100%;
color: #000000;
background-color: #ffffff;
text-align: left;
/*min-height: 550px;*/
}

#modelinfo {
text-align: left;
width: 675px;
margin: 0px 12px;
border: 0px solid #000000;
float: left;
padding: 0 0 1em 1.3em;
overflow: hidden;
background-color: transparent;
height: 99%;
}


#modelinfo2 {
text-align: left;
width: 740px;
margin: 1em auto 2em auto;
clear: both;
padding: 1em 1.3em;
background-color: #d0d0d0;
border: 1px solid #e0a410;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;

}

#lrgmodelinfo {
text-align: left;
width: 93%;
margin: 0px 0px 0 12px;
border: 0px solid #000000;
float: left;
padding: 0 0 .7em 18px;

background-color: #ffffff;
height: 95%;
}

#medmodelinfo {
text-align: left;
width: 96%;
margin: 0px 0px 0 12px;
border: 0px solid #000000;
float: left;
padding: 0 0 0 18px;
overflow: auto;
background-color: #ffffff;
height: 95%;
}



#subcontent{
height: 240px;
width: 100%;
clear: both;
border-top: 1px solid #e0a410;
border-bottom: 1px solid #e0a410;
background-color: #000;
display:block;
float: left;
}


#subleft {
float:left;
height: 100%;
width: 170px;
background-image : url(images/green.jpg);
border-right: 1px solid #e0a410;
}


#subright {
height: 100%;
float: left;
background-color: #000;
width: 730px;
}

#subrightcontent{
width: 100%;
display: block;
padding: 18px 10px 0 12px;
color: #fff;
text-align: left;
}


#footer{
height: 70px;
width: 100%;
float: left;
}



.footerimg {
position: absolute;
bottom:0px;
left:-30px;
z-index: 100;
}

.mainimg {
position: absolute;
bottom:0px;
right:-50px;
z-index: 100;
}

.mainimgtop {
position: absolute;
top:0px;
right:-54px;
z-index: 100;
}


.round {

}

#footera {
float:left;
width: 28%;
padding: 25px 3px 3px 3px;
margin-left: 82px;
text-align: left;
font-family: "Bernard MT Condensed";
font-size: 2.3em;
}


#footerb {
float:left;
width: 30%;
padding: 18px 3px 3px 3px;
text-align: center;
font-size: .8em;
}

#footerc {
float:left;
width: 30%;
padding: 5px 3px 3px 3px;
text-align: right;
font-size: .9em;
}

.bottoms {
position: absolute;
bottom:0;
left:  50%;
width: 269px;
height: 34px;
margin: 0 -134px;
}

.tiny {
font-size: 10px;
clear: both;
}
#maincontent ul {
margin-left: 0px;
}

.ui-tabs .ui-tabs-hide {
     display: none;
}


.ui-state-active {
background-color: #222;
}

#tabs {
width: 600px;
background-color: transparent;
padding: 4px 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}



#tabs ul {
display: block;
float: left;
width: 100%;
list-style-type: none;
font-size: 1.0em;
font-weight: bold;
}

#tabs ul li a{
display: block;
float: left;
list-style: none;
padding: 0 12px;
text-decoration: none;
margin:0;
margin-top:.2em;
border:1px solid #222;
border-bottom: 0px;
-moz-border-radius: 8px 8px 0px 0px;
-webkit-border-radius: 8px 8px 0px 0px;
}

/*#tabs li a:hover {background:#e0a410; color:#fff; }*/


h2 { display:block; font-size: 19px; font-weight: bold; padding-bottom: 8px;}

h4 { display:block;}

.underlined{
border-bottom: 1px solid #000;
}

.ulnormal li {
margin-left: 30px;
margin-bottom: .3em;
list-style-type:disc;
float: none;
font-weight: normal;
font-size: 13px;

}

.i3 {background-image: url(images/i3bg.jpg);
background-repeat:no-repeat;
background-position:top center;}

.r59 {background-image: url(images/r59bg.jpg);
background-repeat:no-repeat;
background-position:top center;}

.r592 {background-image: url(images/r59bg2.jpg);
background-repeat:repeat-x;
background-position:top center;}

.r52 {background-image: url(images/r52bg.jpg);
background-repeat:no-repeat;
background-position:top center;}


.is1 {background-image: url(images/is1bg.jpg);
background-repeat:repeat-x;
background-position:top center;}

.ih1 {background-image: url(images/ih1bg.jpg);
background-repeat:repeat-x;
background-position:top center;}

.ih2 {background-image: url(images/ih2bg.jpg);
background-repeat:repeat-x;
background-position:top center;}


.youtube {float: right; padding: 0 2em 1em 1em; clear: right;}

.specs {width: 400px; padding:0; margin:0;}
table{
border-collapse:separate;
border-spacing:3px 5px;

}

td
{
padding:0px; height: 12px;
}
tr {width: 40px;  height: 12px;}
.ui-tabs { padding: .1em .5em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .5em .2em 0 0; font-weight: bold;  }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0px !important; margin: .2em .2em -2px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .2em 1em; margin:0; border:1px solid #222; border-bottom: 0px; -webkit-border-radius: 8px 8px 0px 0px; -moz-border-radius: 8px 8px 0px 0px; color: #000; height: 1.5em;}
.ui-tabs-nav li a:hover {background:#e0a410; color:#fff;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; background-color: #fff;  }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { background-color:#FFF; cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em; display: block; border: 0px; background: none; margin-top: 1.7em; width: 598px; }
.ui-tabs .ui-tabs-hide { display: none !important; }

.guitars ul { 
list-style-type : none;
width : 880px;
margin : 0 auto;
padding : 0;
float: left;

}

.guitars li { 
float : left;
width : 260px;
padding : .9em 0;
margin : 0 10px;
text-align:left;
display: block;
}

.guitars h5{
	display: block;
	text-align: center;
	background-color: transparent;
	font-weight: bold;
	margin: 0 10px;
	padding : 0;
	color:#000;
	font-size: 1.3em;
line-height: 1.4em;
} 

.guitars h5 img{

	margin: 4px auto 0px auto;
	border: 1px solid #222;
	display: block;
}

.guitars h4{
text-align: center;
	margin: 5px auto;
	display: block;
	color: #000;
}

.guitars h6{
text-align: center;
	margin: 5px auto 0 auto;
	display: block;
	color: #000;
	font-size: 1.0em;
}

.guitars  p{
margin: 0;
padding : .5em .6em;
font-size: .95em;
color: #000;
line-height: 1.2em;
text-align: justify;
}