/*
Theme Name: Kate Gardiner
Theme URI: http://kategardiner.com
Description: Based on Starkers By Elliott Jay Stocks
Version: 1.0
Author: Adam Verwymeren
Author URI: http://averwymeren.com
Tags: Kate Gardiner
*/

@import "css/reset.css";
@import "css/typography.css";
@import "css/layout.css";
@font-face {
font-family: RockBold;
src: url('http://kategardiner.com/wp-content/themes/Starkers/fonts/reb.otf');
}
a {color: #9c9c9c; text-decoration: none;}
a:visited {color: #9c9c9c;}
a:hover {color: white; text-decoration: underline;}

/* HEADER */
body { text-align: center; width: 100%; margin:0px; height: 100%; font-family: Helvetica, Arial, sans-serif; }
#wrapper {margin:0px auto; width: 950px; text-align: left; clear:none; height:100%; border: 1px solid #333;}
#background_image { width: 100%; height: 100%; float: left; background-image: url(images/background-image.gif); background-repeat: no-repeat; border: 1px solid #333;}
#header {float: left; margin-top: 0px; clear: left; z-index: 10; position: relative;}

/* NAVIGATION */
#nav {float: right; margin: 10px 7px 0 0px;}
#nav li {margin-right: 3px; float: left; font-size: 13px; font-family: RockBold, Helvetica, Arial; color: #cccccc;}
#nav li a {color: #ccc; text-decoration: none;}
#nav li a:hover {color: white; text-decoration: underline;}

/* SOCIAL MEDIA BUTTONS */
.social-media ul {float: left; margin-left: 17px;  font-family: Helvetica; display: block; margin-top: 3px; margin-bottom: -11px; z-index: 100; position: relative;}
.social-media li {margin-right: 10px; float: left; color: #dcdcdc;}
.social-media li a:hover {opacity: .8;}

/* POST CONTENT (CLIPS & BIO PAGE) */
.main {float: left; width: 425px; color: #cdcdcd; font-family: Helvetica, Arial, sans-serif; margin-left: 25px; clear: both; }
.main a {color: #666;}
.main h2 {font-size: 1.15em; color: #cccccc; text-decoration: none; margin-bottom: 10px; font-family: 'Arial Black', Helvetica, sans-serif; font-weight: normal;}
.main img {margin-right: 10px; }
.main-loop {margin-bottom: 10px; border-bottom: 1px solid #333; padding-bottom: 15px; min-height: 155px; }
.overflow {overflow: hidden; float: left; width: 100%}


/* SIDEBAR */
.sidebar {border-left: 1px solid #333; border-top: 1px solid #333; float: right; width: 375px; color: #cdcdcd; margin-top: 0; clear: none; padding: 0 15px 0 15px; padding-bottom: 2000px; margin-bottom: -2000px;}
.sidebar p {margin-bottom: 1em;}
.sidebar h3 {font-size: 1.5em; font-family: RockBold; font-weight: normal; margin: .25em 0 1em 0; }


/* FRONT PAGE */
.home-page {margin-left: 20px;}
.columns {width: 980px; margin: 0 0 15px 25px; padding-bottom: 25px; font-family: Helvetica, Arial, sans-serif; color: #cccccc; font-size: 16px; overflow: hidden;}
.columns li {width: 270px; float: left; margin-right: 25px; padding-right: 15px; border-right: 1px solid #333; padding-bottom: 2000px; margin-bottom: -2000px;}
.columns img {margin-left: -10px;}
.no-border {border: 0px!important; float: left; width: 270px;}

/* RESUME */
.resume {width: 500px; float: left; clear: both; color: #f0f0f0; font-family: Helvetica, Arial, sans-serif; margin-left: 25px; }
.resume p {margin-bottom: 20px; line-height: 1.15em;}
.resume li {list-style: disc; margin-bottom: 10px; margin-left: 15px;}
.resume h2 {font-size: 1.75em; color: #cdcdcd; margin-bottom: 20px;}
.resume h1 {font-size: 1.25em; }

/* FOOTER */
.footer {text-align: center; width: 100%; color: #ccc; font-size: 12px; margin: 10px 0 20px 0px; padding-top: 10px; clear: both;}
.footer a {text-decoration: none; color: #ccc;}
.footer a:hover {text-decoration: underline; }