/* CSS File for The History of SEO. Copyright 2008 Smart Solutions, All Rights Reserved. */

/* Main Body Elements */
html, body {margin: 0; padding: 0;}
body {}
body, div, img {margin: 0; padding: 0; border: none; font-size: 12px; color: #7b6b5c; font-family: "Trebuchet MS" , Helvetica, sans-serif;}
#themeContainer {text-align: center; background: url( '/the-history-of-seo-1x5.png' ) repeat-x;background-color: #FFB200;}
a, a:link, a:visited {color:#fc4d00; text-decoration:none;}
a:active, a:hover {color:#fc4d00; text-decoration:underline;}

p {margin:0 0 15px 0; padding:0;}

/* Headings */
h1, h2, h3, h4, h5 {margin: 0; padding: 0;}
h1 {font-size: 18px;}
h2 {font-size:14px;}
h3 {font-size:12px;}
h4 {font-size:10px; color:#fc4d00;}
h5 {font-size:10px;}
h2.home {font-size:14px; line-height:20px; color:#fff; padding:0 10px; background:#c2b3a3;}

/* Header Styles */
#header {width: 1000px; height: 120px; margin: 0 auto; text-align: left; background: url( '/history-timeline.jpg' ) no-repeat 0 26px;}
#search {width: 1000px; height: 25px; position: relative;}
#searchForm {position: absolute; top: 0; left: 700px; width: 200px; height: 25px; background: url( '/the-history-of-seo-1x2.gif' ) no-repeat;}
.SearchTxtBox {position: absolute; top: 4px; left: 10px; width: 171px; height: 15px; border: none; font-size: 10px; color: #fff; background: none;}
.SearchGoButton {position: absolute; top: 0; left: 181px;}
#logo {display: block; width: 207px; height: 30px; margin: 17px 0 0 73px; background: url( '/the-history-of-seo-logo.gif' ) no-repeat;}
#logo span {display: none;}

/* Menu Styles */
#menu {list-style: none; margin: 8px 0 0 75px; padding: 0;}
#menu li {margin: 0; padding: 0; float: left; line-height: 35px;}
#menu li a, #menu li a:link, #menu li a:visited {margin: 0; padding: 0 25px; display: block; color: #fff; font-size: 14px; text-decoration: none;}
#menu li.current a, #menu li.current a:link, #menu li.current a:visited {color: #564637;}
#menu li a:active, #menu li a:hover {outline: none; background: url( '/menu-arrow.gif' ) no-repeat center bottom;}

/* Content Area / Column Styles */
#ContentContainer {text-align: center; background: #fff url( '/the-history-of-seo-3x1.png' ) repeat-x;}
#ContentArea {width: 1000px; margin: 0 auto; clear: both; text-align: left;}
#column1 {margin: 15px 15px 0 100px; float: left; width: 385px;}
#column2 {float: left; width: 400px; position: relative; background: url( '/the-history-of-seo-19x1.gif' ) repeat-y;}
#column2 #divTop {position: absolute; z-index:110; top: 0; left: 0; width: 400px; height: 4px; background: #ffb200;}
#column2 #divBottom {position: absolute; z-index:110; bottom: 0; left: 0; width: 400px; height: 4px; background: #ffb200;}

#rightImageLeftShadow {position:absolute; top:4px; left:0; z-index:1000;}
#rightImageRightShadow {position:absolute; top:4px; left:395px; z-index:1000;}

#divColTopImage {position:absolute; top:204px; left:203px; z-index:100; width:189px; height:20px;}
#divColBottomImage {position:absolute; bottom:3px; left:203px; z-index:100; width:189px; height:20px;}

#divRightColImage {width: 400px; height: 200px; margin: 4px 0 0 0;}

#rightCol1 {width:190px; float:left; margin:5px 0 5px 10px;} /* Left Shadow (with arrow) - shows over the top of the right column top-image. */
#rightCol2 {width:155px; float:left; margin:20px 20px 20px 20px;} /* Right Shadow - shows over the top of the right column top-image. */

/* Right Column styles on sub-pages */
div.pages div#column1 {float: left; width: 580px; margin:15px 15px 0 100px;}
div.pages div#column2 {float: left; width: 205px; position: relative; background: url( '/right-col-bg-smaller.gif' ) repeat-y;}
div.pages div#column2 div#divRightColImage {width: 205px; overflow: hidden;}
div.pages div#column2 div#divTop, div.pages div#column2 div#divBottom {width: 205px;}

div.pages div#column2 #rightImageRightShadow {position:absolute; top:4px; left:200px; z-index:1000;} /* Right Shadow - shows over the top of the right column top-image. */

div.pages div#column2 #divColTopImage {position:absolute; top:204px; left:8px;}
div.pages div#column2 #divColBottomImage {position:absolute; bottom:3px; left:8px;}

div.pages div#column2 div#rightCol1 {display:none;}
div.pages div#column2 div#rightCol2 { margin:20px 20px 20px 25px;}

/* Content Styles */

.homeText {font-size:14px;}
#rightCol1 h4 {margin:10px 5px 0 5px; padding:0;}
#rightCol1 p {font-size:10px; margin-left:5px; margin-right:5px; line-height:14px;}
.rightLink {padding:0 0 10px 0;}

.homeProfile {clear:both; padding:10px 0 0 0; line-height:14px;}
.homeProfileImage {margin:0 10px 0 0; padding:0; float:left;}

/* Article Styles */
.Article_Item {clear: both; padding: 10px 0;}
.Article_Item h2, .Article_Item h2 a, .Article_Item h2 a:link, .Article_Item h2 a:visited {color: #fc4d00; font-size: 14px; text-decoration: none;}
.Article_Author {margin: 0 0 10px 0;}
.Article_ItemImage, .Article_Item_ArticleImage {float: left; margin: 0 10px 0 0;}
.Article_ItemDetailImage {float: right; margin: 0 0 0 10px;}
.Article_Item_Detail {margin: 0 0 10px 0;}
.Article_Item_Detail h2 {font-size: 14px;}
.articleEditDeleteBox {display: block;}

/* Footer Styles */
#footer {clear: both; text-align: center;}
#footerContent {width: 1000px; height: 40px; margin: 0 auto; text-align: left;}
#footerContactInfo {float: left; margin: 0 0 0 100px; width: 400px; color: #fff; font-size: 10px; line-height: 40px;}
#footerContactInfo a, #footerContactInfo a:link, #footerContactInfo a:visited {color: #fff; font-size: 10px; text-decoration: underline;}
#footerSmartzLink {float: left; width: 400px; line-height: 40px; text-align: right;}
#footerSmartzLink a, #footerSmartzLink a:link, #footerSmartzLink a:visited {color: #fff; font-size: 10px; text-decoration: none;}
#footerSmartzLink a img {vertical-align: middle; padding: 0 0 0 3px;}

/* Misc Styles */
.clear {clear: both;}
abbr {border:0;}