/*
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(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:860px; height:65px; vertical-align:top; padding: 15px 25px 5px 25px;	}
#navigation {  background: url(images/menu_background.gif) repeat-x; height:59px; 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 5em 1em 0; margin-left: -3em; text-transform:uppercase; }	
#navigation li a, #navigation li a:link, #navigation li a:visited { font-family:"Times New Roman", Times, serif; font-size: 1.5em; color:#000000; padding: .4em 1.2em; font-weight: bold; }
#navigation li a:hover	{ background-color: #D1CCB2; padding: .4em 1.2em; }
a, a:link, a:visited {text-decoration:underline; color:#0066CC;}
a:hover {text-decoration: none; color:#996600;}

/*-- Typography --*/
p {font-size: 1.2em;}
#content h1 {font-size:2.2em; letter-spacing:1px; border-bottom: 1px solid #666; }
#content h2, #container h3 {font-size: 1.6em;}
#content li, #container li {font-size: 1.2em;}
#sidebar h3 { width: 195px; padding: 8px 5px; color: #FFFFFF; background-color: #A09475; text-align: center;  margin-bottom:8px;
  font-size:1.6em;}
#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;}
.description {font-size: 1.5em; letter-spacing:1px;}	

/*-- Sidebar Lists & Menu Styles --*/
#sidebar li { font-size: 1.6em; padding-bottom: 5px;}
#sidebar li a, #sidebar li a:visited {color:#666; text-decoration: none; font-weight: bold;}
#sidebar li a:hover {text-decoration:underline; color:#0066CC;}

/*-- MISC & GLOBAL STYLES --*/
.alignleft {float:left;}
.alignright {float:right;}
.widecolumn {float:left; width:755px;}
h1,h2,h3,h4 {padding: 0; margin:0;}
.entry {clear: both;}
ul.articles {
	line-height: 2em;
	}

/*      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) */
		
p img {padding: 2px 2px 2px 2px; margin: 0px 8px 10px 8px; max-width: 100%; border: 1px solid #000;}
img.centered {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: none;}
/* End Images */

.postmetadata { padding: 5px; background-color:#CCCCCC; border: dashed 1px #333; }

/*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);
}