/*   
Theme Name: The Gak City Theme
Theme URI: 
Description: Custom Theme for GakCity.com
Author: Allan Cole
Author URI: http://allancole.com/
Template: thematic
Version: 3.1
Tags: Thematic
.

.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');

/* =Global Elements
-------------------------------------------------------------- */
html {background:#FFF url('img/body-bg2.jpg') top center repeat-x;}
body {background:transparent;color:#444;min-width:780px;}
body, input, textarea{font:15px "Helvetica Neue",HelveticaNeue, Helvetica, Arial, sans-serif;line-height:22px}
p, ul, ol, dd, pre{ margin-bottom:22px}
pre, code{font:14px Monaco,monospace; line-height:22px}
blockquote{ color:#36A7A3;  font-style:italic}
table{ border:1px solid #BBD8DC;  border-width:1px 1px 0 1px;  font-size:13px;  line-height:18px;  margin:0 0 22px 0;  text-align:left}
caption{ text-align:left}
tr{ border-bottom:1px solid #BBD8DC}
th, td{ padding:.7em 1.25em}
.hide {visibility:hidden;}
#header a, a {text-decoration:none;}
a:link, a:visited, #siteinfo a:active, #siteinfo a:hover {color:#36A7A3;text-decoration:none;}
a:active, a:hover, .entry-title a:active, .entry-title a:hover, .entry-utility a:active, .entry-utility a:hover, .aside .current_page_item a {color:#666}

/*** THEMATIC SKIN ***/
#access {border-bottom:none;width:990px;height:30px;overflow:hidden;padding-left:10px;background:#FFF;}
#access .menu {margin-left:0;}
.sf-menu{border-right:none;border-bottom-color:#E1E455;float:left;}
.sf-menu a{border:1px solid #FFF; padding:9px 13px; text-decoration:none; -webkit-border-top-left-radius:1em; -moz-border-radius-topleft:1em; border-top-left-radius:1em;-webkit-border-top-right-radius:.3em; -moz-border-radius-topright:.3em; border-top-right-radius:.3em;}
.sf-menu a, .sf-menu a:visited{border-bottom-color:#E1E455;/* visited pseudo selector so IE6 applies text colour*/color:#36A7A3;font-weight:800}
.sf-menu .current_page_item a, 
.sf-menu .current_page_ancestor a, .sf-menu .current_page_ancestor a:visited, 
.sf-menu .current_page_parent a{border-color:#E1E455;border-bottom-color:#FFF}
.sf-menu li.current_page_item{background:#FFF}
.sf-menu li{background:#E1E455;-webkit-border-top-left-radius:1em; -moz-border-radius-topleft:1em; border-top-left-radius:1em;-webkit-border-top-right-radius:.3em; -moz-border-radius-topright:.3em; border-top-right-radius:.3em;}
.sf-menu li li{background:#E1E455}
.sf-menu li li li{background:#9AAEDB}
.sf-menu li:hover, .sf-menu li.sfHover, 
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active{background:#36A7A3;color:#FFF;outline:0;border-bottom-color:#E1E455;-webkit-border-top-left-radius:1em; -moz-border-radius-topleft:1em; border-top-left-radius:1em;-webkit-border-top-right-radius:.3em; -moz-border-radius-topright:.3em; border-top-right-radius:.3em;}
.sf-menu ul{ border-right:none;  border-bottom:1px solid #E1E455}
.sf-menu li:hover ul, 
.sf-menu li.sfHover ul{top:32px; /* overriding essential styles */}
.sf-menu ul ul {margin-top:0;border-bottom:none;border-bottom-color:#fff;}
.sf-menu ul a{ background:#E1E455; border-bottom-color:#fff; border-bottom:none; -webkit-border-top-left-radius:.0em; -moz-border-radius-topleft:.0em; border-top-left-radius:.0em;-webkit-border-top-right-radius:.0em; -moz-border-radius-topright:.0em; border-top-right-radius:.0em;}
.sf-menu ul a:hover{color:#FFF; border-bottom-color:#fff; -webkit-border-top-left-radius:.0em; -moz-border-radius-topleft:.0em; border-top-left-radius:.0em;-webkit-border-top-right-radius:.0em; -moz-border-radius-topright:.0em; border-top-right-radius:.0em;}

#header-adspace {}
#header-adspace-container {padding:15px 0 0;background:transparent;width:1000px;margin:0 auto;}
#header-adspace-aside {text-align:center;}
.home #header {width:340px;height:inherit;float:right;display:inline;margin:10px 160px -100px 0;padding-bottom:0;background:#FFF;}
#header {margin:0;padding-bottom:22px;background:transparent;-webkit-border-top-left-radius:5px; -moz-border-radius-topleft:5px; border-top-left-radius:5px;-webkit-border-top-right-radius:5px; -moz-border-radius-topright:5px; border-top-right-radius:5px;}
#branding {display:inline;width:340px;-webkit-border-top-left-radius:5px; -moz-border-radius-topleft:5px; border-top-left-radius:5px;-webkit-border-top-right-radius:5px; -moz-border-radius-topright:5px; border-top-right-radius:5px;}
#branding #blog-title {padding:10px 0 0;background:#FFF url('img/branding-logo-bg.gif') 5px 5px no-repeat;height:75px;-webkit-border-top-left-radius:5px; -moz-border-radius-topleft:5px; border-top-left-radius:5px;-webkit-border-top-right-radius:5px; -moz-border-radius-topright:5px; border-top-right-radius:5px;}
#branding #blog-title a {height:90px;display:block;}
#branding #blog-description {padding:7px 10px 13px;background:transparent;display:block;margin-top:-40px;}
.home #branding #blog-title {padding:10px 0 0;background:#FFF url('img/branding-bg.gif') 10px 10px no-repeat;height:75px;-webkit-border-top-left-radius:5px; -moz-border-radius-topleft:5px; border-top-left-radius:5px;-webkit-border-top-right-radius:5px; -moz-border-radius-topright:5px; border-top-right-radius:5px;}
.home #branding #blog-description {display:block;margin-top:-40px;}
.slug-gak-approved #branding #blog-title {padding:10px 0 0;background:#FFF url('img/branding-ga-bg.gif') 5px 5px no-repeat;height:75px;-webkit-border-top-left-radius:5px; -moz-border-radius-topleft:5px; border-top-left-radius:5px;-webkit-border-top-right-radius:5px; -moz-border-radius-topright:5px; border-top-right-radius:5px;}
.slug-gak-approved #branding #blog-description {display:block;margin-top:-40px;}

.home .menu {display:inline;width:340px;display:block;}
.home #access {display:inline;width:330px;display:block;}

#wrapper {width:1000px;margin:0 auto;background:#FFF;-webkit-border-top-left-radius:5px; -moz-border-radius-topleft:5px; border-top-left-radius:5px;-webkit-border-top-right-radius:5px; -moz-border-radius-topright:5px; border-top-right-radius:5px;}
#main {clear:none;padding:10px 0 0;margin:0;width:1000px;-webkit-border-top-left-radius:5px; -moz-border-radius-topleft:5px; border-top-left-radius:5px;-webkit-border-top-right-radius:5px; -moz-border-radius-topright:5px; border-top-right-radius:5px;}
#container {width:470px;}
#content {width:470px;}
#content .aside {padding-top:0;border:none}
#content .aside ul {padding:0;margin:0;border:none}
.page-title {font-size:24px;color:#AAA;font-weight:100;}
.entry-title {font-family:"Helvetica Neue",HelveticaNeue, Helvetica, Arial, sans-serif;font-weight:800;text-transform:uppercase;color:#36A7A3}
.single #content .entry-title, .page #content .entry-title {}
#content .entry-content {padding-top:0;font-size:13px;}
.single #content .entry-content, .page #content .entry-content {margin-top:0;padding-top:0;}
.more-link {padding:10px 0;display:block;clear:both;float:none;font-size:11px;}
.more-link a {padding:3px 5px;background:#E1E455;color:#FFF;font-weight:800;}
.more-link a:hover {background:#999;}

#single-video{width:470px;margin:0 0 22px;}

#video {width:470px;height:410px;margin:0 -600px 16px 0;display:block;position:relative;float:left;}
#video object {display:inline;float:left;clear:none;position:absolute;margin-right:-600px;}
#video h3 {font-weight:800;font-size:18px;letter-spacing:0.04em;text-transform:uppercase;padding:2px;}
#video .entry-content {bottom:0;position:absolute;font-size:12px;line-height:16px;}
#video .entry-content p {margin-bottom:0;padding:10px;background:#E1E455;-webkit-border-bottom-left-radius:.3em; -moz-border-radius-bottomleft:.3em; border-bottom-left-radius:.3em;-webkit-border-bottom-right-radius:.3em; -moz-border-radius-bottomright:.3em; border-bottom-right-radius:.3em;}

#video-featured {margin-bottom:22px;}
#video-featured h2 {font-weight:600;font-size:14px;background:transparent url('img/featured-videos-header-bg.gif') left center no-repeat;color:#FFF;padding:2px;margin:0 0 10px;}
#video-featured .video-post {padding:10px;width:470px;font-size:12px;display:table;line-height:16px;background:#EFEFEF;}
#video-featured .video-post h3 {font-weight:800;font-size:12px;line-height:10px;letter-spacing:0.02em;text-transform:uppercase;margin:0 0 10px;}
#video-featured .video-post img.alignleft {clear:left;}
#video-featured .video-post p {margin-bottom:0;padding-right:10px;}
#video-featured .alt {padding:10px;background:#FFF;}

#video-archive {border-top:1px dotted #36A7A3;padding-top:22px;margin-bottom:22px;}
#video-archive h2 {font-weight:600;font-size:14px;background:transparent url('img/video-archive-header-bg.gif') left center no-repeat;color:#FFF;padding:2px;margin:0 0 10px;}
#video-archive .video-archive-post {padding:0 8px;width:140px;height:200px;font-size:12px;display:inline;float:left;line-height:16px;overflow:hidden;}
#video-archive .video-archive-post h4 {font-weight:800;font-size:10px;line-height:10px;letter-spacing:0.04em;text-transform:uppercase;margin:5px 0;}

/*#blog-posts {position:absolute;width:1000px;display:block;z-index:1}*/
#blog-posts-container {float:left;margin:0 0 0 30px;width:340px;display:block;z-index:99;}
#blog-posts-container h2 {font-weight:600;font-size:14px;background:transparent url('img/blog-header-bg.gif') left center no-repeat;color:#FFF;padding:2px;margin:0 0 10px;}
#blog-posts-container .blog-post {padding:10px;display:table;line-height:16px;background:#EFEFEF;}
#blog-posts-container .alt {padding:10px;background:#FFF;}
#blog-posts-container .blog-post img.alignleft {clear:left;margin-right:-110px}
#blog-posts-container .blog-post p{margin:0 0 0 110px;font-size:11px;clear:right;}
#blog-posts-container .blog-post h3 {font-weight:800;font-size:12px;line-height:10px;letter-spacing:0.04em;text-transform:uppercase;margin:0 0 10px;}
#blog-posts-container .blog-post h3 a {text-decoration:none;}
.home #blog-posts-container {margin-top:130px;}

#primary {width:130px;border:none;font-size:11px;}
#secondary {width:130px;padding-top:0;border:none;font-size:11px;}
.main-aside h3 {font-style:normal;text-transform:uppercase;font-size:12px;font-weight:800;color:#E1E455}
.main-aside ul ul, .main-aside ul {margin-left:0;padding-left:0;margin-right:0;padding-right:0;list-style:none;}
.main-aside ul li {margin-left:0;padding-left:0;list-style:none;}
.main-aside .textwidget {text-align:center;background:#EFEFEF;padding:5px 0;margin-bottom:22px;}
.main-aside ul li a, .main-aside ul li a:visited {font-weight:400;}
.main-aside ul li a:hover {color:#666;}
.aside input#s {width:120px;}

.entry-content img{ margin:0 0 18px 0;max-width:100%;height:inherit;}
.alignleft, img.alignleft{float:left;margin-right:10px}
.alignright, img.alignright{display:block; float:right;  margin-left:10px}
.aligncenter, img.aligncenter{margin-left:auto; margin-right:auto; display:block; clear:both}
.wp-caption{text-align:center; margin-bottom:18px}
.wp-caption img{margin:0; padding:0; border:0 none}
.wp-caption p.wp-caption-text{margin:0; padding:5px}
.gallery img{ margin:0}
.wp-smiley{/* Prevent the smileys from breaking line-height */max-height:12px; margin:0 !important}

#footer-page-menu {list-style:none;display:block;font-size:12px;margin:0;padding:0;width:100%;border-top: 1px solid #BBD8DC;}
#footer-page-menu li {float:left; display:inline;}
#footer-page-menu li a {padding:0 5px;margin:5px 0;display:block;border-right: 1px solid #BBD8DC;}

#footer {border-color:#BBD8DC;}
#footer p {font-size:12px;margin:0;}
#footer small {font-size:10px;margin:0;}
#siteinfo {width:950px;}