/*================================================
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: #446683;
text-decoration: none;
}

a:hover,
a:focus {
color: #69c;
}

a img {
border: 0;
}

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


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

body {
background: #fff url(/images/bg.png) 0 -20px repeat-x;
font-size: 62.5%;
font-family: Helvetica, Arial, Verdana, sans-serif;
color: #333;
line-height: 1.3;
word-wrap: break-word;
}

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

#header {
margin: 0 auto;
height: 215px;
width: 960px;
overflow: hidden;
background: url(/images/header.jpg) 0 -20px no-repeat;
position: relative;
}

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

#leftcol {
width: 210px;
padding: 0 0 20px 0;
float: left;
position: relative;
color: #fff;
}

#sidebar {
width: 210px;
padding: 0 0 20px 0;
float: right;
position: relative;
color: #fff;
}

#content {
width: 500px;
padding: 20px 20px 20px 20px;
float: left;
position: relative;
font-family: Georgia, Times New Roman, serif;
}

#footer {
position: relative;
padding-bottom: 30px;
padding-top: 45px;
}


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

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

#byline a {
display: block;
width: 240px;
height: 60px;
position: absolute;
top: 70px;
left: 720px;
text-indent: -5000em;
overflow: hidden;
}

/* promo navigation */
#topnav {
float: left;
margin: 0 0 0 15px;
}

#topnav li {
float: left;
}



#sidenav {
position: absolute;
top: 177px;
left: 210px;
}

#sidenav li {
float: left;
height: 37px;
border-right: 1px solid #ccc;
}

#sidenav li:last-child {
border: none;
}

#sidenav a {
display: block;
padding: 10px 12px 0 12px;
height: 27px;
float: left;
font-size: 1.2em;
font-family: Georgia, Times New Roman, serif;
color: #252525;
}

#sidenav a:hover,
#sidenav a:focus {
text-decoration: underline;
}


#header .connect {
position: absolute;
top: 9px;
right: 60px;
}

#header .connect li {
float: left;
padding-left: 5px;
}

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

#header .connect .twitter a {
background: url(/images/icon-twitter-large.png) no-repeat;
}

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

#header .connect .facebook a {
background: url(/images/icon-facebook-large.png) no-repeat;
}

#header .connect .rss a {
background: url(/images/icon-rss.png) no-repeat;
}


/*================================================
3. Sidebar and left column
================================================*/

#leftcol a,
#sidebar a {
color: #9dc9ed;
}

#leftcol a:hover,
#leftcol a:focus,
#sidebar a:hover,
#sidebar a:focus {
color: #cce2f5;
}

/* headers - remove comments for dev */
#sidebar h4,
#leftcol h4 {
margin-bottom: 5px;
font-size: 1.3em;
height: 30px;
text-indent: -5000em;
}

#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;
}

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

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

/* modules */

#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,
#leftcol .links {
position: relative;
padding-bottom: 20px;
border-bottom: 5px solid #fff;
}

#leftcol #links,
#sidebar #network {
border: none;
}

#sidebar .links ul,
#leftcol .links ul {
margin: 0 20px;
}

#sidebar .links ul ul,
#leftcol .links ul ul {
margin: 0;
}

#sidebar .links li a,
#leftcol .links li a {
display: block;
padding: 3px 0;
border-bottom: 1px dotted #7D7D7D;
font-size: 1.1em;
}

#sidebar #connect li a {
padding: 10px 0;
}

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


/* 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 {
padding-bottom: 20px;
border-bottom: 5px solid #fff;
}

#search-box form {
padding: 15px 0 0 20px;
}

#search-box input.query,
#email {
display: block;
width: 125px;
height: 17px;
padding: 0 5px;
margin-right: 5px;
float: left;
border: 1px solid #ccc;
}

#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 {
padding-bottom: 20px;
border-bottom: 5px solid #fff;
position: relative;
}

#subscribe-box .rss {
position: absolute;
top: 9px;
left: 110px;
}

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

#subscribe-box .more {
font-size: .818em;
text-transform: uppercase;
font-weight: bold;
}

#subscribe-box form {
margin-left: 20px;
}

.post-social {
display: block;
height: 20px;
margin-top: 7px;
float: left;
width: 300px;
}

#individual .post-social {
margin-bottom: 10px;
}
 
.post-social a { 
display: block; 
float: left; 
width: 60px; 
height: 22px; 
margin-right: 5px; 
text-indent: -5000em; 
overflow: hidden; 
} 
 
/* hide default addthis icons */ 
.addthis_button_twitter .at300bs, 
.addthis_button_facebook .at300bs, 
.addthis_button_linkedin .at300bs, 
.addthis_button_email .at300bs { 
display: none; 
} 
 
.addthis_button_twitter { 
background: url(/images/share-twitter.png) no-repeat; 
} 
 
.addthis_button_facebook { 
background: url(/images/share-facebook.png) no-repeat; 
} 
 
.addthis_button_email { 
background: url(/images/share-mail.png) no-repeat; 
} 
 
.post-social a.addthis_button_linkedin { 
background: url(/images/share-linkedin.jpg) no-repeat; 
width: 64px; 
} 
 
.post-social .addthis_button_google_plusone { 
text-indent: 0; 
} 


#twitter {
padding-bottom: 20px;
border-bottom: 5px solid #fff;
}

#twitter h4 a {
display: block;
width: 100%;
height: 100%;
}

#twitter p {
padding: 15px 20px 20px 20px;
font-size: .9em;
font-weight: bold;
}

#twitter a.handle {
font-weight: bold;
color: #fff;
}

#twitter img {
float: left;
margin-right: 10px;
}

#twitter ul {
clear: both;
margin: 0 20px;
}

#twitter li {
border-bottom: 1px dotted #7d7d7d;
padding: 10px 0;
}

#twitter .follow {
display: block;
margin: 5px 0 0 20px;
font-size: .9em;
text-transform: uppercase;
font-weight: bold;
}


#sidebar #connect li a {
padding-left: 30px;
}

#connect .twitter a {
background: url(/images/icon-twitter.png) 0 4px no-repeat;
}

#connect .facebook a {
background: url(/images/icon-facebook.png) 0 4px no-repeat;
}

#connect .linkedin a {
background: url(/images/icon-linkedin.png) 0 4px no-repeat;
}


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

#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: 30px;
position: relative;
}

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

#breadcrumbs li {
display: inline;
padding-right: 5px;
}

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

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

#content .paginate {
width: 42%;
margin: 0 auto;
font-size: 1.2em;
}

#content .paginate li {
display: inline;
padding-right: 10px;
}

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

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

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


/* styles for the archives page */
#catarchive #breadcrumbs {
font-size: 1.5em;
}

#catarchive h3 {
font-weight: bold;
font-size: 2.2em;
margin-bottom: 20px;
text-align: center;
border-bottom: 1px solid gray;
}

#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: 25px;
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: 2em;
font-weight: bold;
}

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

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

#content .post .entryinfo {
margin-bottom: 10px;
font-style: italic;
}

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

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

#contnet .post .body a {
text-decoration: underline;
}

#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;
color: #959595;
font-size: 1.23em;
}

#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: 20px;
padding: 0 0 10px 20px;
border-bottom: 1px dotted #ccc;
background: url(/data_storage/images/icon-tags.gif) no-repeat;
clear: both;
}

#content .post ul.tags li {
display: inline;
font-size: 1.1em;
font-weight: bold;
}

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


/* social links and icons */
#content .post ul.links {
clear: both;
padding-top: 10px;
float: right;
}

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

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

#content .post ul.links .tweet,
#content .post ul.links .facebook {
position: relative;
top: -2px;
}

#content .post ul.links .tweet {
height: 20px;
}

#content .post ul.links .facebook {
width: 140px;
height: 20px;
overflow: hidden;
}

#individual #content .post ul.links li {
float: none;
border-bottom: 1px dotted #ccc;
padding: 5px 0;
}

#content .post ul.links li a {
display: block;
position: relative;
padding: 1px 0 2px 20px;
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(/data_storage/images/icon-print.gif) no-repeat;
}

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

li.comments {
margin-top: -25px;
}

#individual li.comments {
margin-top: 0;
}


#content .post ul.links li.add a {
background: url(/data_storage/images/icon-add.gif) 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 {
border-bottom: 1px dotted #ccc;
padding-bottom: 5px;
}

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

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

#comments .info em,
#comment-form .info em {
font-style: italic;
}

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

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

.comment h5 a {
font-weight: bold;
}

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

#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.1em;
color: #333;
}

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

#comment-form label,
.contact-form label {
font-weight: bold;
}

#comment-form label em,
.contact-form label em {
font-size: .833em;
color: #666;
font-weight: bold;
}

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

#comment-form textarea,
.contact-form textarea {
border: 1px solid #ccc;
border-bottom: 1px solid #efefef;
border-right: 1px solid #efefef;
width: 478px;
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: #3b7aaf;
color: #e2e2e2;
font-size: 1.2em;
cursor: pointer;
}

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


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

#footer .wrapper {
clear: both;
padding: 10px 20px 0 20px;
}

#footer h2 a {
font-size: 1.5em;
color: #333;
font-weight: bold;
font-family: Georgia, Times New Roman, serif;
}

#footer .vcard {
margin-top: 10px;
font-size: 1.1em;
}

#footer .vcard .offices {
margin: 10px 0 0 -20px;
color: #959595;
}

#footer .vcard .location {
float: left;
border-right: 1px dotted #959595;
padding: 0 20px;
}

#footer .vcard .location:last-child {
border: none;
}

#footer .org {
float: left;
margin-top: 20px;
margin-right: 10px;
}

#footer .org2 {
margin-top: 20px;
}

#footer .vcard .tel,
#footer .vcard .fax {
display: inline;
}

#legal {
margin: 0 0 0 5px;
float: left;
}

#legal li {
display: inline;
float: left;
font-size: .9em;
text-transform: uppercase;
}

#legal li:first-child {
border-right: 1px solid #446683;
margin-right: 5px;
padding-right: 5px;
}

#legal a {
font-weight: bold;
}

#topnav li {
display: inline;
font-size: .9em;
text-transform: uppercase;
border-right: 1px solid #446683;
padding-right: 5px;
padding-left: 5px;
}


#topnav a {
font-weight: bold;
}

#footer .credits {
position: absolute;
top: 0;
left: 0;
width: 920px;
background: #252525;
height: 25px;
padding: 10px 20px 0 20px;
}

/* copyright */
#footer .credits p {
float: left;
font-size: 1.1em;
color: #fff;
}

/* lexblog brand */
#footer .credits a.lexblog {
display: block;
width: 252px;
height: 14px;
float: right;
background: url(/images/lexblog2.png) no-repeat;
text-indent: -5000em;
overflow: hidden;
}


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

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

#topnav,
#legal {
overflow: hidden;
zoom: 1;
}