/* GeoffColvin.com Stylesheet */

/* Global Styles */
body { background:#fff url(/assets/images/bg-body.jpg) bottom left repeat-x; font:12px/20px Arial, sans-serif; color:#636363; margin:0 auto; }
#main { background:url(/assets/images/bg-main.jpg) top center repeat-x; min-height:375px; padding:45px 0 50px 0; }
.wrapper { width:960px; margin:0 auto; }
h1, h2, h3, h4, h5, h6 { font-family:'hn75b', Helvetica, sans-serif; }
h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}
p { margin:0 0 20px; }
em { font-style:italic; }
strong { font-weight:bold; }
a { text-decoration:none; }
.divider { height:1px; margin:20px 0; border-bottom:1px solid #dadada; }
/* Clearfix (all browsers) */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
*:first-child+html .clearfix {min-height: 1px;}
.clearing {clear:both; height:0; overflow:hidden; margin:-1px 0 0 0;}
.inStoryHeading, .storytimestamp { padding:0 20px; }

/* Header Styles  */
#logo { float:left; font-family:'bodoni', Georgia, serif; color:#444444; font-size:50px; line-height:50px; letter-spacing:2px; text-transform:uppercase; text-shadow:2px 2px 4px #888; margin-top:-15px; }
#logo a { color:#444444; }
#search { float:right; width:185px; height:50px; }
#search input { background:url(/assets/images/bg-search.png) no-repeat; border:0; padding:0 25px 5px; width:135px; height:22px; line-height:22px; }

/* Nav Styles */
#nav { float:left; clear:both; }
#nav ul li { float:left; font-size:18px; font-family:'hn75b', Helvetica, sans-serif; position:relative; display:block; padding:0 0 10px 0; }
#nav ul li a { color:#666666; padding:0 15px 0 15px; }
#nav ul li:first-child a { padding:0 15px 0 0; }
#nav ul li a:hover,
#nav ul li a.on { color:#3c8cc2 }
#nav ul li ul { display:none; }
#nav ul li:hover ul { position:absolute; top:25px; left:-65px; display:block; width:900px; padding:2px 0; }
#nav ul li:hover ul li { float:left; margin:0 15px 0 0; }
#nav ul li:hover ul li a { color:#000; /* background:url(/assets/images/bg-nav-li.png) 0% 55% no-repeat;  */padding:0 0 0 20px; font-size:13px; line-height:14px;}
#nav ul li:hover ul li a:hover { color:#3c8cc2; /* background:url(/assets/images/icon-arrow.png) 0% 55% no-repeat; */ }


#nav ul li ul.books { position:absolute; top:25px; left:-65px; display:block; width:900px; padding:2px 0; }
#nav ul li ul.books li { float:left; margin:0 15px 0 0; }
#nav ul li ul.books li a { color:#000; background:none; /* background:url(/assets/images/bg-nav-li.png) 0% 55% no-repeat;  */padding:0 0 0 20px; font-size:13px; line-height:14px;}
#nav ul li ul.books li a:hover,
#nav ul li ul.books li a.on { color:#3c8cc2; background:none; /* background:url(/assets/images/icon-arrow.png) 0% 55% no-repeat; */ }

/* Social Media Styles */
#social { float:right; /* height:75px; */ }
#social li { float:left; margin:0 10px 0 0; display:block; position:relative; }
#social li:last-child { margin:0; }
#social li .facebook,
#social li .twitter,
#social li .email { display:none; color:#3c8cc2; font-weight:bold; line-height:14px; }
#social li:hover .facebook { position:absolute; top:30px; left:-34px; display:block; background:url(/assets/images/icon-arrow.png) no-repeat; padding:0 0 0 20px; width:105px; text-align:right; }
#social li:hover .twitter { position:absolute; top:30px; left:-64px; display:block; background:url(/assets/images/icon-arrow.png) no-repeat; padding:0 0 0 20px; width:102px; text-align:right; }
#social li:hover .email { position:absolute; top:30px; left:-80px; display:block; background:url(/assets/images/icon-arrow.png) no-repeat; padding:0 0 0 20px; width:85px; text-align:right; }

/* Carousel Styles */
#carousel { background:url(/assets/images/bg-carousel.jpg) no-repeat; width:959px; height:371px; clear:both; position:relative; z-index:1; margin:40px 0 30px; }
#carousel .image { float:left; width:360px; margin-top:-19px; padding:0 0 0 25px; }
#carousel .copy { float:left; width:480px; padding:60px 69px 40px 25px; }
#carousel h1 { font-family:'hn75b', Helvetica, sans-serif; font-size:30px; color: #666666; text-shadow:1px 0 0 #fff; line-height:30px; margin:0 0 3px; }
#carousel h2 { font-family:'hn76bi', Helvetica, sans-serif; font-size:18px; color:#fff; margin:0 0 15px; }
#carousel p { color:#fff; font-size:14px; margin:0 0 15px; line-height:16px; }
#carousel a { color:#6dcff6; }
#pager { position:absolute; top:335px; left:410px; z-index:200; }
#pager a { width:16px; height:16px; text-indent:-9999px; background: url(/assets/images/bg-pager.png) no-repeat; margin:0 8px 0 0; display:block; float:left; }
#pager a.activeSlide { background:url(/assets/images/bg-pager-on.png) no-repeat; }

/* Content Styles */
#content { margin:30px 0 30px; }
#content #sidebar { float:left; width:310px; margin:0 15px 0 0; }
#content #sidebarRight { float:left; width:310px; margin:0 0 0 13px; border:1px solid #bbbbbb; -moz-box-shadow:2px 2px 3px #bbbbbb; -webkit-box-shadow:2px 2px 3px #bbbbbb; box-shadow:2px 2px 3px #bbbbbb;  -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
#content #sidebarLeft { float:left; width:310px; margin:0 13px 0 0; border:1px solid #bbbbbb; -moz-box-shadow:2px 2px 3px #bbbbbb; -webkit-box-shadow:2px 2px 3px #bbbbbb; box-shadow:2px 2px 3px #bbbbbb;  -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
#content #sidebarRight p { padding:0;}
#content #sidebar img { }
#content #sidebar h2 { font-size:19px; color:#636363; text-shadow:1px 0 0 #fff; line-height:34px; display:block; background:url(/assets/images/bg-box-h3.png) repeat-x; border-bottom:1px solid #bbbbbb; padding:0 20px; margin:0 0 30px; }

#content #copy { float:left; width:633px; padding:0 0 20px 0; border:1px solid #bbbbbb; -moz-box-shadow:2px 2px 3px #bbbbbb; -webkit-box-shadow:2px 2px 3px #bbbbbb; box-shadow:2px 2px 3px #bbbbbb;  -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; position:relative; }
#content #copy h2,
#content #sidebarRight h2 { font-size:19px; color:#636363; text-shadow:1px 0 0 #fff; line-height:34px; display:block; background:url(/assets/images/bg-box-h3.png) repeat-x; border-bottom:1px solid #bbbbbb; padding:0 20px; margin:0 0 30px; }
#content #sidebarLeft h2 { font-size:19px; color:#636363; text-shadow:1px 0 0 #fff; line-height:34px; display:block; background:url(/assets/images/bg-box-h3.png) repeat-x; border-bottom:1px solid #bbbbbb; padding:0 20px; margin:0 0 30px; }
#content #copy h3 { font-size:17px; color:#8d3737; margin:0 0 20px; padding:0 20px; }
#content #copy h3.book { font-style:italic; }
#content #copy p, #content #copy iframe { padding:0 20px; }
#content #copy a { color:#3c8cc2; font-weight:bold; }
#content #copy a:hover { color:#363636; }

#content #copy p.date { color:#8d3737; margin:0px 0 2px; padding:20px 20px 0; }
#content #copy h3.ftitle { color:#636363; margin:0 0 5px; }
#content #copy h3.ftitle a { color:#636363; font-weight:normal; }
#content #copy h2.fortune { font-size:19px; color:#636363; text-shadow:none; line-height:34px; display:block; background:url(/assets/images/bg-fortune-h3.png) repeat-x; border-bottom:1px solid #bbbbbb; padding:0 20px; margin:0 0 20px;
-moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;  }
#content #copy h2.fortune a { color:#fff; font-weight:normal; background:url(/assets/images/bg-fortune-link.png) right center no-repeat; padding:0 30px 0 0; }
#content #sidebarRight h2 span { float:right; padding:8px 0 0; }
#content #sidebarLeft h2 span { float:right; padding:8px 0 0; }

#content #sidebarRight .archives h3 { font-size:17px; color:#8d3737; margin:20px 0 5px; padding:0 40px; }
#content #sidebarRight .archives a { color:#3c8cc2; font-weight:bold; }
#content #sidebarRight .archives a:hover { color:#363636; }
#content #sidebarRight .archives ul { list-style:none; margin:0 0 20px; padding:0 30px; }
#content #sidebarRight .archives ul li { list-style:none; padding:0 0 0 50px; }

#content .social-block { float:right; padding-right:20px;  }
#content #copy .social-block iframe { padding:0; }

#content #copy h4.comment { margin:0 0 10px; padding:0 0 5px 20px; border-bottom:1px solid #dadada; }

#content #copy .comments p { margin:0 0 5px; }
#content #copy .comments p.name { font-style:italic; font-size:11px; color:#8d3737 }
#content #copy .one { padding-bottom:10px; }
#content #copy .two { padding:10px 20px; background:#f1f1f1; color:#464646; }

#content #copy ul,
#content #copy ol { padding:0 40px; margin:0 0 20px; }
#content #copy ul li { list-style:disc; padding:0 0 5px; }
#content #copy ol li { list-style:decimal; padding:0 0 5px; }

/* Audio Player & Styles */
.audio { padding:15px; background:url(/assets/images/bg-audio.png) top right repeat-y; border-bottom:2px solid #dadada; }
.audio h4 { color:#8d3737; margin-top:8px; }
.audio p { font-size:12px; margin:0; }

.video { margin:-10px 0 15px; }
h3.video, p.video { margin-bottom:5px; }
ul.video { padding:0 20px !important; margin:0 !important; }
ul.video li { width:125px; height:180px; list-style:none !important; float:left; margin:0 30px 15px 0; padding:0; }
ul.video li.four { margin-right:0; }
ul.video img { display:block; margin-bottom:8px; }
ul.video a { color:#8D3737 !important; }

.embed_media { margin:0 auto; padding:0 20px; text-align:center; }
#content #copy .embed_media iframe { padding:0; margin-bottom:20px; }

/* Book Styles */
#content #copy .buy-book { display:block; height:33px; width:100%; position:absolute; bottom:0; }
#content #copy .buy-book h2 {color:#fff; text-shadow:none; line-height:34px; display:block; padding:0 20px; margin:0 0 20px; border:0; background:url(/assets/images/bg-buy-now.png) repeat-x; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px;  }
#content #copy .buy-book h2 a { font-size:18px; color:#fff; font-family:'hn75b', Helvetica, sans-serif; font-weight:normal; background:url(/assets/images/bg-buy-now-h2.png) center right no-repeat; padding:0 30px 0 0; }
#content #copy .buy-book h2 a:hover { background:url(/assets/images/bg-buy-now-h2-h.png) center right no-repeat; }

.buy-box { display:none; width:350px; padding:30px; }
.buy-box h2 { font-family:'hn75b', Helvetica, sans-serif; font-size:18px; color:#8d3737; margin:0 0 10px; }
.buy-box p { font:12px/20px Arial, sans-serif; color:#636363; }
.buy-box a { color:#3c8cc2; }

.news-image img { float:right; margin:0 0 15px 15px; }

/* Lower Boxes */
.box { width:308px; height:318px; float:left; background:#fff; border:1px solid #bbbbbb; margin:0 13px 0 0; 
		-moz-box-shadow: 2px 2px 3px #bbbbbb; -webkit-box-shadow: 2px 2px 3px #bbbbbb; box-shadow: 2px 2px 3px #bbbbbb;  -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;  }
.box h3 { font-family:'hn75b', Helvetica, sans-serif; font-size:19px; color:#636363; text-shadow:1px 0 0 #fff; line-height:34px; display:block; background:url(/assets/images/bg-box-h3.png) repeat-x; padding:0 20px; border-bottom:1px solid #bbbbbb }
.box h3 span { float:right; padding:8px 0 0; }

.box p { margin:0 0 15px; }
.box p.date { color:#3c8cc2; margin:0 0 5px; }
.center { background:url(/assets/images/bg-box-center.png) no-repeat; margin:0 14px 0 0; box-shadow:none; position:relative; }

.center a { position:absolute; top:292px; left:10px; display:block; /* width:100px;  */height:30px; font-size:18px; line-height:20px; color:#fff; font-family:'hn75b', Helvetica, sans-serif; font-weight:normal; background:url(/assets/images/bg-buy-now-h2.png) top right no-repeat; padding:0 30px 0 0; }

.center a:hover { background:url(/assets/images/bg-buy-now-h2-h.png) top right no-repeat; }
.box div { padding:10px 20px 0; }
.box div h2 { color:#8d3737; font-size:17px; }
.box div h2 a { color:#8d3737; font-size:17px; }
.box img { display:none; }
.last { margin:0;}
.last div h2 { color:#636363; }
.last div h2 a { color:#636363; }
.last div p.date { color:#8d3737; }
.last .one,
.box .one { border-bottom: 1px solid #e2e2e2; padding:10px 20px 5px; margin:0 0 5px; }
.box .divider { height:1px; border-bottom:1px solid #e2e2e2; margin:10px 0; padding:0; }

/* Footer */
#footer { margin:30px 0; clear:both; }
#footer a { color:#636363; }
#footer li { float:left; }

/* IE Rounded Corners */
.rounded { behavior:url(border-radius.htc); border-radius:5px; }

/* Form Styles */
input { border:1px solid #dadada; background:#fff; width:250px; padding:10px; font-family:'hn55r', Helvetica, sans-serif; font-size:14px; }
textarea { border:1px solid #dadada; background:#fff; width:450px; padding:10px; font-family:'hn55r', Helvetica, sans-serif; font-size:14px; }
.submit { background:url(/assets/images/bg-box-h3.png) repeat-x; color:#8d3737; font-size:16px; text-shadow:1px 0 0 #fff; line-height:34px; width:150px; padding:0; height:34px; border:1px solid #f1f1f1; font-weight:bold; }