/*
Theme Name: Paul Law Group
Theme URI: http://somewhereinsanfrancisco.com
Description: Theme for the Paul Law Group WordPress Website
Author: Arnold Sandoval for somewhereinsf.com
Author URI: http://somewhereinsf.com
Author: Stephen Pontes (v1.1+)
Author URI: http://contactstephen.com (v1.1+)
version: 1.1
*/




/* basics */

*{margin:0; padding:0;}
.nodisplay{display: none;}
body { background:#f9f9f9 url(images/bg2.jpg) 20px 0 repeat-x; font:12px/14px Helvetica, Arial, sans-serif; font-size: 8pt;}
h1 {}
h2 {}
h3 {}
h4 {font-size: 20px; color: #525252; line-height: 40px;}

img{ border: none; padding:0; }
img a{border:none;}

img.left{ float: left; border: none; padding: 6px 0 0 0; }
img.right{ float: right; border: none; padding: 0 0 0 6px; }

blockquote{ border-left:1px solid #A5ABAB; margin:15px; padding:0 12px 0 12px;}

code{font-family:"Courier New", Courier, monospace;}

img.preload {height: 1px; width: 1px; display: none;}

/* links */

a{ color:#000; text-decoration:none;}
a:hover{text-decoration: underline;}



/* container */

#container {width: 968px; margin: 0 auto; padding:0; color:#333; overflow: hidden; z-index: 1; margin-top: -160px;}
/* header */

#header-wrap{background: #383838 url(images/header-wrap-bg.jpg) repeat-x; height: 230px; width: 100%; border-top: 10px solid gray; border-bottom: 5px solid #d6d6d6;  padding: 20px 0;}
#header {padding: 0px; width: 960px; margin: 0 auto;}
#header h1{ font-size: 2.0em;}
#header h1 a{}
#header h1 a:hover{}
#header h2{font-size: 1.2em;}

div#branding{width: 130px; height: 75px; float: left;}
div#branding h1 { text-indent: -9999em;}
div#branding a {background: url(images/logo.png); width: 130px; height: 75px; display: block}
div#branding h2 {text-indent: -9999em;}


/* Featured Innerfade Styling*/

.unselectable {
   -moz-user-select: none;
   -khtml-user-select: none;
   user-select: none;
}

ul#featured {  width: 960px; margin: -13px 0 20px -10px;  background: #f9f9f9;}
ul#featured li {height: 221px; display: block; cursor: pointer;}
ul#featured li img {z-index: 2000; width: 960px; height: 226px;}


div.feature-copy{position: absolute; height: auto; padding: 10px; background: url(images/feature-textbg.png) repeat-y; width: auto; z-index: 3; cursor: pointer; width: 450px; bottom: 0px; left: 0px;}
div.feature-copy a{text-decoration: none;}
div.feature-copy h1 {color: white; text-shadow: 1px 1px 1px black; font:24px HelveticaNeue-Light, Helvetica, Arial, sans-serif;}
div.feature-copy p {color: white; font:16px HelveticaNeue-Light, Helvetica, Arial, sans-serif;  padding-top: 10px; }

a.feature-tenancy-button {background: url(images/button-wide.png) no-repeat; width: 292px; height: 13px; display: block; text-align: center; text-transform: uppercase; font-weight: bold; padding: 13px 0; margin: -50px 0 0 620px; color: #333; text-shadow: #CCC 1px 1px; overflow: hidden; float: right; z-index: 4; position: absolute; cursor: pointer;}
a:hover.feature-tenancy-button {text-decoration: none;}
a:active.feature-tenancy-button {padding: 14px 0; background: url(images/button-wide-active.png) no-repeat; color: #333; text-shadow: 1px 1px #978a8a; text-decoration: none;}

img.fphoto {z-index: 2; background: #d6d6d6; width: 950px; height: 221px; }




/* main menu */

#menu {font:16px HelveticaNeue-Light, Helvetica, Arial, sans-serif; font-size: 16pt; padding: 10px; margin: 10px 0 0 0; color: white; float: right; height: 75px;}
#menu ul {}
#menu ul li {list-style-type: none; display: inline;}
#menu ul li a {color: #f1f1f1; margin: 0px 10px;}
#menu ul li a:hover {color: #fffbd8;}

#menu ul li a.menu-current {color: #fffbd8;}


/* Category Pages */

#page-head{background: #f9f9f9; width: 960px; margin:-18px 0 0 -10px; padding: 10px 0 20px;}
#page-head-btm{background: url(images/what-is-btm.jpg) no-repeat; height: 33px; width: 960px; margin:-18px 0 20px -10px;}
h3.cat-subhead{color: #980000; font-size: 20px; font-weight: normal; margin: 0 0 10px;}
#cat-col{float: left; padding: 0 0 0 10px;}
#cat-col li {margin-left: 20px;}


.vert-sep {border-right: 1px dotted #ccc; min-height: 200px;}
.horiz-sep {border-bottom: 1px dotted #ccc; min-width: 100%; height: 1px; clear: both; margin: 20px 0;}

.cat-more {width: 350px;}
.cat-resources {width: 300px;}
.cat-topics {width: 250px;}


/* Article Page */

.article-list {width: 400px; min-height: 200px; margin-right: 55px;}
a.article-list-more{position: absolute; margin-left: 350px;}
a.article-list-more:after{content: " \00BB \0020";}
a.post-edit-link{color: #999; display: block; text-align: left; font-size: 14px; font-weight: bold; margin: 0 20px 10px; height: 15px; width: 55px; text-decoration: none; background: #e9e9e9 url(http://www.iconfinder.net/data/icons/diagona/icon/16/018.png) 44px 4px no-repeat; border: 1px solid #e1e1e1; padding: 5px;}

/* content */
#content-wrap-shadow{background: url(images/content-shadow.png); width: 968px;}
#content-wrap-shadow-top{background: url(images/content-shadow-top.png); width: 968px; height: 7px; }
#content-wrap-shadow-bottom{background: url(images/content-shadow-bottom.png) no-repeat; width: 968px; height: 26px; margin-bottom: 20px; margin: 0 auto;}

#content-wrap{background: white; clear: both; padding: 10px; margin: 10px 0; width: 940px; margin: 0 auto;}
#content { float: left; width:660px; overflow: hidden;	 margin: 10px 0 10px 0 ; padding: 0 10px;}	

.post {padding:10px 50px;line-height: 14pt;margin: 5px 0 5px 0;}
.post h2{font: 28px HelveticaNeue-Light, Helvetica, Arial, sans-serif; padding: 0px; margin: 20px 0 0 0;}
.post h2 a{color: #000;text-decoration: none;}
.post h2 a:hover{color: #777;text-decoration: none;}
.post h3{font-size: 24px; padding: 0px; margin: 50px 0 20px 0; border-bottom: 1px dotted #ccc; padding: 10px 0;}
.post h4{font-size: 18px; margin: 0;}

#home-content .post, #latest-post{padding: 0 0 0 10px;}

#home-content .post h2, #latest-post h2{margin: 0px;}

.post ul {
	list-style: none;
	}

.post li {}

.entry {font: 14px/16px HelveticaNeue-Light, Helvetica, Arial, sans-serif; line-height: 25px;}
small {}

.entry p{margin:12px 0;}

.postmetadata{clear: both; padding:6px;margin: 5px 0 5px 0;}

.navigation {overflow:hidden;}
.alignleft a{}
.alignright a{float:right;}



/* sidebar */

#sidebar {width:250px; float:right;	 margin: -13px 0 0 -10px; background: #f4f4f4 url();}
#sidebar-tip
#sidebar h2{font: 18px/20px HelveticaNeue-Light, Helvetica, Arial, sans-serif; line-height: 25px;}

#sidebar label{font:normal 11pt arial, georgia, times;color: #000;	margin: 0;padding: 0;
}

#sidebar p {margin:0; padding:0;}

#sidebar img {padding: 0; margin: 0;}

#sidebar ul {margin:12px;padding:0;}

#sidebar ul li {margin: 0;padding: 0;line-height: 14pt;list-style-type: none;}

#sidebar ul ul {margin:14px 0;padding:0;
}

#sidebar ul ul li {list-style-type: none;}

#sidebar ul ul ul{margin: 0;padding: 0;
}

#sidebar ul ul ul li{padding: 0 0 0 15px;list-style-type: square;color: #898989;
}

#sidebar ul h2{font-size: 18px; font-weight: normal;}


/* comments */

h3#comments, ol.commentlist, #respond {display: none;}

#commentform{background:#fff;margin:0;padding:0;}
#commentform p{color: #000;}
#commentform a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;line-height: 14pt;}
#commentform h3{font:12px/14px Helvetica, Arial, sans-serif;font-size: 10pt;font-weight: 300;color: #000;margin:0;padding:0;}
#comment{width:80%;}

#author, #email, #url, #comment, #submit{background: #fff;font:12px/14px Helvetica, Arial, sans-serif;font-size: 8pt;margin:5px 5px 0 0;padding:0;border: 1px solid #000;}
#submit{margin:5px 5px 0 0;}

#comments{margin:0; padding:0}
ol.commentlist {list-style-type: none; margin:0; padding:0;}

.avatar{float:left; margin:0 12px 0 0;}

ol.commentlist li {background: #fff;margin:10px 0;padding:5px 0 5px 10px;list-style-type:none;}

ol.commentlist li.alt {background: #eee;}
ol.commentlist li p {margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 14pt;}

ol.commentlist a {color:#000;}

cite {font:12px/14px Helvetica, Arial, sans-serif;font-size: 9pt; font-weight: bold; font-style: normal;}
cite a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;}



/* search */

#searchform{padding:0; margin:14px 0;}

#searchform input#s{margin:0; padding:2px; border:1px solid #000;}

/* misc */

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}
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; /* optional rounded corners for browsers that support it */ -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
}

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

.wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}




/* footer */

#footer {clear: both; color: #ccc; margin-bottom: 10px;}
#footer p{}
#footer a{color:#ccc;}
#footer a:hover{color:#333;}





/*Home Page Specifics*/

div#latest-post{ float: right; width: 300px;}

div#home-content{float: left; height: auto;}
div.entry-home {font: 14px/16px HelveticaNeue-Light, Helvetica, Arial, sans-serif; line-height: 25px; width: 550px;}
div.entry-home p{padding: 10px 0 10px 0;}
.clearer { clear: both; width: 100%; height: 0; visibility: hidden; } 
does save a little code.
div#home-latest {border: 1px solid red; background:  red; width: 300px; float:  right; margin: 500px 0;}


a.post-edit-link{color: #999; display: block; text-align: left; font-size: 14px; font-weight: bold; margin: 0 20px 10px; height: 15px; width: 55px; text-decoration: none; background: #e9e9e9 url(http://www.iconfinder.net/data/icons/diagona/icon/16/018.png) 44px 4px no-repeat; border: 1px solid #e1e1e1; padding: 5px;}


.address,.telephone,.email{font-size: 13px; list-style-type: none; margin-top: 10px;  padding-left: 20px;}

.address{background: url(images/icons/building.png) no-repeat;}
.email{background: url(images/icons/mail.png) no-repeat;}
.telephone{background: url(images/icons/phone.png) no-repeat;}

.vcard,.directions{ width: 200px; margin-top: 0px; list-style-type: none; padding-left: 20px;}
.vcard{background: url(images/icons/vcard.png) no-repeat;  margin-top: 20px;}
.directions{background: url(images/icons/map.png) no-repeat;}

/* Fixes */
#resources_fix {
	margin-top: -40px;
	}

table {
	border: 3px solid #DEDEDE;
	padding: 1em 0.75em;
	}

table th {
	text-align: left;
	padding: 0 1em;
	}

table td {
	padding: 0 1em;
	}

/* Print this styling */

a#print-this {
	display: none; /* Have javascript "show" it so it degrades gracefully for users that don't have JS enabled */
	float: right;
	background-color: #FFFEDB;
	border: 1px solid #E6E2A7;
	padding: 0.25em 0.5em;
	}

a#print-this:hover {
	text-decoration: none;
	}
	
/* Fix image alignment */
a#print-this img {
	margin-bottom: -2px;
	}

/* Resources page lists */
ul.bizlist {
	list-style: none;
	margin: 0.75em 0;
	}