/*
Theme Name: TheDailyGlobe Home
Theme URI: http://techwraith.com
Description: A custom theme for The Daily Globe Home Page
Author: Jeff & Daniel Erickson, Christopher Stumph
Theme URI: http://techwraith.com
version: 1.5

Tags: gloob
*/
@import url("css/reset.css");
@import url("css/buttons.css");
@import url("css/category.css");
@import url("css/just-in.css");
@import url("css/tweets.css");
@import url("css/topics.css");
@import url("css/single.css");
/*@import url("css/events.css");
@import url("css/tweets.css");*/


body {background: #EFEFEF; color: #222; font-size: 12px;}
a {color: #0066CC; text-decoration: none;}
.left {float: left;}
.right {float: right;}
.clearL {clear: left;}
.clearR {clear: right;}
.clear {clear: both;}
.center {text-align:center; margin: 0 auto;}
.arrowL {border-left: 14px solid transparent; border-top:13px solid #BBB; margin-left: -30px; height:0; left:0; line-height:0; position:relative; top:-7px; width:0; z-index: 4; }
.arrowR {border-right: 14px solid transparent; border-top:13px solid #BBB; margin-left: 955px; height:0; left:0; line-height:0; position:relative; top:-23px; width:0; z-index: 4; }
/*deleted user features
#profile_box {color:#DDD;position: absolute; top: 25px; left: 30px;}
#profile_box img {display: inline-block; float: left;}
#pro_wrap {display: inline-block;padding: 0px 10px;}
#name {font-size: 14px; color: #FFF;padding: 0px 0px 3px 0px; }
#points {text-align: center; font-size: 14px;}
#points_box {color: #333;padding: 0px 3px 3px 3px;display: inline-block; border: 1px solid #BBB; margin-right: 3px;}
#avatar {display: block;}
#location {color:#000;font-size:16px;} */

/* Header */
#header {background: #6388B9; height: 100px; padding:0 30px; background: -webkit-gradient(linear, left top, left bottom, from(#6388B9), to(#7F9EC7)); background: -moz-linear-gradient(top, #6388B9, #7F9EC7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#6388B9, endColorstr=#7F9EC7); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#6388B9, endColorstr=#7F9EC7)";}
.logo {background: url('images/logo.png'); width: 267px; height: 104px; margin: auto; display: block;}
.appstore {background: url('images/appstore.png'); width: 124px; height: 39px; margin: -62px 0px 0px 0px; display: block;}
.twitter {background: url('images/twitter.png'); width: 206px; height: 53px; margin: -64px 0px 0px 0px; display: block;}
/*nav*/
#nav {background: #b7b7b7;height: 35px; width: 100%; border-bottom: 1px solid #666; background: -webkit-gradient(linear, left top, left bottom, from(#EBEBEB), to(#B7B7B7)); background: -moz-linear-gradient(top, #EBEBEB, #B7B7B7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#EBEBEB, endColorstr=#B7B7B7); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#EBEBEB, endColorstr=#B7B7B7)";}
#nav > ul, #topper_nav > ul {text-align: center;padding-top:8px;}
#nav li {padding:0px 3px;display:inline-block;border-left: 1px solid #BBB;font-size:1.5em;text-shadow:0 1px 0 #DDDDDD; font-family: georgia;color:#555;}
#nav li:first-child {border-left:none}
#nav a {color:#555;}
#nav a, #topper_nav a {font-size:1.5em;text-shadow:0 1px 0 #DDDDDD; font-family: georgia;}
#nav a {font-size:1em;}
#nav a:hover, #topper_nav a:hover {color:#FFF;text-shadow:0 -1px 0 #555;}
#topper_nav {z-index:20;width: 1005px;height: 39px;margin:0 0 0px -29px;border-bottom:1px solid #777;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;background:-webkit-gradient(linear, left top, left bottom, from(#c9c9c9), to(#a3a3a3)); background: -moz-linear-gradient(top, #c9c9c9, #a3a3a3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#c9c9c9, endColorstr=#a3a3a3); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#c9c9c9, endColorstr=#a3a3a3)"; -webkit-box-shadow: 0px 2px 5px #888; -moz-box-shadow: 0px 2px 5px #888; position: relative;}
#topper_nav > ul > li {display: inline-block; margin-top: 1px; padding: 0px 4px 0px;border-left: 1px solid #999;}
#topper_nav ul li ul {display: none;}
#topper_nav li:first-child {border-left: none;}
#topper_nav a {color:#444;font-weight: normal; }
.nav_button {display:inline-block; float: left; border-top: 1px solid #999;border-left: 1px solid #999;border-right: 1px solid #666;border-bottom: 1px solid #666; margin: -22px 0px 0px 6px;padding: 1px 3px 4px;}
.nav_button:hover {border: 1px solid #8F8FBF; -moz-border-radius: 5px;-webkit-border-radius: 5px;}

#search_wrap {display: inline-block;margin: -22px 15px 0px; }
#login {margin-left: 15px;}

/* Nav dropdown menus */
.children {display:block;position:absolute;padding-top:11px;margin-left: -5px;}
ul.children li.cat-item {border-bottom:1px solid #888;border-left:1px solid #666;border-right:1px solid #666;padding:1px 10px 4px;background:-webkit-gradient(linear, left top, left bottom, from(#c9c9c9), to(#a3a3a3)); background: -moz-linear-gradient(top, #c9c9c9, #a3a3a3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#c9c9c9, endColorstr=#a3a3a3); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#c9c9c9, endColorstr=#a3a3a3)";}
ul.children li.cat-item:first-child {position:relative;}
ul.children li.cat-item:last-child {border-bottom: 2px solid #444;-moz-border-radius: 1px 1px 4px 4px;-webkit-border-radius: 1px 1px 6px 6px;}
.shadow_filler { -webkit-box-shadow: 0px 2px 5px #555; -moz-box-shadow: 0px 2px 5px #888;
height: 2px;
position: relative;}
/* content */
#centerer {width: 1024px; margin: auto;}
#content {background: #FFF; width: 947px; margin: 20px auto 0px; padding: 0px 15px 30px; -webkit-box-shadow: 0px 0px 7px #888; -moz-box-shadow: 0px 0px 7px #888; box-shadow: 0px 0px 7px #888; behavior: url(ie-css3.htc); }
#title_area {height: 100px; padding: 10px 0px;}
#page_title {color: #222;text-shadow:0 1px 1px #333;display: block; text-align: center; font-size: 59px; font-family: georgia, serif;margin-bottom:15px;}
#date {text-align: center; color: #555;font-size:22px;}
#content_block_1, #content_block_2, #content_block_3 {margin-bottom: 0px;}

/* Slideshow */
#page_topper {background: url('images/slideframe.png'); margin: 0px 0px 20px -30px; width: 1007px; height: 301px; z-index: 50; }
#slideshow {height: 259px; overflow: hidden; margin: 17px 0 0 17px;}
#slide_holder {width: 606px; height: 259px; overflow: hidden;}
#slide_holder .slide img {width: 606px; height: 259px;}
#slide_holder .slide h2 {position: relative; top: -64px; left: 0;}
#slide_holder .slide h2 a {display:block; background-color: rgb(22,22,22); background: rgba(22,22,22,0.75);padding:10px;color:#FFF;font-size:22px;}

.prev {display:block;background:url('images/slidebuttonL.png');width:33px;height:67px;position:relative;top:-151px;left:0px;z-index: 10}
.next {display:block;background:url('images/slidebuttonR.png');width:33px;height:67px;position:relative;top:-220px;left:573px;z-index: 10}
/* Home */
.cat_title {color: #000;font-size: 20px;height: 30px; background: #eee; line-height: 155%; padding: 3px 0px 1px 8px; -moz-border-radius:3px 3px 3px 3px; -webkit-border-radius:3px 3px 3px 3px; border-radius: 3px; }
.cat_title a {color:#000;}
.cat_title a:hover {color: #99bbee;}
.post {width: 100%; min-height: 120px; border-bottom: 1px solid #EEE; }
.post:last-child {border: none;}
#content_block_2 .post {min-height: 150px;}
#cat_0 {width: 295px;margin-right:11px;}
#cat_1 {width: 295px;}
#cat_2, #cat_4 {width: 335px}
#cat_3 {width: 430px; margin: 0px 0px 0px 10px;}
.post_title {margin: 15px 0px; font-size: 18px;}
.post_title a {color:#222;}
.post_title a:hover {color: #0066CC;}
.post_excerpt {font-size: 14px; line-height: 120%;font-family: Helvetica, Arial, sans-serif;}
.post img {float: left; margin: 0px 10px 10px; max-width: 80px; max-height: 100px;}
.post_meta {font-size: 11px;  margin: 15px 0px; width: 100%; text-align: right; clear: both;}
.mini_cat { clear: right; width: 19%; margin: 0px 0px 0px 11px;}
.mini_cat:first-child {margin: 0px 0px 0px 1px;}
.mini_cat .post img {margin: 0px 0px 10px; width:200px !important; max-width: 100% !important; max-height: 130px; height: 130px;}
.mini_cat .post_title {margin: 5px 0px;}
.mini_cat .cat_title{padding:2px 0 1px 5px;font-size:18px;}
/* Sidebar */
#sidebar {width:280px;}
.widget_bg {padding: 20px;}
.widget_bg h3 {margin-bottom: 10px;}
.iphone_app_img {margin-left: -8px;}
#sidebar .widget_bg, .pretty_ad	{
	background:#f9f9f9;
	border:10px solid #efefef;
	padding:10px;
	margin-bottom:10px;
	/* optional rounded corners for browsers that support it */
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
.widget_bg h3 {background: #555;color: #FFF;padding: 3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
#recent_posts li {margin:8px 0px 0px 5px;}
#recent_comments li {margin: 8px 0px 0px 5px;}
/* ads */
.a160x600 {background: #EFEFEF; width: 160px; height: 600px;}
.a300x250 {background: none; width: 300px; height: 250px;}
#topper_box {left: 44px; position: relative; top: 21px;}
/* footer */
#footer {position: relative; height: 117px; width: 100%; margin: 20px 0px;}
#footer_content {width: 1000px; margin: auto; text-align: center;}
#footer_content ul li {display: inline-block; font-size: 16px; font-weight: bold; padding: 0 20px;}
#footer_content p {margin-top: 20px;}
/*
*** former pagetopper code (no images) ***
border-top: 1px solid #F5F5F5; border-bottom: 1px solid #999; background: #EBEBEB; background: -webkit-gradient(linear, left top, left bottom, from(#EBEBEB), to(#CDCDCD)); background: -moz-linear-gradient(top, #EBEBEB, #CDCDCD); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#EBEBEB, endColorstr=#CDCDCD); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#EBEBEB, endColorstr=#CDCDCD)"; -webkit-box-shadow: 0px 2px 7px #888; -moz-box-shadow: 0px 2px 7px #888; box-shadow: 0px 2px 6px #888; behavior: url(ie-css3.htc); position: relative; width: 1042px;
*/