* {margin: 0px; padding: 0px;} /* img, div, #siteCon #headerCon #navCon #nav a, #siteCon #headerCon #navCon #nav li ul li {behavior: url(/includes/css/iepngfix.htc);} */ html {overflow-y: scroll;} body {font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; font-size: .8em; color: #000000; margin: 0px; padding: 0px; text-align: left; background: none #FFFFFF;} body.siteBody {font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; font-size: .8em; color: #000000; margin: 0px; padding: 0px; text-align: center; background: #fefbf0 url(../../media/images/site_bg.jpg) repeat-x 0px 0px;} img {display: block; border: 0px;} img.leftImage {float: left; margin: 0px 10px 10px 0px;} img.rightImage {float: right; margin: 0px 0px 10px 10px;} img.inline {display: inline;} a {text-decoration : underline; color: #aa0435;} a:hover {text-decoration : none; background-color: #aa0435; color: #FFFFFF;} p {margin: 10px 0px 0px 0px;} p.first {margin: 10px 0px 0px 0px; font-size: 1.2em;} p.footnote {font-size: .8em;} p.nospace {margin: 0px 0px 0px 0px;} form {margin: 0px;} h1 {font-size: 2.4em; padding: 0px; margin: 0px 0px 10px 0px; font-weight: normal; color: #0071a4; border-bottom: 1px solid #dd0017; display: inline;} h2 {font-size: 1.6em; padding: 0px; margin: 0px 0px 0px 0px; font-weight: bold; color: #0071a4;} h2 a {color: #0071a4; text-decoration: none;} h2 a:hover {background-color: #0071a4; color: #FFFFFF;} h3 {font-size: 1.2em; padding: 0px; margin: 0px 0px 7px 0px; font-weight: normal; color: #0071a4;} h4 {font-size: .9em; padding: 0px; margin: 0px 0px 5px 0px; font-weight: normal; color: #0071a4;} h5 {font-size: .8em; padding: 0px; margin: 0px; font-weight: normal; color: #0071a4;} h6 {font-size: .7em; padding: 0px; margin: 0px; font-weight: normal; color: #0071a4;} .smallText {font-size: .7em;} .redText {color: #dd0017;} .quote {font-weight: bold; font-style: italic;} .clearAll {clear: both; font-size: .1em; height: 1px;} .clearLeft {clear: left; font-size: .1em; height: 1px;} .clearRight {clear: right; font-size: .1em; height: 1px;} .floatRight {float: right;} .floatLeft {float: left;} .floatLeftPad {float: left; margin: 0px 10px 10px 0px;} .floatRightPad {float: right; margin: 0px 0px 10px 10px;} .paraSpacer {display: block; height: 20px; clear: both;} .centered {text-align: center;} .error {border: 1px solid #880000; padding: 10px; color: #880000;} small {position: relative; top: -4px; font-size: .6em;} /***************/ /* SITE STYLES */ /***************/ #siteCon {width: 987px; height: auto !important; height: 800px; min-height: 800px !important; margin: 0px auto; padding: 0px; display: block !important; display: inline-block; position: relative;} .pageSeparator {width: 100%; height: 11px; text-align: center; display: block; margin: 0px 0px 10px 0px;} .pageSeparator img {display: block; margin: 0px auto;} /*****************/ /* HEADER STYLES */ /*****************/ #siteHeader {position: absolute; top: 25px; left: 52px; width: 457px; height: 81px; display: block; background-color: #000000; overflow: hidden; background: url(../../media/images/logo_one_mighty_pen.png) no-repeat 0px 0px;} #siteHeader h1 {width: auto; height: auto; display: block; margin: 0px auto; padding: 0px; text-align: center; font-size: 3.5em; font-weight: normal; color: #0071a4; text-indent: -999em; border: 0px;} #siteHeader h2 {width: auto; height: auto; display: block; margin: 0px auto; padding: 0px; text-align: center; font-size: 1.8em; font-weight: normal; color: #dd0017; text-indent: -999em; border: 0px;} #cavalierChrisCon {width: 434px; height: 419px; display: block; position: absolute; top: 0px; left: 553px; z-index: 600;} /**************/ /* NAV STYLES */ /**************/ #navTopCon {width: 263px; height: 11px; display: block; position: absolute; top: 137px; left: 149px; background: url(../../media/images/sep_flourish.png) no-repeat 0px 0px; z-index: 10;} #navBotCon {width: 263px; height: 11px; display: block; position: absolute; top: 186px; left: 149px; background: url(../../media/images/sep_flourish_rev.png) no-repeat 0px 0px; z-index: 10;} #navContainer {position: absolute; top: 143px; left: 28px; width: 503px; height: 34px; background: url(../../media/images/nav_bg.png) no-repeat 0px 0px; display: block; padding: 14px 0px 0px 0px; z-index: 5;} #navContainer ul#nav {display: block; width: auto; height: auto; margin: 0px; padding: 0px; font-size: 1.3em;} #navContainer ul#nav li {display: inline; width: auto; height: auto; margin: 0px; padding: 0px 15px 0px 3px !important; padding: 0px 12px 0px 3px; background: url(../../media/images/nav_separator.png) no-repeat center right;} #navContainer ul#nav li.last {display: inline; width: auto; height: auto; margin: 0px; padding: 0px 0px 0px 3px !important; padding: 0px 0px 0px 3px; background: none;} #navContainer ul#nav li a, #navContainer ul#nav li.last a {text-decoration: none; color: #000000;} #navContainer ul#nav li a:hover, #navContainer ul#nav li.last a:hover {text-decoration: none; color: #0071a4; background-color: transparent;} /***********************/ /* MAIN CONTENT STYLES */ /***********************/ #mainContentCon {width: 586px; height: auto !important; min-height: 980px !important; height: 980px; background: url(../../media/images/main_content_bg.png) no-repeat 0px 0px; display: block; float: left; position: relative; top: 264px; left: 19px; z-index: 50; padding: 37px 20px 20px 26px; text-align: left;} .blogPostCon {display: block; position: relative; width: 586px; height: auto;} .dateCon {display: block; width: 90px; height: 96px; background: url(../../media/images/date_bg.png) no-repeat 0px 0px; position: relative; top: 0px; left: -45px; color: #FFFFFF;} .monthCon {font-size: 1.3em; font-style: italic; position: absolute; top: 12px; left: 24px;} .dayCon {font-size: 3.3em; position: absolute; top: 19px; left: 12px;} .titleBlock {display: block; width: auto; height: auto; position: absolute; left: 60px; top: 10px;} .byLine {color: #c2c2c2; font-style: italic; font-size: .85em; margin-bottom: 3px;} .tagCon {color: #c2c2c2; font-size: .85em;} .tagCon a {background-color: #0073a7; color: #FFFFFF; border: 1px solid #0073a7; text-decoration: none; padding: 2px 3px 1px 3px;} .tagCon a:hover {background-color: #fefcf4; color: #0073a7;} .dateLine {color: #c2c2c2; font-size: .9em; margin-bottom: 5px;} .moreLinkCon {display: block; width: 100%; height: auto; text-align: right;} .moreLinkCon a {display: inline-block; background: url(../../media/images/icon_read_more.png) no-repeat 4px right; padding: 3px 18px 2px 3px; color: #de0018; font-weight: bold; text-decoration: none; font-size: .9em;} .moreLinkCon a:hover {display: inline-block; background: #de0018 url(../../media/images/icon_read_more.png) no-repeat 3px right; padding-right: 20px; color: #FFFFFF; font-weight: bold;} .socialCon {display: block; margin-bottom: 20px;} .socialCon a {text-decoration: none; color: #de0018;} .socialCon a:hover {background: none; color: #de0018;} #homeCallouts {display: block; position: relative;} #homeCallouts h3 {margin: 0px 0px 5px 0px;} #homeCallouts p {margin: 0px 0px 10px 0px;} #biographyCon {display: block; width: 162px; height: 150px; padding: 176px 21px 0px 19px; background: url(../../media/images/home_callout01_bg.jpg) no-repeat 0px 0px; position: relative;} #videoCon {display: block; width: 163px; height: 150px; padding: 175px 9px 0px 16px; background: url(../../media/images/home_callout02_bg.jpg) no-repeat 0px 0px; position: absolute; top: 1px; left: 202px;} #storyCon {display: block; width: 163px; height: 151px; padding: 180px 8px 0px 20px; background: url(../../media/images/home_callout03_bg.jpg) no-repeat 0px 0px; position: absolute; top: -4px; left: 400px;} .video_wrapper {margin:40px 40px 0} /***********************/ /* RIGHT COLUMN STYLES */ /***********************/ #rightContentCon {width: 263px; height: auto !important; min-height: 566px !important; height: 566px; background: url(../../media/images/rcontent_bg.png) no-repeat 0px 0px; display: block; float: left; position: relative; top: 388px; left: 27px; z-index: 50; padding: 48px 20px 20px 29px; text-align: left; margin-bottom: 120px;} #rightContentCon p {margin: 0px 0px 10px 0px;} #rightContentCon h2 {font-size: 1.3em; font-weight: normal; display: block; margin-bottom: 20px;} #rightContentCon h2 a.rsslink {color: #0071a4; text-decoration: none; background-image: url(../../media/images/icon_rss.png); background-repeat: no-repeat; background-position: right; padding-right: 30px;} #rightContentCon h2 a.rsslink:hover {color: #0071a4; background-color: transparent;} #rightContentCon form {display: block; margin: 0px; padding: 0px;} #rightContentCon form input {background: url(../../media/images/search_bg.png) no-repeat 0px 0px; width: 178px; height: 33px; border: 0px; float: left; padding: 0px 0px 0px 10px;} #rightContentCon form button {background: url(../../media/images/search_sub_butt.png) no-repeat 0px 0px; width: 74px; height: 33px; border: 0px; float: left; text-indent: -9999em;} #rightContentCon h2.aboutme {color: #0071a4; text-decoration: none; background: url(../../media/images/about_chris_slatter.png) no-repeat 0px 0px; display: block; width: 262px; height: 30px; float: left; padding-top: 170px; margin: 0px;} #rightContentCon ul.recentPosts {display: block; margin: 0px 0px 20px 0px;} #rightContentCon ul.recentPosts li {display: block; margin: 0px 0px 10px 0px; list-style: none; border-bottom: 1px solid #c2c2c2;} #rightContentCon ul.recentPosts li h4 {display: block; color: #000000; font-weight: bold; margin: 0px;} #rightContentCon ul.recentPosts li p {display: block; color: #c2c2c2; font-weight: normal; margin: 0px 0px 10px 0px; font-size: .8em;} #rightContentCon ul.recentPosts li a {display: inline-block; text-decoration: none; border: 1px solid #fefbf0; padding: 3px 2px 2px 3px; width: 100%;} #rightContentCon ul.recentPosts li a:hover {background-color: transparent; border: 1px solid #aa0435;} #rightContentCon ul.tags {display: block; margin: 0px 0px 20px 0px;} #rightContentCon ul.tags li {display: block; margin: 0px 4px 4px 0px; float: left;} #rightContentCon ul.tags li a {background-color: #0073a7; color: #FFFFFF; border: 1px solid #0073a7; text-decoration: none; padding: 2px 3px 1px 3px; display: block;} #rightContentCon ul.tags li a:hover {background-color: #fefcf4; color: #0073a7;} /***************/ /* BLOG styles */ /***************/ .blogCalendarCon {width: 395px; height: 165px; z-index: 650; left: 280px; top: 300px; position: absolute; text-align:right;} .blogCalendarCon .blogCalendar {width: 165px; margin-bottom: 20px; margin-right:70px; margin-left:auto;} .blogCalendarCon .blogCalendar .calendarHeader {font-weight: bold;} .blogCalendarCon .blogCalendar .monSel a {background:none; color:#0071af; padding:1px; border:none;} .blogCalendarCon .blogCalendar .monSel a:hover {background:none; color:#dd0017; padding:1px; border:none;} .blogCalendarCon .blogCalendar a {text-decoration: none; background:#0071af; color:#FFF; padding:0 2px 2px; border:solid 1px #039;} .blogCalendarCon .blogCalendar a:hover {background:none; color:#dd0017; padding:1px 3px; border:none;} .blogSearch {width: 150px; float: left; text-align: right; margin-right: 30px; margin-top: 6px;} .blogSearchText {font-weight: bold;} .blogSearch input {width: 150px; margin-bottom: 6px;} .blogSearch input.submit {width: 80px; border: 1px solid #CCCCCC; background-color: F4F4F4;} /**********************/ /* SHORT STORY styles */ /**********************/ .storyListCon {width: 185px; height: 260px; float: right; border-left: 1px solid #cccccc; margin: 10px; padding: 8px;} .storyListDetails {width: 210px; height: 275px; z-index: 650; left: 430px; top: 310px; position: absolute; text-align: left;} .storyListDetails h3 {color: #0071af; font-weight: bold;} .storyListDetails .storyListDetailsScroll {overflow: auto; height: 235px; width: 200px; padding: 5px;} .storyListDetails .storyListDetailsScroll .storyListItem {margin-bottom: 10px;} .storyListDetails .storyListDetailsScroll .storyListItem .storyListItemDate {color: #c2c2c2; font-size: .9em; margin-bottom: 5px;} .storyListDetails .storyListDetailsScroll .storyListItem .storyListItemTitle {color: #0071af;} .storyListDetails .storyListDetailsScroll .storyListItem .storyListItemTitle a {color: #0071af; text-decoration: none;} .storyListDetails .storyListDetailsScroll .storyListItem .storyListItemTitle a:hover {background-color: #0071af; color: #FFFFFF;} /*****************/ /* FOOTER STYLES */ /*****************/ #siteFooterCon {width: 100%; height: 242px; margin: 0px auto; padding: 0px; display: block; background: url(../../media/images/site_footer_bg.jpg) repeat-x 0px 0px; clear: both; position: relative; top: 250px; text-align: center;} #blackFooterCon {width: 100%; height: 14px; margin: 0px auto; padding: 0px; display: block; background-color: #000000; clear: both; position: relative; top: 250px;} #siteFooter {width: 987px; height: 242px; margin: 0px auto; padding: 0px; display: block; position: relative; text-align: left;} #footerTitleCon {position: absolute; top: 14px; left: 52px; width: 277px; height: 52px; display: block; background-color: #000000; overflow: hidden; background: url(../../media/images/logo_one_mighty_pen_small.png) no-repeat 0px 0px;} #footerTitleCon h1 {width: auto; height: auto; display: block; margin: 0px auto; padding: 0px; text-align: center; font-size: 2em; font-weight: normal; color: #0071a4; text-indent: -999em; border: 0px;} #footerTitleCon h2 {width: auto; height: auto; display: block; margin: 0px auto; padding: 0px; text-align: center; font-size: 1.1em; font-weight: normal; color: #dd0017; text-indent: -999em; border: 0px;} #footerNavCon {position: absolute; top: 82px; left: 54px; width: auto; height: auto; display: block; padding: 0px; z-index: 5;} #footerNavCon ul#footerNav {display: block; width: auto; height: auto; margin: 0px; padding: 0px; font-size: 1em;} #footerNavCon ul#footerNav li {display: inline; width: auto; height: auto; margin: 0px; padding: 0px 15px 0px 3px !important; padding: 0px 12px 0px 3px; background: url(../../media/images/nav_separator.png) no-repeat center right;} #footerNavCon ul#footerNav li.last {display: inline; width: auto; height: auto; margin: 0px; padding: 0px 0px 0px 3px !important; padding: 0px 0px 0px 3px; background: none;} #footerNavCon ul#footerNav li a, #footerNavCon ul#footerNav li.last a {text-decoration: none; color: #000000;} #footerNavCon ul#footerNav li a:hover, #footerNavCon ul#footerNav li.last a:hover {text-decoration: none; color: #0071a4; background-color: transparent;} #copyrightCon {position: absolute; top: 200px; left: 54px; width: auto; height: auto; display: block; padding: 0px; z-index: 5; font-size: .8em; color: #EEEEEE;} #copyrightCon a {text-decoration: none; color: #EEEEEE;} #copyrightCon a:hover {text-decoration: underline; color: #de0018; background-color: transparent;} #ie6Spacer {position: absolute; top: 250px; left: 54px; width: auto; height: auto; display: block; padding: 0px; z-index: 5; font-size: .8em; color: #EEEEEE;} #writerChrisCon {width: 258px; height: 230px; display: block; position: absolute; top: -17px; left: 696px; background: url(../../media/images/chris_slatter_writer.gif) no-repeat 0px 0px; z-index: 100;}