@charset "UTF-8";

/*
Theme Name: abouTimer
Theme URI: http://de-interactive.co.za/
Description: abouTimer by <a href="http://alexmaughan.com/">Alex Maughan</a>.
Version: 1.0
Author: Alex Maughan
Author URI: http://alexmaughan.com
Tags: red, black, grey
*/


/*-------------- GLOBAL ------------------*/


* {margin:0; padding:0;}

body {font-family:Arial, Helvetica, sans-serif;  color:#000; font-size:11px; line-height:18px; text-align:center; background:#eee; padding-bottom:20px;}

ul, li {list-style-image:url(images/bullet.gif);}

ul {padding:0 0 0 30px;}

input, textarea {font-family:Arial, Helvetica, sans-serif; font-size:11px;}

p {margin-bottom:10px;}

a img, a img:visited {border:none; text-decoration:none; outline:none;}

a, a:visited {outline:none; text-decoration:none; color:#F00;}

a:hover, a:visited:hover { text-decoration:underline;}

#container {width:788px; text-align:left; margin:0 auto;}

#header {width:788px; height:230px; background:url(images/collar.jpg) no-repeat top left;}

#logo {float:right; width:340px; height:113px; margin-bottom:-48px; position:relative; z-index:10;}

#banner_pic {width:788px; height:165px;}

#nav {height:52px; background:#000; color:#FFF; text-align:center; padding-left:10px; border-top:1px solid #999; filter:alpha(opacity=80); -moz-opacity:0.80; -khtml-opacity: 0.80; opacity:0.80; margin-top:-52px;}

#nav a, #nav a:visited {display:block; float:left; color:#FFF; font-size:13px; font-weight:bold; padding:18px 15px;}

#nav a:hover, #nav a:visited:hover {color:#F00; text-decoration:none;}

#content {padding-top:20px;}

#main_column {float:left; width:620px; overflow:hidden;}

.ad_banner_cont {clear:both; width:620px; height:60px; text-align:center; margin-bottom:15px;}

.ad_banner {width:468px; height:60px; background:#ccc; margin:0 auto; }

.ad_120_90 {width:120px; height:90px; background:#CCC; margin-top:15px;}


/*-------------- SIDEBAR ------------------*/


#sidebar {float:right; width:163px;}

#s_box {width:135px; float:left; border:1px solid #ddd; padding:2px;}

#s_submit {background:#000; width:20px; color:#FFF; border:none; font-size:9px; padding:2px; cursor:pointer; border:1px solid #ddd;}

#browse_head {width:163px; height:27px; background:url(images/browse_stories.jpg) no-repeat top left; margin-bottom:-6px;}

#browse_head p {margin:0; padding:2px 0 0 12px; color:#FFF;}

#latest_mag {width:163px; height:211px; background:#333; margin-top:20px;}

#latest_mag img {margin:4px}

.view_mag {height:30px; margin:-34px 0 0 4px; width:155px; background:#f00; color:#FFF; text-align:center; filter:alpha(opacity=80); -moz-opacity:0.80; -khtml-opacity: 0.80; opacity:0.80; text-transform:uppercase; font-weight:bold;}

.view_mag p {margin:0; padding-top:7px;}

.view_mag p a, .view_mag p a:visited {color:#FFF;}

.view_mag p a:hover, .view_mag p a:visited:hover {display:block; padding-left:10px; text-decoration:none;}

#storydropdown {width:163px; padding:0px;}

#storydropdown option {padding:2px 0 2px 5px;}

#twitter {background:url(images/twitter_bg.jpg) top left no-repeat; width:155px; height:32px;}

#twitter a, #twitter a:visited {color:#FFF; padding-left:30px; line-height:30px;}


/*-------------- HOME PAGE ------------------*/


.section_box {width:290px; height:220px; background:url(images/sec_header.jpg) no-repeat top left; border:1px solid #CCC; float:left; margin:0 15px 15px 0;}

.section_box h1 {font-family:"Times New Roman", Times, serif; color:#FFF; font-size:14px; font-style:italic; text-align:right; padding:5px 15px 0 0; letter-spacing:0.05em;}

.section_box ul {padding-top:25px; height:148px;}

.section_box li a, .section_box li a:visited {color:#000; font-size:12px;}

.section_box li a:hover, .section_box li a:visited:hover {text-decoration:underline;}

.slug {text-transform:uppercase; font-size:9px; color:#F00;}

.section_box .more {width:72px; height:19px; background:url(images/more_bg.gif) no-repeat top left; float:right; padding-left:7px;}

.section_box .more a, .section_box .more a:visited {text-transform:uppercase; color:#333; font-size:10px; text-decoration:none;}

.section_box .more a:hover, .section_box .more a:visited:hover {color:#F00}


/*-------------- FOOTER ------------------*/


#onetime {clear:both; float:right;}

#footer {clear:both;width:788px; background:url(images/footer_bg.jpg) no-repeat top left; height:50px;}

#footer_links {color:#999; padding:25px 0 0 10px;}

#footer_links a, #footer_links a:visited {color:#999;}

#footer_links a:hover, #footer_links a:visited:hover {color:#fff;}


/*-------------- ARTICLE LISTING ------------------*/


.listing {background:none; padding-left:7px; width:283px; height:270px;}

.listing h1, .listing h1 a, .section_box h1 a:visited {font-family:"Times New Roman", Times, serif; color:#900; font-size:14px; font-style:italic; text-align:left; padding-top:5px; letter-spacing:0.05em;}

.listing .date {font-size:9px; text-transform:uppercase; color:#666;}

.listing .thumb img { padding:2px; background:#333;}

.listing p {padding:10px 5px 5px 5px;}


/*-------------- PAGINATION ------------------*/


#pagination {text-align:center; clear:both;}

#pagination .wp-pagenavi a, .wp-pagenavi a:link {padding: 2px 4px 2px 4px; margin: 2px;text-decoration: none;color:#FFFFFF; background-color:#000;}

#pagination .wp-pagenavi a:visited {padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; color:#FFFFFF; background-color:#000;}

#pagination .wp-pagenavi a:hover {background-color:#F00;}

.wp-pagenavi a:active {padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #999999; color:#FFFFFF; background-color:#000;}

.wp-pagenavi span.pages {padding: 2px 4px 2px 4px; margin: 2px 2px 2px 2px; color:#000; text-transform:uppercase; font-size:10px;}

.wp-pagenavi span.current {padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; color:#FFFFFF; background-color:#f00;}

.wp-pagenavi span.extend {padding: 2px 4px 2px 4px; margin: 2px; color:#999999; background-color:#000;}


/*-------------- COMPETITIONS ------------------*/


.comps .date {color:#000; height:300px;}

.comps .thumb {margin-top:5px;}


/*-------------- GENERIC PAGES ------------------*/


#generic {padding-right:40px;}

#generic h1 {font-family:"Times New Roman", Times, serif; color:#900; font-size:16px; font-style:italic; margin:10px 0; letter-spacing:0.05em;}

#generic img {padding:2px; border:1px solid #999;}

#generic img.right {float:right; margin:0 0 10px 10px;}

#generic img.left {float:left; margin:0 10px 10px 0;}




/*-------------- COMMENT TEMPLATE ------------------*/


.comment_item {clear:both; padding-bottom:20px; width:570px; border:1px solid #ccc; background:#ddd; margin-bottom:20px;}

.comment_txt {margin:10px;}

#generic .comment_txt h1 {margin-bottom:10px; border-bottom:1px dotted #666666; padding-bottom:3px; font-size:14px; color:#000;}

h2#comments {font-weight:normal; font-size:14px;}



/*-------------- PAST ISSUES ------------------*/


.past_edition {float:left; width:140px; height:202px; margin:0 15px 25px 0;}

.past_edition .date {float:right; background:#900; padding:0 5px; color:#FFF; margin-right:2px; font-size:10px;}

.past_edition .thumb {clear:right; width:140px; height:182px; background:#333;}

.past_edition .thumb img {margin:2px 0 0 2px;}

.past_edition .view_mag {height:30px; margin:-32px 0 0 2px; width:136px;}

.view_mag { background:#f00; color:#FFF; text-align:center; filter:alpha(opacity=80); -moz-opacity:0.80; -khtml-opacity: 0.80; opacity:0.80; text-transform:uppercase; font-weight:bold;}