/*
Theme Name: Silver Ring Splint
Version: 1.0
Author: Rhyme and Reason Design

	This theme was designed by Rhyme and Reason Design 
	and built by Andrew Herbert

*/

/* Begin Typography & Colors */
body {
	font-size: 62.5%;  /* Resets 1em to 10px */
	font-family: Arial, Helvetica, sans-serif;
	background: #bbd6ed;
	color: #333;
	text-align: left;
}
body.home {
	background: #bbd6ed;
}
#header, #content {
	background: url(img/header_bg.png) repeat-y;
}	
#content{
	font-size: 1.4em;
	line-height: 1.5em;
}
body.home #header {
	background: url(img/header_home_bg.png) no-repeat;
}	
body.home #content {
	font-size: 1.4em;
}
#design-by{
	text-transform: uppercase;
}
#footer {
	background: url(img/footer_bg.png) no-repeat;
	color: #22457a;
	font-size: 1.0em;
	text-align: center;
}
#page-nav{
	background: url(img/nav_bg.png) no-repeat;
	color: #22457a;
	font-family: 'arial';
	font-size: 1.3em;
	text-transform: uppercase;
	height: 51px;
	text-align: center;
}
#carousel{
	background: #bbd6ed url(img/header_bg.png) repeat-y;
	height: 304px;
	padding: 0 10px;
}
a, a:visited {
	color: #22457a;
	text-decoration: none;
}
p{
	padding-bottom: 10px;
}
p.blue, p.blue a{
	color: #5e96cb;
}
.blue-text p{
	color: #22457a;
	font-size: 1.0em;
	padding-left: 25px;
	padding-right: 25px;
}
.bold{
	font-weight: bold;
}
a:hover{
	text-decoration: underline;
}
#page-nav ul.menu li ul li a:hover{
	text-decoration: none;
}
em {
	font-style: italic;
}
h1 {
	font-size: 1.4em;
	font-weight: 700;
	margin: 0;
	padding-bottom: 10px;
}
h1 a{
	color: #5e96cb;
}
h2{
	color: #5e96cb;
	font-size: 1.2em;
	font-weight: 700;
	padding-bottom: 8px;
	padding-top: 0px;
}
h2 a{
	color: #5e96cb;
	font-size: 1.0em;
}
h3{
	color: #5e96cb;
	font-weight: 700;
	text-transform: uppercase;
	padding-bottom: 4px;
}
h3 a{
	color: #5e96cb;
}

h4{
	font-weight: 700;
}
strong{
	font-weight: 900;
}
em{
	font-style: italic;
}
.error{
	color: #FF0000;
	font-style: italic;
	font-size: 0.9em;
}
/* End Typography & Colors */

div.hide{
	visibility: hidden;
}

/* Begin Structure */
body {
	height: 864px;
	margin: 0 0 20px 0;
	padding: 0;
	width: 100%;
}
.clear{
	clear: both;
}
div.narrowcolumn{
	padding: 0 20px;
	width: 420px;
}
div.thirdcolumn{
	width: 185px;
}
div.widecolumn{
	padding: 0 80px 0 20px;
}
div.fullcolumn{
	padding: 0 0 0 20px;
}
.entry{
	padding: 10px 0 10px 0;
}
.entry{
	padding-left: 20px;
	width: 450px;
}
#header {
	height: 92px;
}
body.home #header{
	height: 107px;
	width: 100%;
}
#content{
	padding-left: 10px;
	width: 911px;
}
body.home .entry{
	border-right: 1px #5f96cb solid;
	float: left;
	margin: 25px 0 60px 0;
	padding: 24px 34px 24px 65px;
	width: 442px;
}
body.home .entry img{
	padding-bottom: 24px;
}
.side-links{
	clear: none;
	float: left;
	padding: 24px 0 0 37px;
	width: 300px;
}
.post{
	clear: none;
}
#measuring-tool{
	float: left;
	padding-bottom: 5px;
}
#price-list{
	float: left;
}
#logo{
	left: 40px;
	position: absolute;
	top: 15px;
}
#siris-rings{
	left: 670px;
	position: absolute;
	top: 52px;
}
#footer{
	clear: both;
	height: 84px;
	overflow: hidden;
	padding-top: 5px;
}
#copyright {
	float: right;
	padding-right: 30px;
}
#design-by{
	clear: left;
	padding-top: 20px;
}
#wrapper {
	margin: 0 auto;
	position: relative;
	width: 921px;
}
#cat-head{
	background: url(img/sidebar-cat-head.jpg) no-repeat;
	height: 65px;
}
#cat-list, #search-main{
	background: url(img/sidebar-cat-bg.jpg) repeat-y;
	padding: 0;
}
#search-main{
	padding: 0 28px;
}
#search-head{
	background: url(img/sidebar-search-head.jpg) no-repeat;
	height: 52px;
}
#search-footer{
	background: url(img/sidebar-search-foot.jpg) no-repeat;
	height: 41px;
}
#search{
	height: 20px;
	padding: 0;
	width: 95px;
}
.pl-content{
	width: 440px;
}
#tab-container{
	padding-top: 20px;
}
div.tab{
	clear:left;
}
.tab{
	border-top: 5px #92bce3 solid;
	border-bottom: 5px #92bce3 solid;
	margin-bottom: 20px;
}
.tab .post{
	padding-top: 10px;
}
.tab .product-listing{
	padding-left: 20px;
	padding-top: 0px;
}
.tab .product-thumb {
	float: left;
	width: 120px;
}
.problem-listing .prob-content{
	width: 460px;
}
.pl-content{
	padding-bottom: 20px;
}
div.item-desc{
	padding-right: 20px;
	width: 420px;
}
div.item-images{
}
div.item-images ul li{
	overflow: hidden;
	padding: 10px 0 3px;
	max-width: 180px;
}
div.images-left{
	padding-right: 10px;
	width: 185px;
}
div.desc-right{
	width: 470px;
}
div.desc-middle{
	width: 305px;
}
div.links-right{
	padding-left: 15px;
	width: 150px;
}
li.blue-text{
	background: url(img/blue-text-bg.jpg) repeat-y;
	margin-bottom: 0px;
}


/* End Structure */

/*  Begin 2 column  */



td.col1{
	background:none repeat scroll 0 0 #E0EDF7;
	padding: 28px 0 40px 0;
	vertical-align: top;
	width: 192px;
}
td.col2{
	padding: 35px 0 40px 13px;
	vertical-align: top;
	width: 666px;	
}

.colmask  {
clear:both;
display: inline; /* for IE6 */
float:left;
overflow:hidden;
padding: 0px 10px;
position:relative;
width:881px;
}
.leftmenu {
background:none repeat scroll 0 0 #e0edf7;
}
.leftmenu .colright {
background:none repeat scroll 0 0 #FFFFFF;
display: inline; /* for IE6 */
float:left;
left:182px;
padding-top: 35px;
position:relative;
width:1732px;
}
.leftmenu .col1wrap {
display: inline; /* for IE6 */
float:right;
padding-bottom:1em;
position:relative;
right:200px;
width:50%;
}
.leftmenu .col1 {
margin:0 0px 0 215px;
overflow:hidden;
padding-bottom: 40px;
position:relative;
right:100%;
}
.leftmenu .col2 {
display: inline; /* for IE6 */
float:left;
position:relative;
right:192px;
width:192px;
}

/*  End 2 column


/*	Begin Headers */


/* End Headers */



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}
img.border{
	border: 7px #e0edf7 solid;
	margin: 0 12px 12px 0;
}
.problem-listing img{
	margin: 0 12px 0 0;
}

/*	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;
	}
.aligncenter {
	text-align: center;
}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

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: 7px 0 8px 10px;
	}
div.item-desc ul{
	list-style-type: disc;
	list-style-position: inside;
	list-style-image: none;
	margin-left: 10px;
	padding-left: 5px;
}
#page-nav ul.menu{
	margin: 0 auto;
	padding: 4px 0 0 40px;
	text-align: center;
	width: 100%;
}
#page-nav ul.menu li {
	border-left: 1px #bbd6ed solid;
	border-right: 1px #FFF solid;
	display:  inline;
	margin: 0px;
	padding: 6px 10px 4px 10px; 
}
#page-nav ul.menu li:first-child {
	border-left: 1px #FFF solid;
}
#page-nav ul.menu li.current_page_ancestor, #page-nav ul.menu li.current_page_item {
	background: url(img/nav-selected-bg.png) repeat-x; 
	height: 20px;
}
#footer-nav ul{
	float: left;
	padding-left: 31px;
}
#footer-nav ul li{
	border-right: 1px #5f96cb solid;
	float: left;
}
#footer-nav ul li a{
	padding: 0 4px;
}
.menu ul  {
	position:absolute;
	top:-999em;
	width:10em;
	z-index: 999;
}
#page-nav ul ul li {
	width:100%;
}
#page-nav li:hover {
	visibility:inherit;
}
#page-nav li {
	float:left;
	position:relative;
}
#page-nav ul.menu li li{
	background: #ffffff;
	border-left: 1px #5f96cb solid;
	border-right: 1px #5f96cb solid;
	border-bottom: 1px #5f96cb solid;
	height: auto;
	margin: 0;
	padding: 2px 0;
	text-align: left;
}
#page-nav ul.menu li li a{
	padding: 3px 0 3px 6px;
}
#page-nav a {
	display:block;
	position:relative;
}
#page-nav li:hover ul, li.sfHover ul {
	left:0;
	top:2em;
	z-index:999;
}
#page-nav ul.menu li li:hover {
	background: #bbd6ed;
}
#page-nav li:hover li ul, li.sfHover li ul {
	top:-999em;
}
#page-nav li li:hover ul, li li.sfHover ul {
	left:10em;
	top:0;
}
#page-nav li li:hover li ul, li li.sfHover li ul {
	top:-999em;
}
#page-nav li li li:hover ul, li li li.sfHover ul {
	left:10em;
	top:0;
}
#left-nav ul {
	width: 100%;
}
#left-nav ul li{
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 8px 10px 8px 20px;
}
#left-nav ul li.current_page_item{
	background: #adceea;
	border-bottom: 1px #FFFFFF solid;
	border-top: 1px #FFFFFF solid;
	list-style-type: none;
	list-style-position: outside;
	padding: 7px 0 7px 20px;
}
#left-nav ul li a{
	font-size: 1.0em;
}
#cat-list ul{
	padding: 15px 0 15px 30px;
}
#cat-list ul li{
	line-height: 1.2em;
}
#tab-container ul{
	width: 100%;
}
#tab-container ul.tab-navigation li{
	border-top: 1px #92bce3 solid;
	border-left: 1px #92bce3 solid;
	border-right: 1px #92bce3 solid;
	float: left;
	line-height: 30px;
	margin-right: 7px;
	padding: 0 17px;
}
#tab-container ul.tab-navigation li a{
	font-weight: bold;
	font-size: 0.85em;
}
#tab-containerul.tab-navigation li a:hover{
	text-decoration: none;
}
#tab-container ul.tab-navigation li.ui-tabs-selected{
	background: #92bce3;
}
#tab-container ul.tab-navigation li.ui-tabs-selected a{
	color: #ffffff;
}
li.problem-listing{
	padding-bottom: 24px;
}
.tab li{
	padding-top: 10px;
}

ul.testimonials li{
	border-bottom: 1px #92bce3 solid;
	margin-bottom: 15px;
	padding-bottom: 10px;
}
ul.testimonials li p.name{
	padding: 0 0 1px 65px;
}
.pdf-link{
	padding-left: 2px;
	padding-top: 5px;
	width: 265px;
}
/* updates to measuring and sizing downloads page */
ul.downloads{
	padding-left: 10px;
	width: 100%;
}
ul.downloads li{
	float: left;
	list-style-position: outside;
	list-style-image: none;
	margin-right: 22px;
	padding-bottom: 10px;
	width: 300px;
}
#sizing-list-wrap {overflow:hidden;}
#sizing-list-wrap object, #sizing-list-wrap embed {width:300px!important;height:193px!important;margin-top:5px;} /* overwrite default oembed size */
ul.sizing-dl {list-style:none;width: 300px;}
ul.meas-right {float:right;}
ul.meas-left {float:left;}
	ul.sizing-dl li {border-bottom: 1px #5e96cb solid;padding:10px 0;}
	ul.sizing-dl h3 {color:#0b3a68;text-transform:none;font-size:14px;}		
		a.pdf-download {display:block;background:url('img/pdf-download.jpg') no-repeat 0 50%;padding-left:35px;line-height:30px;}
	h2.sizing-head {background: #ebf4fa;	margin-bottom: 10px;padding: 5px 5px 5px 15px;}
	.meas-heading{ /* original heading, possibly not needed */
		background: #ebf4fa;
		margin-bottom: 10px;
		padding: 5px 5px 5px 20px;
		width: 100%;
		float:left;
		clear:both;
	}

		
.ddsg-wrapper ul{
	padding-bottom: 25px;
}
.ddsg-wrapper ul li{
	font-weight: 700;
	list-style-position: inside;
	list-style-type: square;
	padding: 4px 0 0px 0;
}
.ddsg-wrapper ul li ul{
	font-size: 0.9em;
	padding-left: 15px;
	padding-bottom: 0;
}
.ddsg-wrapper ul li ul li{
	font-weight: normal;
}
.ddsg-xml-link{
	padding-bottom: 10px;
}

/* End Lists */


/* Begin Form Elements */
input.button{
	border: none; 
	height: 31px; 
	padding-top: 10px;
	width: 114px; 
}
td.labels{
	padding: 5px 15px 0 0;
}
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: left;
}
#searchform table{
	width: 460px;
}
#searchform table td{
	color: #5e96cb;
	padding:2px 0;
	vertical-align: top;
}
#searchform table td.form-labels p{
	padding:2px 4px 2px 0;	
	text-align: right;
}
input, #searchform div.wpcf7-mail-sent-ok {
	border: 1px #bdd8ee solid;
	padding: 0px;
	height: 20px;
}	
textarea{
	border: 1px #bdd8ee solid;
}
.submit-image{
	background: url(img/btn-submit.jpg) no-repeat;
	border:none;
	cursor: pointer;
	height: 31px;
	width: 114px;
}

#sidebar #searchform #s {
	width: 100px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.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: 0;
	text-align: justify;
	}

.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;
	}
/* End Comments */



/* Begin Sidebar */
#sidebar
{
	padding: 20px 0 10px 0;
	margin-left: 545px;
	width: 190px;
	}

#sidebar form {
	margin: 0;
	}
/* End Sidebar */



/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}
	
hr.single {
	background: #FFFFFF;
	border-top: 1px #5e96cb solid;
	border-bottom: none;
	border-left: none;
	border-right: none;
	height: 2px;
	padding-bottom: 15px;
}	
hr.double {
	background: #FFFFFF;
	border-top: 1px #5e96cb solid;
	border-bottom: 1px #5e96cb solid;
	border-left: none;
	border-right: none;
	height: 2px;
}

/* 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;
	border-radius: 3px;*/
}

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

.wp-caption p.wp-caption-text, p.wp-caption-text {
	color: #22457a;
	font-size: 13px;
	font-style: italic;
	line-height: 17px;
	padding: 0 0px 15px 0px;
	margin: 0;
}
/* End captions */