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

a:hover {
color: #a63c86;
}

a img {
border: 0;
}

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


/*================================================
1. Sructural elements
================================================*/

body {
background: #f2f2f3 url(images/bg.png) repeat-x;
font-size: 62.5%;
font-family: Lucida Grande, Arial, Verdana, sans-serif;
color: #333;
line-height: 1.3;
}

#container {
width: 920px;
margin: 0 auto 30px auto;
position: relative;
background: url(images/contentbg.png) repeat-y;
}

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

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

#sidebar {
width: 170px;
padding: 20px 47px 20px 0;
float: right;
}

#content {
width: 605px;
margin-top: -90px;
padding: 20px 0 20px 40px;
float: left;
position: relative;
}

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


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

#blogtitle a {
width: 600px;
height: 120px;
position: absolute;
top: 0;
left: 20px;
text-indent: -5000em;
overflow: hidden;
}

#byline a {
width: 220px;
height: 85px;
position: absolute;
top: 187px;
right: 21px;
text-indent: -5000em;
overflow: hidden;
}

/* promo navigation */
#topnav {
position: absolute;
top: 135px;
left: 50px;
border-right: 1px solid #40435b;
border-left: 1px solid #6f7590;
}

#topnav li {
float: left;
}

#topnav li a {
display: block;
float: left;
padding: 14px 20px 0 20px;
height: 27px;
border-left: 1px solid #40435b;
border-right: 1px solid #6f7590;
background: url(images/topnav.png) 0 -100px repeat-x;
font-size: 1.1em;
font-weight: bold;
color: #fff;
}

#topnav li a:hover {
background-position: 0 0;
color: #141525;
}


#search-box {
position: absolute;
top: 144px;
right: 50px;
}

#search-box input.query {
display: block;
width: 125px;
height: 21px;
padding: 0 5px;
margin-right: 5px;
float: left;
border: 1px solid #2e3142;
}

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


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

/* headers - remove comments for dev */
#sidebar h4 {
margin-bottom: 5px;
font-size: 1.3em;
height: 16px;
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;
}

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

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

#podcast-list h4 {
background: url(images/header-podcasts.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;
}


#author-list {
margin-bottom: 30px;
}

#author-list .vcard {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #ccc;
font-size: 1.1em;
}

#author-list .vcard .fn {
font-weight: bold;
}


/* twitter link */
#twitter {
margin-bottom: 30px;
}

#twitter a {
display: block;
font-size: 1.3em;
font-weight: bold;
color: #24031a;
}

#twitter a:hover,
#twitter a:focus {
color: #a63c86;
}

#twitter a span {
text-indent: -5000em;
overflow: hidden;
display: block;
float: left;
background: url(/images/twitter-button.png);
width: 61px;
height: 20px;
margin-right: 5px;
}

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

#sidebar .links li a {
display: block;
padding: 5px 0;
border-bottom: 1px solid #ccc;
font-size: 1.1em;
}

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


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


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


#email {
display: block;
width: 125px;
height: 21px;
padding: 0 5px;
margin-right: 5px;
float: left;
border: 1px solid #999;
}

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


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

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

#subscribe-box p {
margin-bottom: 5px;
font-size: 1.1em;
}


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

#network .blogroll-nav a.prev,
#network .blogroll-nav a.next {
display: block;
width: 22px;
height: 15px;
position: absolute;
background: url(http://mt4temp.lexblognetwork.com/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(http://mt4temp.lexblognetwork.com/data_storage/images/nextarrow.gif) no-repeat;
}


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

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

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

#breadcrumbs li {
float: left;
padding-right: 5px;
}

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

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

#breadcrumbs a {
font-weight: bold;
}

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

#feed a {
background: url(http://mt4temp.lexblognetwork.com/data_storage/images/rss.png) no-repeat;
padding-left: 15px;
font-size: 1.1em;
}

#comments #feed {
right: 0;
top: 5px;
font-size: .9em;
}


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

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

.title a {
font-weight: bold;
}

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

#content .post .entryinfo {
margin-bottom: 10px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background: #f2f2f3;
padding: 5px 10px;
font-size: 1.1em;
font-weight: bold;
}

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

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

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

#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 {
font-weight: bold;
}

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

#content .post .body blockquote {
position: relative;
margin: 30px 0;
padding: 0 40px 0 50px;
}

#content .post .body blockquote:before {
display: block;
content: "\201C";
position: absolute;
top: -5px;
left: -1px;
font-size: 7em;
line-height: 1;
color: #a8a9ad;
font-family: Georgia;
font-weight: bold;
}

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

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

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

#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 solid #ccc;
background: url(/images/tags.gif) no-repeat;
}

#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 {
padding-top: 10px;
}

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

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

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

#content .post ul.links li a:after {
display: block;
height: 16px;
width: 16px;
content: "";
position: absolute;
top: 0;
left: 0;
}

#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/print.gif) no-repeat;
}

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

#content .post ul.links li.add a {
background: url(/images/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 solid #ccc;
padding-bottom: 5px;
}

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

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

#comments .comment {
border-bottom: 1px solid #fff;
background: #f2f2f3;
padding: 20px 20px 10px 20px;
font-size: 1.1em;
line-height: 1.4;
}

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

.comment a {
font-weight: bold;
}

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

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

#comment-form form {
background: #f2f2f3;
padding: 20px;
}

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

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

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

#comment-form label,
.contact-form label {
color: #333;
}

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

#comment-form .fields input,
.contact-form .fields input {
border: none;
border-bottom: 1px solid #ccc;
}

#comment-form textarea,
.contact-form textarea {
border: 1px solid #ccc;
width: 543px;
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: 10px;
}

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

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


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

#footer .wrapper {
padding: 70px 20px 55px 50px;
}

#footer h2 a {
font-size: 2em;
font-family: Georgia, Times New Roman, serif;
color: #4b4f67;
}

#footer .vcard {
position: relative;
margin-top: 10px;
font-size: 1.1em;
color: #4b4f67;
}

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

#footer .vcard .tel,
#footer .vcard .fax,
#footer .vcard .adr,
#footer .vcard .street-address {
display: inline;
}

#footer .vcard .url {
position: absolute;
right: 30px;
top: -4px;
}

#legal {
margin-top: 10px;
}

#legal li {
display: inline;
font-size: .9em;
color: #5a2049;
text-transform: uppercase;
}

#legal li:first-child:after {
content: " | ";
}

#footer .credits {
position: absolute;
top: 23px;
left: 0;
width: 820px;
padding: 0 0 0 50px;
}

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

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

#footer .worklaw {
display: block;
width: 224px;
margin-top: 20px;
height: 37px;
background: url(images/worklaw.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 {
display: block;
content: "";
clear: both;
visibility: hidden;
}