/* 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; min-width:1000px; background: url( '/s/2FADKHbUxUaKyrfO5syW0A/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;}
hr {color:#564637; height:1px; border:0; background:#564637;}

/* 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( '/s/ADbJUbi-hkiayeTM9LjtFQ/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( '/s/Ujfe39CE60yXlg1b3_dQVQ/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( '/s/Krtu0zbjTkuJaKRBkUpG3A/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( '/s/tT_bzfwVAU6DqIgYEc3B5Q/menu-arrow.gif' ) no-repeat center bottom;}

/* Content Area / Column Styles */
#ContentContainer {text-align: center; background: #fff url( '/s/V3vS7MpzLkWparpMlKFNdQ/the-history-of-seo-3x1.png' ) repeat-x;}
#ContentArea {width: 1000px; margin: 0 auto; clear: both; text-align: left;}
#column1 {margin: 15px 15px 0 170px; float: left; width: 385px; position:relative; z-index:1; min-height:600px;}
#column2 {float: left; width: 400px; position: relative; background: url( '/s/y33aPvxdUkaNW2J_Jy7-mA/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;}
#gAds {position:absolute; top:0; left:-170px;}
#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 170px;}
div.pages div#column2 {float: left; width: 205px; position: relative; background: url( '/s/IW9xK23OdUG2YHqnQEY_gg/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;}

/* Generic List Section Styles */
.listItems {}
.listItems .item {clear:both;}
.listItems .item a.wrap, .listItems .item a.wrap:link, .listItems .item a.wrap:visited {display:block; text-decoration:none;}
.listItemImage {float:left; display:inline-block; margin:0 10px 5px 0;}
.noImage {margin:0 10px 5px 0; display:inline-block; float:left; width:155px; height:100px; background:#ddd;}
.item .brief {display:block; margin:5px 0 0; color:#7B6B5C;}

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

/* Events Feed Styles */
ul.eventsFeed {margin:0; padding:0; list-style:none;}
ul.eventsFeed li {margin:0 0 10px;}
ul.eventsFeed img {max-width:155px;}
ul.eventsFeed a, ul.eventsFeed a:link, ul.eventsFeed a:visited {display:block;}
ul.eventsFeed span {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;}

#mainInterviewsDiv h2 {margin:1px 6px 5px 0px; float:left; width:140px; margin-right:5px;}
#mainInterviewsDiv p {float:left; width:300px; /*height:52px;*/ margin:0px; overflow:hidden;}

/* Edit Styles */
.divEditBlock {position:relative;}
.divEditBlock label {display:block; line-height:18px; font-weight:bold; margin:0 0 10px; padding:0 10px; color:#000; background:#ccc;}
.divEditBlock div {margin:0 0 20px;}
.divEditBlock span input, .divEditBlock span textarea {width:300px;}
.divEditBlock .error {font-weight:bold; color:#f00;}

.divEditControls {}
.divEditControls a {padding:0 5px;}

.checkbox label {display:inline; font-weight:normal; margin:0; padding:0; color:#000; background:Transparent;}

.divEditBlock .checkbox {margin:0;}
.divEditBlock .checkbox input {width:auto;}

.divEditBlock .image img {max-width:300px; max-height:300px;}