/*================================================
Reset styles
================================================*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
sub {
vertical-align: sub;
}
sup {
vertical-align: super;
}

/*================================================
Table of contents
--------------------------------------------------
1. Structural elements
2. Header
3. Sidebar
4. Main content area
5. Comments + forms
6. Footer
8. Self-clearing floats
================================================*/

/* some default tag styles */

a {
color: #990000;
text-decoration: none;
}

a:hover,
a:focus {
color: #294857;
}

a img {
border: 0;
}

.clr {
overflow: hidden;
clear: both;
margin: 0;
padding: 0;
display: block;
}


/*================================================
1. Structural elements
================================================*/

body {
background: #d8dbda url(/images/bg.png) -2px 0;
font-size: 62.5%;
font-family: Georgia, Times, serif;
color: #333;
line-height: 1.3;
word-wrap: break-word;
}

#container {
width: 940px;
margin: 0 auto;
position: relative;
}

#header {
margin: 0 auto;
height: 171px;
background: url(/images/header.jpg) no-repeat;
position: relative;
}

/* contains content + sidebar */
#ccontainer {
background: url(/images/main.png) repeat-y;
}

#sidebar {
width: 170px;
padding: 20px 40px 20px 20px;
float: right;
position: relative;
font-family: Lucida Grande, Arial, Verdana, sans-serif;
}

#content {
background: url(/images/main-top.jpg) no-repeat;
width: 650px;
padding: 253px 20px 20px 40px;
float: left;
position: relative;
}

#footer {
background: url(/images/footer.png) no-repeat;
position: relative;
}


/*================================================
2. Header
================================================*/

#blogtitle a {
display: block;
width: 940px;
height: 90px;
position: absolute;
top: 50px;
left: 0;
text-indent: -5000em;
overflow: hidden;
}

#byline a {
display: block;
width: 300px;
height: 40px;
position: absolute;
top: 0;
left: 0;
text-indent: -5000em;
overflow: hidden;
}

/* promo navigation */
#globalnav {
position: absolute;
top: 9px;
right: 40px;
height: 27px;
background: url(/images/topnavbg.png) no-repeat;
}

#topnav {
height: 27px;
background: url(/images/topnavright.png) no-repeat right;
padding: 0 10px;
}

#topnav li {
float: left;
height: 25px;
margin-top: 2px;
background: url(/images/nav-divider.png) repeat-y right;
}

#topnav li.archives {
background: none;
}

#topnav li a {
display: block;
float: left;
height: 15px;
padding: 5px 15px;
font-size: 1.15em;
margin-right: 1px;
color: #fff;
}

#topnav li a:hover,
#topnav li a:focus {
color: #fc6;
background: url(/images/nav-hover.png) repeat-x;
}

#header .social {
width: 37px;
height: 16px;
position: absolute;
left: 270px;
top: 16px;
}

#header .social li a {
display: block;
text-indent: -5000em;
overflow: hidden;
width: 16px;
height: 16px;
float: left;
}

#header .social li.twitter a {
background: url(/images/twitter-icon.png) no-repeat;
margin-right: 5px;
}

#header .social li.linkedin a {
background: url(/images/linkedin-icon.png) no-repeat;
}


/*================================================
3. Sidebar
================================================*/

/* headers - remove comments for dev */
#sidebar h4 {
margin-bottom: 5px;
height: 13px;
text-indent: -5000em;
overflow: hidden;
}


#authors h4 {
height: 10px;
background: url(/images/header-written.png) no-repeat;
}

#firmBlogroll h4 {
background: url(http://www.techcompanycounselor.com/images/header-firmblogs.png) no-repeat;
}

#about-blurb h4 {
background: url(/images/header-about.png) no-repeat;
}

#sidenav h4 {
background: url(/images/header-topics.png) no-repeat;
}

#search-box h4 {
background: url(/images/header-search.png) no-repeat;
}

#subscribe-box h4 {
background: url(/images/header-subscribe.png) no-repeat;
}

#recent h4 {
background: url(/images/header-recent.png) no-repeat;
}

#links h4 {
background: url(/images/header-links.png) no-repeat;
}

#blogroll h4 {
background: url(/images/header-blogs.png) no-repeat;
}

#network h4 {
background: url(/images/header-network.png) no-repeat;
}


/* modules */

#authors {
margin-bottom: 30px;
font-family: Georgia, Times, serif;
font-size: 1.5em;
line-height: 1.5em;
}

#about-blurb {
margin-bottom: 30px;
}

#about-blurb p {
margin-bottom: 5px;
font-size: 1.1em;
}

#about-blurb .more {
font-size: .9em;
font-weight: bold;
text-transform: uppercase;
}


/* styles for lists of links */
#sidebar .links {
position: relative;
margin-bottom: 30px;
}

#sidebar .links li a {
display: block;
padding: 5px 0;
margin-top: 1px;
background: url(/images/sidebar-border.png) repeat-x bottom;
font-size: 1.1em;
}

#sidebar .links li li a {
padding-left: 20px;
}

#sidebar .links li a:hover,
#sidebar .links li a:focus {
background: #cec7ad url(/images/sidebar-border.png) repeat-x bottom;
}


/* resource center styles */
#resource-box {
margin-bottom: 30px;
background: #f7f7ec;
}

#resource-box h3 {
padding: 10px;
background: #e2e2d1;
font-size: 1.3em;
}

#resource-box h4 {
padding: 10px 10px 0 10px;
font-size: 1.2em;
}

#resource-box p {
padding: 0 10px 5px 10px;
font-size: 1.1em;
}


#podcast-list .rss {
position: absolute;
top: 1px;
left: 65px;
}


#resource-box .more {
margin-left: 10px;
font-size: .9em;
font-weight: bold;
text-transform: uppercase;
}

#resource-box .resource-footer {
display: block;
background: #e2e2d1;
margin-top: 10px;
padding: 5px 10px;
text-align: center;
}


#search-box {
margin-bottom: 30px;
}

#search-box form {
padding-top: 5px;
}

#search-box input.query,
#email {
display: block;
width: 125px;
height: 17px;
padding: 0 5px;
margin-right: 5px;
float: left;
border: 1px solid #c5c5c5;
border-top: 1px solid #7d7d7d;
font-family: Georgia, Times, serif;
color: #666;
}

#search-box input.submit,
#subscribe-box input.submit {
display: block;
float: left;
width: 26px;
height: 19px;
border: none;
background: url(/images/go.png) no-repeat;
text-indent: -5000em;
overflow: hidden;
cursor: pointer;
}


#subscribe-box {
margin-bottom: 30px;
position: relative;
}

#subscribe-box .rss {
position: absolute;
top: -2px;
left: 75px;
}

#subscribe-box p {
padding: 5px 0;
font-size: 1.1em;
}


/* styles for network pagination controls */
#network .blogroll-nav {
width: 170px;
height: 15px;
background: url(/data_storage/images/moreblogs.gif) no-repeat;
position: relative;
margin: 15px 0 10px 0;
}

#network .blogroll-nav a.prev,
#network .blogroll-nav a.next {
display: block;
width: 22px;
height: 15px;
position: absolute;
background: url(/data_storage/images/prevarrow.gif) no-repeat;
text-indent: -5000em;
overflow: hidden;
}

#network .blogroll-nav a.end {
display: none;
}

#network .blogroll-nav a.next {
right: 0;
background: url(/data_storage/images/nextarrow.gif) no-repeat;
}


/*================================================
4. Content area
================================================*/

#breadcrumbs {
padding-bottom: 25px;
position: relative;
}

#category #breadcrumbs {
padding-top: 20px;
}

#breadcrumbs li {
display: inline;
}

#breadcrumbs li:after {
content: " > ";
}

#breadcrumbs li:last-child:after {
content: "";
}

/* styles for category/author/comments rss feed link */
#feed {
position: absolute;
right: 20px;
top: 250px;
}

#feed a {
background: url(/data_storage/images/rss.png) no-repeat;
padding: 1px 0 1px 15px;
font-size: 0.9em;
font-weight: bold;
}

#comments #feed {
right: 0;
top: 19px;
}


/* styles for the archives page */
#archives #content .post {
font-size: 1.2em;
line-height: 1.4;
}

#archives #content .post h4 {
margin-top: 20px;
font-size: 1.333em;
}

#archives #content .post ul.date-list li {
padding-bottom: 5px;
}

#archives #content .post ul.date-list ul li {
display: inline;
padding-right: 5px;
}

#archives #content .post ul.cat-list ul {
margin-left: 20px;
}

#archives #content .post ul.tag-list li {
display: inline;
}

#archives #content .post ul.tag-list li.rank1 {
font-size: 1.25em;
}

#archives #content .post ul.tag-list li.rank2 {
font-size: 1.166em;
}

#archives #content .post ul.tag-list li.rank4 {
font-size: 1.083em;
}

#archives #content .post ul.tag-list li.rank5 {
font-size: .916em;
}

#archives #content .post ul.tag-list li.rank6 {
font-size: .833em;
}


/* styles for resource center specific navigation */
#resource-list {
width: 20%;
float: left;
margin-right: 20px;
font-size: 1.1em;
}

#resource-list h4 {
margin-bottom: 5px;
font-size: 1.09em;
}

#resource-list ul ul {
margin-bottom: 10px;
}

#resource-list a {
display: block;
padding: 5px 0;
margin-left: 10px;
border-bottom: 1px dotted #ccc;
}


/* author archive page styles */
#author-bio {
border-bottom: 1px dotted #ccc;
margin-bottom: 30px;
font-size: 1.2em;
}

#author-bio h2.title {
margin-bottom: 5px;
font-size: 1.833em;
}

#author-bio p {
margin-bottom: 10px;
}


/* normal entry styles */
#content .featured {
border: 1px dotted #ccc;
padding: 10px;
margin-bottom: 30px;
}

#content .featured .post {
margin: 0;
}

#content .post {
margin-bottom: 30px;
clear: both;
}

#page #content .post {
clear: none;
}

.resource-center .post {
float: right;
width: 76%;
}

#content h3.title,
#content h1.title {
margin-bottom: 5px;
font-size: 2.3em;
}

#content h4.title {
margin-bottom: 5px;
font-size: 1.6em;
}

#content .post .entryinfo {
margin-bottom: 10px;
font-size: 0.9em;
letter-spacing: 0.7px;
text-transform: uppercase;
font-weight: bold;
color: #666;
}

.entryinfo ul.links {
position: relative;
display: inline;
float: right;
margin: -5px 124px 0 0;
clear: left;
}

#content .post .entryinfo a {
font-weight: bold;
}

#content .post .body {
line-height: 1.4;
font-size: 1.3em;
}

#content .post .body p {
margin-bottom: 10px;
}

#content .post .body h1 {
font-size: 1.384em;
font-weight: bold;
}

#content .post .body h2 {
font-size: 1.384em;
}

#content .post .body h3 {
font-size: 1.23em;
font-weight: bold;
}

#content .post .body h4 {
font-size: 1.23em;
}

#content .post .body h5 {
font-size: 1.0769em;
font-weight: bold;
}

#content .post .body h6 {
font-size: 1.0769em;
}


#content .post .body strong,
#content .post .body strong em,
#content .post .body strong a {
font-weight: bold;
}

#content .post .body em,
#content .post .body em strong,
#content .post .body em a {
font-style: italic;
}

#content .post .body blockquote {
position: relative;
margin: 30px 0;
padding: 0 40px 0 50px;
background: url(/images/blockquote.png) no-repeat 0 5px;
font-size: 1.3em;
}

#content .post .body ul,
#content .post .body ol {
margin: 0 0 10px 40px;
list-style: disc;
}

#content .post .body ol {
list-style: decimal;
}

#content .post .body ul li,
#content .post .body ol li {
padding-bottom: 10px;
}

#content .post .more {
font-size: .846em;
font-weight: bold;
text-transform: uppercase;
}

#content .post .more:before {
display: block;
content: "";
margin-top: 20px;
}

#content .post ul.tags {
position: relative;
margin-top: 5px;
padding: 0 0 10px 20px;
background: url(/images/icon-tags.png) no-repeat;
clear: both;
border-bottom: 1px dashed #CFCFCF;
}

#content .post ul.tags li {
display: inline;
font-size: 0.9em;
color: #000;
text-transform: uppercase;
font-weight: bold;
}

#content .post ul.tags a {
font-weight: bold;
text-transform: capitalize;
font-size: 1.2em;
}


/* social links and icons */
#belowarticlelinks ul.links {
clear: both;
padding-top: 5px !important;
margin: 0 0 7px 0 !important;
width: auto !important;
float: left !important;
display: inline !important;
}

ul.links {
margin-bottom: 10px;
}

#belowarticlelinks ul.links li {
float: left !important;
background: none !important;
padding: 0 10px 0 0 !important;
}

#individual #content .post ul.links {
padding: 0;
margin: 0 0 20px 20px;
width: 140px;
float: right;
background: none;
}

#content .post ul.links li {
float: left;
padding-right: 10px;
font-size: 1.1em;
}

#individual #content .post ul.links li {
float: none;
background: url(/images/links-border.png) repeat-x bottom;
padding: 5px 0;
}

#individual #content .post {
background: url(/images/links-border.png) repeat-x bottom;
margin-bottom: 50px;
}

#content .post ul.links li a {
display: block;
position: relative;
padding: 1px 0 2px 22px;
float: left;
font-weight: bold;
}

#individual #content .post ul.links li a {
float: none;
}

#content .post ul.links li.add span {
background: none;
height: 0;
width: 0;
}

#content .post ul.links li.print a {
background: url(/images/icon-print.png) no-repeat;
}

#content .post ul.links li.comments a {
background: url(/images/icon-comments.png) no-repeat;
}

#content .post ul.links li.add a {
background: url(/images/icon-add.png) no-repeat;
}


/*================================================
5. Comments + forms
================================================*/

#comments {
margin-bottom: 30px;
position: relative;
}

#sidebar .contact-form {
margin-bottom: 30px;
padding: 10px;
background: #f7f7ec;
}

#comments .info,
#comment-form .info {
background: url(/images/links-border.png) repeat-x bottom;
padding-bottom: 5px;
}

#comment-form .info {
margin-bottom: 10px;
}

#comments h4,
#comment-form h4,
.contact-form h4 {
font-size: 1.6em;
}

#comments .info em,
#comment-form .info em {
color: #999;
text-transform: uppercase;
font-weight: bold;
}

#comments .comment {
padding: 20px 0 10px 20px;
font-size: 1.3em;
line-height: 1.4;
}

#comments .comment h5 {
margin-bottom: 5px;
color: #990000;
}

#comments .comment p {
margin-bottom: 10px;
}

#comment-form form {
 padding: 10px 0 0 20px;
}

#comment-form form,
.contact-form form {
line-height: 2;
}

#comment-form .fields dl,
.contact-form .fields dl {
margin-bottom: 10px;
color: #fff;
}

#comment-form .fields dd,
.contact-form .fields dd {
display: inline;
}

#comment-form dt,
.contact-form dt {
font-size: 1.3em;
color: #333;
}

#sidebar .contact-form dt {
font-size: 1em;
}

#comment-form label,
.contact-form label {
}

#comment-form label em,
.contact-form label em {
font-size: .769em;
}

#comment-form .fields input,
.contact-form .fields input {
width: 298px;
padding: 3px 0;
border: 1px solid #d5d5d5;
border-bottom: 1px solid #f2f2f2;
border-right: 1px solid #f2f2f2;
}

#comment-form textarea,
.contact-form textarea {
border: 1px solid #d5d5d5;
border-bottom: 1px solid #f2f2f2;
border-right: 1px solid #f2f2f2;
width: 580px;
height: 180px;
padding: 10px;
font-family: Lucida Grande, Arial, Verdana, sans-serif;
font-size: 1.2em;
}

#sidebar .contact-form textarea {
width: 128px;
}

#comment-form .remember {
margin-top: 10px;
}

#comment-form .remember dt,
#comment-form .remember dd {
display: inline;
}

#comment-form .buttons {
margin-top: 15px;
}

#comment-form .buttons input,
.contact-form .submit {
border: none;
margin-right: 15px;
padding: 5px 20px;
background: #c5a155;
color: #fff;
font-family: Georgia, Times, serif;
font-weight: bold;
font-size: 1.1em;
cursor: pointer;
}

.contact-form .submit {
margin-top: 10px;
}

.contact-form p {
margin:10px 0;
font-size: 1.4em;
}


/*================================================
6. Footer
================================================*/

#footer .wrapper {
padding: 20px 20px 55px 20px;
color: #274655;
}

#footer h2 {
font-size: 1.6em;
margin-top: 100px;
}

#footer h2 a {
color: #274655;
}

#footer .vcard {
margin-top: 10px;
font-size: 1.1em;
font-family: Lucida Grande, Arial, Verdana, sans-serif;
float: left;
}

#footer .vcard .org {
font-weight: bold;
}

#footer .vcard .org a {
color: #274655;
font-weight: bold;
}


.footer-logo {
display: block;
text-indent: -5000em;
overflow: auto;
width: 110px;
height: 50px;
position: absolute;
top: -10px;
right: 70px;
}

#legal {
 float: right;
 clear: right;
 margin: 0 30px 0 0;
}

#legal li {
display: inline;
font-size: 0.9em;
text-transform: uppercase;
font-family: Lucida Grande, Arial, Verdana, sans-serif;
padding-left: 6px;
}

#legal li:first-child {
padding-right: 8px;
background: url(/images/footer-link-bg.png) no-repeat right;
}

#legal li a {
color: #ba2222;
font-weight: bold;
}

#legal li a:hover,
#legal li a:focus {
color: #274655;
}

/* copyright */
#footer p.credits {
float: right;
font-size: 1em;
font-family: Lucida Grande, Arial, Verdana, sans-serif;
font-weight: bold;
margin: 15px 12px 10px 0;
}

/* lexblog brand */
a.lexblog {
display: block;
width: 295px;
height: 14px;
background: url(/images/lexblog.png) no-repeat;
text-indent: -5000em;
overflow: hidden;
position: absolute;
right: 20px;
top: 125px;
}


/*================================================
7. Self-clearing floats
================================================*/

#ccontainer:after,
#search-box:after,
#subscribe-box:after,
#content .post:after,
#content .post ul.links:after {
display: block;
content: "";
clear: both;
visibility: hidden;
}

#header {
margin: 0 auto;
height: 211px;
background: url(/images/header.jpg) no-repeat;
position: relative;
}

#globalnav {
position: absolute;
top: 25px;
right: 40px;
height: 27px;
background: url(/images/topnavbg.png) no-repeat;
}

#header .social {
width: 37px;
height: 16px;
position: absolute;
left: 150px;
top: 33px;
}