/*   
Theme Name: SlopeSuds
*/

/*Reset*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									
article, aside, figure, footer, header, hgroup, nav, section {display: block;}
img, object, embed {max-width: 100%;}
html {overflow-y: scroll;}

ul {list-style: none; margin-left: 15px;}

blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

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

table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
input, select {vertical-align: middle;}

pre { white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 */ word-wrap: break-word; /* IE */}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

pre, code, kbd, samp {font-family: monospace, sans-serif;}

.clickable, label, input[type=button], input[type=submit], button {cursor: pointer;}
button, input, select, textarea {margin: 0;}
button {width: auto; overflow: visible;}
.ie7 img {-ms-interpolation-mode: bicubic;}

.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  


/*Styles*/

body {font: 14px Arial, Helvetica, sans-serif; line-height: 24px; background-color: #d6eff5;}
body, select, input, textarea {color: #2a3232;}

a {color: #2a3232;}
a:hover {color: #88b2bc; text-decoration: none;}

/*Highlight Colors*/
::-moz-selection{background: #88b2bc; color: #fff; text-shadow: none;}
::selection {background: #88b2bc; color: #fff; text-shadow: none;} 
a:link {-webkit-tap-highlight-color: #88b2bc;}

h2, h3, h4, h5, h6{ margin: 10px 0;}
h1{ font-family:"MetroScript", Georgia, Times, Times New Roman, serif; font-size: 36px; font-weight: normal; margin-bottom: 10px;}
h2{ font-family:"MetroScript", Georgia, Times, Times New Roman, serif; font-size: 28px; font-weight: normal;}
h3{ font-family:"MetroScript", Georgia, Times, Times New Roman, serif; font-size: 21px; font-weight: normal;}
h4{ font-size: 18px;}
h5{ font-size: 16px;}
h6{ font-size: 15px;}

ins {background-color: #fcd700; color: #d6eff5; text-decoration: none;}
mark {background-color: #fcd700; color: #d6eff5; font-style: italic; font-weight: bold;}

#header{ width: 100%;}
#header-wrap{ width: 900px; margin: 20px auto;}
#tel{ float: left; font-family: "MetroScript", Georgia, Times, Times New Roman, serif; font-size: 26px; margin-top: 150px;}
#logo{ margin-left: 165px;}
#socialbuttons{ float: right; margin-top: 130px;}

#nav{ margin-top: 20px; background-color: #2a3232; width: 900px; height: 45px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
#menu-primary{ font-size: 13px; text-transform: uppercase; font-weight: bold;}
#menu-primary, #menu-primary ul { padding: 0; margin: 0; list-style: none; line-height: 1; position: relative; z-index: 100; margin-left: 8px;}
#menu-primary a { display: block; width: auto; padding: 17px 15px 15px; margin-right: 7px; text-decoration: none; color: #fff;}
#menu-primary li { float: left; width: auto;}
#menu-primary li a:hover{color: #fff; background-color: #4a5961;}
#menu-primary li ul { position: absolute; background: #4a5961; width: 180px; left: -999em; margin-left: 0; text-transform: none; padding-bottom: 5px;}
#menu-primary li ul li a{ padding: 10px 0; padding-left: 15px; width: 165px;}
#menu-primary li ul li a:hover{ background: #fff; color: #2a3232;}
#menu-primary li ul ul { margin: -22px 0 0 175px;}
#menu-primary li:hover ul ul, #menu-primary li:hover ul ul ul, #menu-primary li.sfhover ul ul, #menu-primary li.sfhover ul ul ul { left: -999em;}
#menu-primary li:hover ul, #menu-primary li li:hover ul, #menu-primary li li li:hover ul, #menu-primary li.sfhover ul, #menu-primary li li.sfhover ul, #menu-primary li li li.sfhover ul { left: auto;}

#page-wrap {clear: both; width: 840px; padding: 30px; margin: 20px auto; background-color: #fff; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}

#content p, #content-full p{ margin-bottom: 10px;}
#content ul, #content-full ul{ list-style: disc; list-style-type: disc; margin-left: 30px;}
#content{ width: 500px; float: left;}

.thumbnail{ margin-bottom: 20px;}
#ss-show-wrap-1{ margin-bottom: 0;}

#secondary{ width: 900px; margin: 20px auto;}
#recentposts{ width: 420px; border: 4px double #2a3232; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding-bottom: 15px; float: left;}
#recentposts h2{ margin: 15px 0 0 15px;}
#ad{ float: right; margin-bottom: 20px;}

.meta { font-size: 11px; margin-top: -10px;}

#sidebar { width: 300px; float: left; margin-left: 40px;}

.navgation {}
.next-posts {}
.prev-posts {}

#searchform {}
#s {}
#searchsubmit {}

#footer{ width: 100%; clear: both; margin-bottom: 100px;}
#footer-wrap{ width: 900px; margin: 0 auto; text-align: center; font-size: 10px; border-top: 4px double #fff; padding-top: 15px;}

#respond input, #respond textarea{ margin-bottom: 10px;}
ol.commentlist {list-style: none;}
ol.commentlist li.comment {border-bottom: 1px dotted #666; padding: 10px;}
ol.commentlist li.comment div.vcard cite.fn {font-style: normal;}
ol.commentlist li.comment div.vcard img.avatar {float:right; margin: 0 0 10px 10px;}
ol.commentlist li.comment div.comment-meta {font-size: 10px;}
ol.commentlist li.comment div.comment-meta a {color: #ccc;}
ol.commentlist li.comment div.reply {font-size: 11px;}
ol.commentlist li.comment div.reply a {font-weight: bold;}
ol.commentlist li.comment ul.children {list-style: none; margin: 10px 0 0;}
ol.commentlist li.comment ul.children li.depth-2 {border-left: 5px solid #555; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-3 {border-left: 5px solid #999; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-4 {border-left: 5px solid #bbb; margin: 0 0 10px 10px;}
ol.commentlist li.even {background: #fff;}
ol.commentlist li.odd {background: #f6f6f6;}
ol.commentlist li.parent {border-left: 5px solid #111;}