/*
Theme Name: aboveGround Magazine Theme
Theme URI: http://abovegroundmagazine.com
Description: Custom-built theme for aboveGround Magazine.
Version: 3.0.0
Author: Tyler E. Hakes, Editor/Publisher, aboveGround Magazine
Author URI: http://abovegroundmagazine.com
Colors: D71920 (Red), ffe400 (Gold), 333333 (D. Gray), 444444 (L. Gray), 000000 (Black)
*/



/* Page Construction */
html {margin-top: 0;}
body {font-size: 14px; font-family: Helvetica, Arial, Sans-Serif;background: #FFF;color: #000;top: 0; margin: 0;}
.wrapper {width: 974px; margin: 0 auto; padding: 10px;}
#content {background-color: #FFF;}
#topbar {height: 30px; border-bottom: 1px solid #444;}
#topbar ul {margin: 0 10px 0 0;}
#header {background-color: #000; width: 100%;}
#footer {background-color: #000; width: 100%; color:#FFF;border-top: 1px solid #444; }
#prefooter {background-color: #000; border-top: 1px solid #444; color:#FFF;}
.clearer {clear: both;}
.alignleft {float: left;}
img.alignleft {margin: 0 5px 5px 0;}
.alignright {float: right;}
.aligncenter {display: block; text-align: center;margin: 0 auto;}
#left-content img.alignright {margin: 0 0 10px 10px;}
#ad-Leaderboard {padding: 10px 0;width: 728px; margin: auto;}

#left-content {float: left; width: 660px; position: relative;}
div#pagetopper {width: 856px; height: 137px; overflow: hidden;}
#pagetopper ul {height: 137px; width: 2000px;position: relative;}
#pagetopper ul li {width: 204px;}
#pagetopper .blackbox {z-index: 20;position: absolute; bottom: 5px; opacity: .90;width:196px;margin-left: 2px;}


/* Navigation */
#MainBanner {margin-right: 15px;}
#topnav li {margin: 0;position: relative;}
span.link-span {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#topnav li:hover {height: 100%;}
#topnav li:hover ul{display:inherit;}
#topnav li ul li:hover {background-color: #000;}
#topnav a {display: block; text-indent: -9999px; height: 110px;}
a.MusicNav {width: 127px; background:url('http://abovegroundmagazine.com/wp-content/themes/aboveGround2/images/New_Nav/Music.jpg');}
a.MusicNav:hover {width: 127px;background:url('http://abovegroundmagazine.com/wp-content/themes/aboveGround2/images/New_Nav/Music_MO.jpg');}
a.FashionNav {width: 169px; background:url('http://abovegroundmagazine.com/wp-content/themes/aboveGround2/images/New_Nav/Fashion.jpg');}
a.FashionNav:hover {width: 169px;background:url('http://abovegroundmagazine.com/wp-content/themes/aboveGround2/images/New_Nav/Fashion_MO.jpg');}
a.CultureNav {width: 173px;background:url('http://abovegroundmagazine.com/wp-content/themes/aboveGround2/images/New_Nav/Culture.jpg');}
a.CultureNav:hover {width: 173px;background:url('http://abovegroundmagazine.com/wp-content/themes/aboveGround2/images/New_Nav/Culture_MO.jpg');}

ul.navdrop {width: 100%;background-color: #D71920; color: #FFF;display:none;position: absolute;z-index: 9999;top: 80px;padding: 5px;list-style-type: none;}
ul.navdrop li {float: none; font-size: 16px; display: block; padding: 20px;font-weight: bold;border-bottom: 1px solid #000;}
ul.navdrop li a {height: auto !important; text-indent: 0 !important;}
ul.navdrop li a:link {color: #000; text-decoration: none; font-weight: bold;}
ul.navdrop li a:visited {color: #000; text-decoration: none; font-weight: bold;}
ul.navdrop li a:hover {color: #FFF; text-decoration: none; font-weight: bold;}
ul.navdrop li a:active {color: #FFF; text-decoration: none; font-weight: bold;}

/* Forms & Search */
.submitbutton {border: 1px solid #999; background-color: #D71920; color: #FFF; font-weight: bold; font-family: Helvetica, Arial, Verdana, sans-serif; padding: 2px; margin-left: 5px;}
.textfield {border: 2px solid #D71920; color: #646464; font-style: italic;}
.graysearch {color: #646464; border: 2px solid #D71920; font-style: italic;}
.blacksearch {color: #000; border: 2px solid #D71920;}
#search {float: right; position: relative; top: -8px;}

/* AGM Gallery Style */
ul.agmgallery img{margin-bottom: 5px;}
ul.agmgallery a img {border: 1px solid}
ul.agmgallery li.currentimg img {border: 1px solid #D71920;}
img.agmgallery-main {margin-bottom: 10px;}
div.agmgallery-container {background-color: #DDD; padding: 10px;}
div.agmgallery-container img {max-width: 640px;margin-top: 5px;height: auto;}

/* List Styles */
ul.floating {list-style-type: none; padding: 0; margin:0 0 20px 0;}
ul.floating li {float: left; margin-right: 10px; position: relative;}
ul.floating li ul li {float: none;}
ul.plus {list-style-image: url('http://abovegroundmagazine.com/wp-content/themes/aboveGround2/images/plus-list.png'); padding-left: 20px;}
ul.plus li {margin-bottom: 10px;}
ul.two li {width: 325px;}
ul.two li ul li {width: 100%}
ul.three li {width: 31%; margin-bottom: 10px;}
ul.three li ul li {width: 100%}
ul.four li {width: 22%;}
ul.four li ul li {width: 100%}
ul.plain {list-style-type: none; padding: 0px;margin:0 0 20px 0;}
ul.arrow {background: url("http://abovegroundmagazine.com/images/photographs/sidebar-marker1.png") no-repeat scroll 0 22px transparent;overflow: hidden; margin-top: -20px; padding-top: 45px;}
ul.audio li {margin-bottom: 10px; border-bottom: 1px solid #DDD;}
ul.audio li div.container {padding: 10px 20px;}
ul.audio li img {vertical-align: center;}
ul span.track {font-weight: normal;}
li.lastchild {margin-right: 0 !important}
.blackbox {color: #FFF; background-color: #000; padding: 4px;}
.graybox {background-color: #333; color: #FFF; padding: 5px;}
ul.videos {padding: 10px 20px 0px 0px;}
ul.videos li {position: relative;}
ul.videos li .playoverlay {position: absolute; left: 0; top: 0;opacity: .6}

/* HOME */

#home-slider {width: 720px; height: 385px;position: relative;left: -10px;float: left;overflow: hidden;}
#home-slider ul {width: 9999px; list-style-type: none; padding:0;left: 0;position: relative;}
#home-slider ul li {float: left;width: 715px;margin-right: 10px;}
#home-slider ul li div.graybox {width:280px; height: 375px; float: left;}
#home-slider ul li span.red-block {position: relative;top: 10px; left: -7px; margin-bottom: 10px;display: inline-block;}
#slider-nav {position: absolute; bottom: 0; padding: 10px;font-size: 35px; width: 250px;}
li.story-block{width: 204px; float: left; margin-right: 20px; position: relative;}

#sub-form {background-image:url('http://abovegroundmagazine.com/wp-content/themes/aboveGround2/images/aboveground-sub-form.png'); width:250px; height: 139px; padding-top: 240px; position: relative;}

/* Sidebar */
#sidebar {float: right; margin: 0 0 0 10px;width:300px; padding: 0; list-style-type: none;}
#sidebar li {margin-bottom: 20px;}

.popular_posts ul {list-style-type: none; padding: 0; background: url("http://abovegroundmagazine.com/images/photographs/sidebar-marker1.png") no-repeat scroll 0 22px transparent;overflow: hidden; margin-top: -20px; padding-top: 45px;}
.popular_posts ul li {padding-bottom: 10px; margin-bottom: 10px; border-bottom: 4px double #D71920;clear: both;}
.popular_posts ul li img {vertical-align: middle; float: left;margin-right: 10px;}

/* Text Styles */
.cap {text-transform: uppercase;}
.red-block {padding: 5px; color: #FFF; font-weight: bold; background-color: #D71920; font-size: 16px;}
.sectionheader {font-size: 20px; border-bottom: 4px #000 solid; font-family: Tahoma, Geneva, sans-serif; margin-bottom: 5px;}
.regheader {font-size: 28px;}
.red {color: #D71920;}
.size-lg {font-size: 26px;}
.size-med {font-size: 17px;}
.alpha {font-family: Oswald, Helvetica, Arial, Sans-Serif;font-weight: bold}
.cat-label {position: absolute; top: 10px; left: 0px;}

/*Post Styles */

#breadcrumbs {margin: 0; font-size: 10px;}
.post h1{font-size: 36px;color:#333;margin: 0;}
.post h2{font-size: 32px;color:#333;margin: 0;font-family: Oswald, Helvetica, Arial, Sans-Serif;}
.post .title {border-bottom: 6px solid #333;}
.postinfo {font-size: 10px; font-style: italic;}
.post .graybox{margin-bottom: 10px;}
#postfooter {background-color: #DDD; border: 1px solid #CCC; padding: 10px 20px;margin-bottom: 20px;}
#more-content li {width: 150px; margin-right: 20px;margin-bottom: 10px;}
#social-icons {width: 110px; position: absolute; left: -131px; top: 20px; padding: 5px; text-align: center;}
ul.single-two li {width: 325px; margin-right: 10px;}
.featurequote {font-size: 22px; color: #D71920; width: 280px;font-family: Oswald, Helvetica, Arial, Sans-Serif;padding: 15px;}
#subform-bottom {position: relative; background-image: url('/wp-content/themes/aboveGround_Mag/images/subscribe-wide-form.png');width: 660px; height: 200px;}

#afterpost {width: 490px; margin-left: 10px; float: right;}
#afterpost .sectionheader {margin-bottom: 5px;}
#afterpost .graybox {margin:10px 0}


/* REVIEWS */

#review-box {width: 250px; background-color: #DDD; float: right;padding: 10px; margin: 0 0 10px 10px;}

/* ARCHIVE */

div.archive {padding: 20px; border-bottom: 1px solid #333;}

/* Link Styles */

a:link {color: #000; text-decoration: none; font-weight: bold;}
a:visited {color: #000; text-decoration: none; font-weight: bold;}
a:hover {color: #D71920; text-decoration: none; font-weight: bold;}
a:active {color: #D71920; text-decoration: none; font-weight: bold;}

a.agmred:link {color: #D71920;}
a.agmred:visited {color: #D71920;}
a.agmred:hover {color: #FFF;}
a.agmred:click {color: #FFF;}

a.agmred-b:link {color: #D71920;}
a.agmred-b:visited {color: #D71920;}
a.agmred-b:hover {color: #000;}
a.agmred-b:click {color: #000;}

a.white:link {color: #FFF;}
a.white:visited {color: #FFF;}
a.white:hover {color: #D71920;}
a.white:click {color: #D71920;}

.blackbox a:link {color: #FFF;}
.blackbox a:visited {color: #FFF;}
.blackbox a:hover {color: #D71920;}

.alpha a:link {font-weight: normal;}
.alpha a:visited {font-weight: normal;}
.alpha a:hover {font-weight: normal;}
.alpha a:active {font-weight: normal;}


a.more:link {color: #ffe400; text-decoration: none; font-weight: bold; margin: 10px;padding: 10px; background-color: #000}
a.more:visited {color: #ffe400; text-decoration: none; font-weight: bold; margin: 10px;padding: 10px; background-color: #000}
a.more:hover {color: #FFF; text-decoration: none; font-weight: bold; margin: 10px;padding: 10px; background-color: #000}
a.more:active {color: #FFF; text-decoration: none; font-weight: bold; margin: 10px;padding: 10px; background-color: #000}