/*
Theme Name: Mortar
Theme URI: http://www.mortarsprayer.com/
Description: A custom theme coded primarily for Pacific Asset Development. All rights reserved.
Version: 1.0
Author: Sammy Russo
Author URI: http://searchfriendlywebdesign.com/
*/

body {background: #CEC9AE repeat-y top center url(https://www.mortarsprayer.com/wp-content/themes/mortar/images/site_background2mod.gif); font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; margin:0; padding: 0;}
#page { width: 910px; margin: 0px auto; clear:both; }
#header { width:910px; height:89px; vertical-align:top; padding: 0px;}
#navigation {  background: url(https://www.mortarsprayer.com/wp-content/themes/mortar/images/menu_background.gif) repeat-x; height:57px; line-height: 59px; margin-bottom: 15px; padding:0; margin-left: 0;}
#container { width: 840px; padding:0 40px 0 30px; clear:both;}
#content { width: 605px; padding-right:15px;}
#sidebar {width: 205px; padding: 40px 0 0 5px;}
#footer {text-align: center; border-top: 1px #666 solid; width: 90%; margin: 0 auto; padding: 20px 5px; clear:both;}
.articles {padding: 5px 0 10px 20px;}

/*-- MAIN NAVIGATION STYLES --*/

#navigation ul { display: inline;}
#navigation li { display: inline; list-style:none; padding: 1em 4em 1em 0; margin-left: -3em; }	
#navigation li a, #navigation li a:link, #navigation li a:visited { font-family:"Times New Roman", Times, serif; font-size: 1.6em; color:#000000; padding: .4em 1em; font-weight: bold; }
#navigation li a:hover	{ background-color: #D1CCB2; padding: .4em 1em; }
a, a:link, a:visited {text-decoration:underline; color:#0000EE;}
a:hover {text-decoration: none; color:#996600;}
li.tollfree {padding-left: 2em; color:#990000; font-size: 1.8em; letter-spacing: 0;}

/*-- Typography --*/
p {font-size: 1.6em; line-height:1.5em;}
#content h1 {font-size:2.4em; letter-spacing:1px; border-bottom: 1px solid #666; }
#content h1 a:link, #content h1 a:visited {text-decoration:none; color: #000;}
#content h1 a:hover {text-decoration:underline;}
#content h2 {font-size: 2em; color:#990000;}
#content h3 {font-size: 1.8em;}
#content h4 {font-size: 1.6em; margin:0 0 -8px 0; padding: 0px;}
#content li, #container li {font-size: 1.6em; line-height:1.4em;}
#sidebar h2 { font-size: 2.3em; color:#993300; font-weight: normal;}
#sidebar h3 { width: 192px; color: #FFFFFF; text-align: center; font-size:1.8em;}
#sidebar h3 a:link, #sidebar h3 a:visited  { color: #fff; text-decoration:none;}
#sidebar h3 a:hover {text-decoration:underline;}
#sidebar h4  { font-size: 1.6em; color:#009900;}
#header h1 {font-family: "Times New Roman", Times, serif; font-size: 3.4em; color:#333; font-weight:bold;} 
#header h1 a, #header h1 a:link, #header h1 a:visited {color:#333; text-decoration:none; }

.descriptionHead {font-size: 1.2em; letter-spacing:1px;}
.price {font-size: 1.6em; color:#993300;}

/*-- Sidebar Lists & Menu Styles --*/
#sidebar ul {margin: 0px; padding:0px;}
#sidebar ul li {list-style: none;}
#sidebar li { font-size: 1.4em; padding: 5px;}
#sidebar li a, #sidebar li a:visited {text-decoration: underline; font-weight:none; color:#0000EE;}
#sidebar li a:hover {text-decoration:underline; color:#0066CC;}

/*-- MISC & GLOBAL STYLES --*/

.alignleft {float:left;}
.alignright {float:right;}
.tollfree { font-size:2em; color:#990000; padding-top: 1em; padding-left: 1em;}
li.tollfreeB { font-size:2em; color:#990000; padding-left: 5em;}
.widecolumn {float:left; width:755px;}
h1,h2,h3,h4 {padding: 0; margin:0;}
.entry {clear: both;}
ul.articles {line-height: 2em;}
	
/*images*/
p img {padding: 2px 2px 2px 2px; margin: 0px 8px 10px 8px; max-width: 100%; border: 1px solid #000;}
img.aligncenter {display: block; margin-left: auto; margin-right: auto;}
img.alignright {margin-left: 1em;}
img.alignleft {margin-right: 1em;}
.alignright {float: right;}
.alignleft {float: left;}
a img {border: 0px; padding: 0px;}

/* End Images */

/*Cart66*/
.purAddToCart{ 
border:none !important; 
background:none !important; 
width:200px !important; 
height:34px !important; 
}
/*End Cart66*/

/*Feature Box Sidebar*/

.featurebox {width: 196px; margin:0 0 2em 0; padding:Opx 0px 0px 10px;}
.featuretop {height:16px; background: url(https://www.mortarsprayer.com/wp-content/themes/mortar/images/feature_top.gif) no-repeat;margin:0px; padding:0px;}
.featurebody {width: 196px; background: url(https://www.mortarsprayer.com/wp-content/themes/mortar/images/feature_bg.gif) repeat-y;margin:0px; padding:0px;}
.featurebottom {height:18px; background:url(https://www.mortarsprayer.com/wp-content/themes/mortar/images/feature_bottom.gif) no-repeat; margin-top:-1.2em; padding:0px;}
#sidebar p img {border: 0px;}
form {margin:0px; padding:0px;}

/*SOCIABLE*/
div.sociable { text-align:center; padding: 1em;}

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}
.gCustom {background-image:https://www.mortarsprayer.com/images/google-checkout.gif no-repeat; height:53px; width:120px;}

/*VIDEO TABLES*/
table tr td.leftCCC {width: 100px; vertical-align:top; text-align:center; background-color:#ededed;}
table tr td.rightCCC {width: 500px; vertical-align:top; font-size: 1em; background-color:#ededed;}
table tr td.leftE5 {width: 100px; vertical-align:top; text-align:center; background-color:#e5e5e5;}
table tr td.rightE5 {width: 500px; vertical-align:top; font-size: 1em; background-color:#e5e5e5;}

/*--- round headlines ---*/
.round_contain {width:192px; padding: 0px; margin: 0px;}
.round_top {width: 192px; height: 8px; padding: 0px; margin: 0px; background:url(https://www.mortarsprayer.com/wp-content/themes/mortar/images/round_top.jpg) top left no-repeat #FFFFFF;}
.round_bg {background:url(https://www.mortarsprayer.com/wp-content/themes/mortar/images/round_bg.jpg) repeat-y top left; margin:0px; padding: 0px;}
.round_bottom {background:url(https://www.mortarsprayer.com/wp-content/themes/mortar/images/round_bottom.jpg) no-repeat; margin: 0px; padding: 0px;}
table tr td.caption {font-family:Arial, Helvetica, sans-serif; font-size:1.2em;}

/* NEW ROUNDED SIDEBAR CONTAINER */
.sideContain {width: 195px; clear:both; margin: 5px 0px 10px 0px; padding:0px;}
.sideTop {height: 10px; padding:0px; background:url(/images/sideTop.png) no-repeat;}
.sideTopBg {padding: 0px 5px; margin: 0px; background:url(/images/sideTopBg.png) repeat-y top left;}
.sideTopClose{height: 10px; padding:0px; background:url(/images/sideTopClose.png) no-repeat;}
.sideBg {padding: 0px 5px; margin: 0px; background:url(/images/sideBg.png) repeat-y top left;}
.sideBttm {height: 10px; padding:0px; background:url(/images/sideBttm.png) no-repeat;}

/*-- MISC CORE STYLES FROM DEFAULT THEMES --*/
.even, .alt {

}
.commentlist p, .commentlist li, #commentform input, #commentform textarea{
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
.commentlist li ul li, commentlist li ol li, .children li ol li{
	font-size:0.8em;
}
.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}
h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}
ul.children {font-size:0.6em; font-weight: normal;}
#nextstep ul li {margin:0px; padding:0px; list-style:none;}
#nextstep ul {margin-left: -3em;}
#nextstep li {line-height: 1.6em; font-size:1.3em;}
table tr td.nxtbg {background:url(images/fade_table_bg_186.png) no-repeat top #fff;}
#nextstep h3 {padding: 2px 0px 0px 10px;}
.page,.post {clear:both; margin-bottom: 4em;}

/*-- JOHNSON-SLIDER STYLES --*/
#page-wrap						{ background: white; width: 550px; margin: 0 auto; 
								  padding: 0 0 0 15px; }

#slider							{ background: white url(/images/slider-bg.jpg); height: 200px; overflow: hidden;
								  position: relative; margin: 10px 0; }
								  
                                /* DEFAULT is for three panels in width, adjust as needed
                                   This only matters if JS is OFF, otherwise JS sets this. */								  
#mover							{ width: 1440px; position: relative; }

.slide							{ padding: 10px 30px 20px 30px; width: 490px; float: left; position: relative; }
#slider h1						{ border-bottom: none; font-family: Helvetica, Sans-Serif; font-size: 25px; letter-spacing: -1px;
								  color: #FF9900;}
#slider p						{ color: #333; font-size: 1.4em; line-height: 18px; width: 300px; font-weight:normal;}
#slider img						{ position: absolute; left:26em; top:2em;}


#slider-stopper					{ visibility:hidden;}