/*   
Theme Name: Alex Bird Tillson Theme
Theme URI: http://www.alextillson.com
Description: A custom theme for Alex Bird Tillson by Clockpunk Studios
Author: Clockpunk Studios
Author URI: http://www.clockpunkstudios.com/
Version: 1.0
*/
body { width: 100%; float: left; }
/* @total-width: 100%; // Switch from pixels to percentages  */
/* Color Variables */
/* Defaults
-------------------------------------------------------------------------------*/
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
article, aside, figure, footer, header, hgroup, nav, section { display: block; }

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites, like, say for Google Maps custom placemarkers. 
   There has been a report of problems with standard Google maps as well, but we haven't been able to duplicate or diagnose the issue. 
img,
object,
embed {max-width: 100%;}
*/

/* force a vertical scrollbar to prevent a jumpy page */
html { overflow-y: scroll; background: #000; }

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; }
/* tables still need cellspacing="0" in the markup */
table { border-collapse: collapse; border-spacing: 0; }
th { font-weight: bold; vertical-align: bottom; }
td { font-weight: normal; vertical-align: top; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }
pre { white-space: pre; /* CSS2 */

  white-space: pre-wrap; /* CSS 2.1 */

  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */

  word-wrap: break-word;/* IE */

}
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: middle;  *vertical-align: baseline;
}
.ie6 input { vertical-align: text-bottom; }
select, input, textarea { font: 99% sans-serif; }
table { font-size: inherit; font: 100%; }

/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td, td img { vertical-align: top; }
/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* standardize any monospaced elements */
pre, code, kbd, samp { font-family: monospace, sans-serif; }
/* hand cursor on clickable elements */
.clickable, label, input[type=button], input[type=submit], button { cursor: pointer; }
/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea { margin: 0; }
/* make buttons play nice in IE */
button { width: auto; overflow: visible; }
/* scale images in IE7 more attractively */
.ie7 img { -ms-interpolation-mode: bicubic; }
/* prevent BG image flicker upon hover */
/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/
/* new Linux- and Windows-friendly sans-serif font stack: http://mky.be/fontstack */
body { font: 14px "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
html { background: #000000 url(_/images/page-background.jpg) no-repeat top center fixed; }

/* using local fonts? make sure to read up on Paul Irish's 
	Bulletproof @font-face syntax: http://mky.be/font-face/bulletproof/ */
/* we like off-black for text */
body, select, input, textarea { color: #333; }
a { color: #d95608; }
a:hover { color: #f1d3b5; }

/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) 
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;} 
*/
/*	j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #fcd700; }
ins { background-color: #fcd700; color: #000; text-decoration: none; }
mark { background-color: #fcd700; color: #000; font-style: italic; font-weight: bold; }
h1, h2, h3, h4, h5, h6 { color: #f1d3b5; font-family: 'MisprojectRegular', Times New Roman, Verdana, Geneva, sans-serif; letter-spacing: .1em; font-weight:normal;}
h1 { font-size: 42px; margin-bottom: 12px; }
h2 { font-size: 42px; margin-bottom: 12px; }
h3 { font-size: 36px; margin-bottom: 12px; }
h4 { font-size: 28px; margin-bottom: 10px; }
h5 { font-size: 22px; }
h6 { font-size: 18px; }
h2 a, h3 a, h4 a, h5 a, h6 a { color: #f1d3b5; text-decoration: none; }
h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #d95608; text-decoration: underline; }

/* And here begins the Wordpress fun. */
/* Layout */
#primary_column { display: inline; float: left; overflow: hidden; width: 520px; margin: 0 10px; }
#secondary_column { display: inline; float: left; overflow: hidden; width: 280px; margin: 0 10px; }

.home #primary_column, .home #secondary_column {float:right;}

#secondary_column p { font-size: 12px; }
#header { height: 130px; padding: 10px; position: relative; }
#page-wrap { width: 860px; margin: 0 auto; color: #FFF; margin-bottom: 20px; }
#footer { padding: 10px; clear: both; color: #e99a47; text-align: right; }
#main { background: #000; background: rgba(0, 0, 0, 0.8); padding: 20px 10px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: relative; }
#top_strip { background: #000; background: rgba(0, 0, 0, 0.6); height: 32px; border-bottom: 1px solid #eaad73; }
#top_strip_inner { width: 860px; margin: 0 auto; }
.featured_area { width: 520px; margin-bottom: 20px; }
.featured_area .post { margin-bottom: 0 !important; }
.featured_area .featured_copy { }
.featured_area .featured_image { float: right; width: 160px; margin-left:20px;}
.featured_image .wp-post-image { border: 1px solid #d95608; }
.featured_area.alt .featured_copy { margin-right: 0; }
.featured_area.alt .featured_image { float: left; margin-right: 20px; }
.page-id-8 .featured_image { margin-top: 45px; }
.sidebar_area { margin-bottom: 20px; }
.single_page .featured_image { width: 160px; margin-right: 20px; float: left; margin-bottom: 10px; padding-top: 6px; }
.sidebar_area .featured_image, .widget .featured_image { width: 100px; margin-right: 20px; float: left; }
#featured_post h6 { text-transform: uppercase; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 10px; letter-spacing: 4px; color: #6d6158; margin-bottom: 6px; }
#featured_post .postmeta { margin-top: 14px; }
#featured_post .postmeta p { text-transform: uppercase; }
#featured_post .date { width: 48%; float: left; }
#featured_post .readlink { width: 48%; float: right; }

/* Header */
#header h1 { background: url(_/images/masthead.png); height: 76px; width: 375px; text-indent: -9999em; position: absolute; right: 0px; top: 20px; }
#header h1 a { display: block; width: 516px; height: 76px; }
#header .description { position: absolute; top: 87px; right: 5px; font-size: 16px; letter-spacing: 5px; text-transform: uppercase; text-shadow: 1px 1px 3px #333; }
#searchform { float: left; width: 220px; padding-top: 3px; margin-left: 30px; }
#searchfield { width: 100px; background: none; font-size: 10px; padding: 2px 10px; border: none; outline: none; background: url(_/images/social_search_spritemap.png) no-repeat -113px 0; width: 113px; height: 16px; opacity: .8; }
#searchsubmit { vertical-align: top; font-size: 12px; margin: 2px 0 0 10px; padding: 1px 4px !important; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; opacity: .8; }
.ie6 #searchsubmit { padding: 0px; }
.ie6 #navigation { margin-right: 5px; }
.ie6 #searchform { margin-left: 0; width: 250px; }
#header .showsite { display: none; background: #000; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7); border: 1px solid #D95608; left: 247px; padding: 2px 6px; position: absolute; text-decoration: none; text-transform: uppercase; top: 40px; }
#main .hidesite { display: block; position: absolute; right: 5px; top: 5px; padding: 0 1px 2px 1px; height: 10px; width: 10px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; border: 1px solid #CCC; color: #CCC; font-size: 8px; vertical-align: middle; text-align: center; text-decoration: none; }
.switch {position:absolute;z-index:100;left:50px;top:150px;}
.switch a {color:#FFF;}

/* Post Styles */
.entry { margin-bottom: 18px; }
.post { margin-bottom: 30px; }
.post p { font-size: 14px; margin-bottom: 14px; line-height: 23px; }
footer.meta { margin: 0 0 15px; padding: 8px 0; border-bottom: 1px solid #d95608; text-transform: uppercase; font-size: 10px; color: #f8f1e9; letter-spacing: 2px; }
footer.meta em { font: italic 1em Georgia, "Times New Roman", Times, serif; text-transform: none; }
.post pre { width: 100%; overflow: auto; margin: 15px 0; display: block; background: #f5f3ee; }
.post code { padding: 5px 18px; display: block; font-size: 1.2em; }
.post ul, .post ol, #sidebar ul { margin: 15px 0; }
.post ul, #sidebar ul { list-style-type: circle; margin-bottom: 12px; }
.post ol { list-style-type: decimal; margin-bottom: 12px; }
.post ol li { margin: 0 0 8px 32px; padding-left: 20px; }
.post ul li, #sidebar ul li { margin: 0 0 8px 10px; line-height: 1.4; font-size: 14px; padding-left: 42px; }
.post h1, .post h2 { margin-bottom: 6px; line-height: 1; }
.post h2 a { text-decoration: none; }
.post h3 { margin-bottom: 12px; line-height: 1.1; }
.post h4, .post h5, .post h6 { margin-bottom: 8px; }
.post blockquote { font-style: italic; font-size: 15px; margin: 0 40px 14px; line-height: 1.4; background-color: #E7E7E7; padding: 10px 10px 1px; }
.post blockquote p { font-size: 15px; }
.post a.comments-link { margin-left: 15px; display:inline-block; vertical-align: middle; }
.post .datestamp { display:inline-block; vertical-align: middle; }
.a2a_kit { float: right; }
.a2a_kit a { padding: 0 !important; }
.entry-content { margin-bottom: 20px; }
#tags { margin: 12px 0; }
#tags span { padding: 3px 6px; }
#tags a, #tags a:visited { text-decoration: none; }
p#tags, p#wp-edit, p.nextpage { clear: both; }
#respond { margin-bottom: 20px; }
#secondary_column p { line-height: 1.5; }
#secondary_column p.read_more { text-align: right; font-size: 18px; }
p.read_more { text-align: center; font-family: 'MisprojectRegular', Verdana, Geneva, sans-serif; letter-spacing: .1em; font-size: 18px; }
.read_more a { text-decoration: none; }

/* Form Elements */
#author, #email, #comment, #url { background: #FFF !important; padding: 5px; border-width: 1px; border-style: solid; border-color: #6d6d6d #bfbfbf #bfbfbf #6d6d6d; }
#author, #email, #url { width: 220px; }
#commentform textarea { width: 98%; height: 220px; }
#commentform div { margin-bottom: 14px; }
#commentform #submit, #searchsubmit, .wpcf7-submit, #subscribe-submit input, #gform_submit_button_1 { color: #FFF; text-decoration: none; padding: 7px 8px; border: 1px solid #FFF; background: #d95608; text-transform: uppercase; cursor: pointer; }
#commentform #submit:hover, #searchsubmit:hover, .wpcf7-submit:hover { background: #616161; color: #dddcdc; }
.wpcf7-form input.wpcf7-submit { width: auto; }
.wpcf7-form input, .wpcf7-form textarea { width: 85%; }

/* Social Links */
#social_links { margin: 6px 12px 0 0; padding: 0; list-style-image: none; float: left; }
#social_links li { float: left; margin: 0 10px 0 0; height: 21px; width: 21px; padding: 0; }
#social_links li a { display: block; height: 21px; width: 21px; float: left; text-indent: -9999em; background-image: url(_/images/social_search_spritemap.png); background-repeat: no-repeat; }
#social_links li a:hover { opacity: .7; }
#rss_link a { background-position: -66px 0px; }
#twitter_link a { background-position: -32px 0px; }

/*Images*/
.post img { display: block; border: 1px solid #d95608; }
.wp-caption { text-align: center; padding: 10px 5px 10px 10px; }
img.alignleft { margin: 5px 15px 10px 0; float: left; }
img.alignright { margin: 5px 0 10px 15px; float: right; }
.wp-caption.alignleft { float: left; margin: 20px 22px 10px 0; }
.wp-caption.alignright { float: right; margin: 20px 0 10px 22px; }
.wp-caption.aligncenter, img.aligncenter { margin: 0 auto; display: block; margin-bottom: 15px; margin-top: 15px; float: none; }
p.wp-caption-text { margin: 0; text-align: center; padding: 5px 0; }
.wp-caption img { float: none; margin: 0; }
.gallery { margin: 15px 0; display: block; }
.gallery img { border: 1px solid #999 !important; padding: 2px; margin: 0 auto; }
.gallery-item { padding: 12px 0; text-align: center; }
.gallery-caption { padding: 10px 0; }

/* Search and Archives*/
.search-highlight { background: #ffff00; }
#comment_pagination { margin-top: 22px; overflow: hidden; }
#archive_pagination { overflow: hidden; padding: 20px; text-align: center; }
.current-numeric-page { padding: 5px 8px; }
#archive_pagination a, #archive_pagination a:visited { font-size: 12px; padding: 5px 8px; }
#archive_pagination a:hover { background: #f5f5f5; }
#archive_pagination a:active { background: #e6e6e6; border-color: #bebebe; }
#comment_pagination div { float: left; margin-right: 10px; }
a #icon-rss { border: none; }
.archive #icon-rss { vertical-align: middle; margin-left: 3px; }

/*Sidebar and Widgets*/
.widget { margin-bottom: 20px; overflow: hidden; }
.widget ul { margin-left: 30px; }
.widget li { list-style: square; padding: 6px 0 6px 15px; line-height: 140%; margin-bottom: 0px; color: #d95608; }
.widget li a, .widget li a:visited { color: #d95608; }
.widget li a:hover, .widget li a:active { color: #f1d3b5; }
.widget li.current_page_item a, .widget li.current_page_item a:visited, .widget li.current-cat a, .widget.current-cat a:visited { font-weight: bold; }
.widget li.current_page_item li a, .widget li.current_page_item li a:visited, .widget li.current-cat li a, .widget li-current-cat li a:visited { font-weight: normal; }
.widget li li { margin-left: 34px; border: 0; list-style: disc; }
#wp-calendar tr { background: #f2f2f2; }
#wp-calendar td { text-align: center; padding: 3px; }
#recentcomments { color: #787878; }
#recentcomments a, #recentcomments a:visited { font-style: italic; }
#recentcomments a.url, #recentcomments a.url:visited { font-weight: bold; font-style: normal; }
a.rsswidget, a.rsswidget:visited { font-weight: bold; }
.rssSummary { line-height: 160%; }
#wp125adwrap_2c { overflow: hidden; }
#wp125adwrap_2c .wp125ad { float: left; margin-right: 8px; }
.wp125ad a img { border: none; }
#wp125adwrap_2c div + div { margin: 0 !important; }
.aktt_tweets li {color:#FFF;list-style-image:url(_/images/bullet.png);font-size:12px;}


/* Navigation Styles */
/*Top Page Navbar */
nav#navigation { width: 480px; margin-right: 20px; float: left; }
#menu-top-menu { list-style: none; z-index: 1; line-height: 1.0; padding: 0; display: inline-block; vertical-align: bottom; }
#menu-top-menu li { float: left; margin-right: 0px; position: relative; list-style: none; height: 32px; }
#menu-top-menu a, #menu-top-menu a:visited { display: block; text-decoration: none; color: #FFF; padding: 10px 20px 8px; height: 20px; text-transform: uppercase; font-size: 14px; letter-spacing: 1px; text-shadow: 1px 1px 3px #333; }
.ie6 #menu-top-menu a { float: left; }
#menu-top-menu a:hover { color: #d95608; }
#menu-top-menu a:active { text-decoration: underline; }
#menu-top-menu li.current_page_item a, #menu-top-menu li.current_page_item a:visited, li.current_page_parent a { text-shadow: none; color: #d95608; }

/* Dropdown Menus */
#menu-top-menu li:hover { visibility: inherit;/* fixes IE7 'sticky bug' */}
#menu-top-menu li:hover ul, #menu-top-menu li.sfhover ul { left: 7px; }
ul#menu-top-menu li:hover li ul, ul#menu-top-menu li.sfhover li ul { top: -999em; }
ul#menu-top-menu li li:hover ul, ul#menu-top-menu li li.sfhover ul { left: 240px; /* match ul width */
  top: 0; }
ul#menu-top-menu li li:hover li ul, ul#menu-top-menu li li.sfhover li ul { top: -999em; }
ul#menu-top-menu li li li:hover ul, ul#menu-top-menu li li li.sfhover ul { left: 240px; /* match ul width */
  top: 0; }
#menu-top-menu li ul { top: 32px; position: absolute; left: -999em; height: auto; width: 240px; z-index: 1 !important; line-height: 1; background: #000; background: rgba(0, 0, 0, 0.6); -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.7); }
#menu-top-menu li li { width: 240px; z-index: 1000; height: auto; }
#menu-top-menu li li a, #menu-top-menu li li a:visited, #menu-top-menu li.current_page_parent li.current_page_item a, #menu-top-menu li.current_page_parent li.current_page_item a:visited { color: #fff !important; padding: 8px 12px !important; background: transparent !important; height: auto; }
#menu-top-menu li li a:hover, #menu-top-menu li li a:active, #menu-top-menu li.current_page_parent li.current_page_item a:hover, #menu-top-menu li.current_page_parent li.current_page_item a:active { color: #d95608 !important; }
#menu-top-menu li:hover ul, #menu-top-menu li li:hover ul, #menu-top-menu li li li:hover ul, #menu-top-menu li.sfhover ul, #menu-top-menu li li.sfhover ul, #menu-top-menu li li li.sfhover ul { left: 5px; }
#menu-top-menu ul ul { margin: 0 !important; }
#menu-top-menu a.sf-with-ul { min-width: 1px;/* trigger IE7 hasLayout so spans position accurately */}
#menu-top-menu li .sf-sub-indicator { position: absolute; display: block; right: .6em; top: 1em; width: 7px; height: 4px; text-indent: -999em; overflow: hidden; background: url(_/images/arrow.png) no-repeat; }
#menu-top-menu li.current_page_item .sf-sub-indicator, #menu-top-menu li.current_page_parent .sf-sub-indicator { background-position: 0 -6px; }
#menu-top-menu li li .sf-sub-indicator { background-image: url(_/images/arrow_child.gif) !important; }
ul#menu-top-menu li.page-item-245:hover ul { left: -240px; }
ol.commentlist { list-style: none; margin-bottom: 20px; }
ol.commentlist li.comment div.comment_text { clear: both; }
ol.commentlist li.comment { padding: 10px 0px 10px 10px; margin-bottom: 20px; }
ol.commentlist li.comment div.vcard cite.fn { font-weight: bold; font-style: normal; }
ol.commentlist li.comment div.vcard img.avatar { float: left; margin: 0 10px 10px 0; }
ol.commentlist li.comment div.comment-meta { font-size: 14px; margin-bottom: 12px; }
ol.commentlist li.comment div.comment-meta a { color: #ccc; }
ol.commentlist li.comment p { font-size: 14px; margin-bottom: 12px; }
ol.commentlist li.comment div.reply { font-size: 14px; text-align: right; line-height: 1.4; }
ol.commentlist li.comment div.reply a { color: #FFF; text-decoration: none; padding: 0 8px; border: 1px solid #FFF; background: #d95608; text-transform: uppercase; }
ol.commentlist li.comment div.reply a:hover { background: #616161; color: #dddcdc; }
ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
ol.commentlist li.comment ul.children li.depth-2 { border-left: 1px solid #555; margin: 0 0 20px 10px; }
ol.commentlist li.comment ul.children li.depth-3 { border-left: 1px solid #999; margin: 0 0 20px 10px; }
ol.commentlist li.comment ul.children li.depth-4 { border-left: 1px solid #bbb; margin: 0 0 20px 10px; }
ol.commentlist li.parent { border-left: 1px solid #111; }

/* Print styles!
-------------------------------------------------------------------------------*/
@media print {
#header h1 { background: none; text-indent: 0em; }
#sidebar,  nav,  #searchform,  #social_links,  #crest,  #respond,  #sidebar,  .commentlist,  #comments { display: none; }
.featured_image { float: left; margin-right: 5em; }
div { clear: both; width: 100%; float: none; }
#primary_column { width: 100%; }
}

/* Media queries!
-------------------------------------------------------------------------------*/
/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
}

@media all and (orientation: portrait) {
}

@media all and (orientation: landscape) {
}

/* Fonts */
@font-face { font-family: 'MisprojectRegular'; src: url('_/fonts/misproje-webfont.eot'); src: url('_/fonts/misproje-webfont.eot?#iefix') format('embedded-opentype'), url('_/fonts/misproje-webfont.woff') format('woff'), url('_/fonts/misproje-webfont.ttf') format('truetype'), url('_/fonts/misproje-webfont.svg#MisprojectRegular') format('svg'); font-weight: normal; font-style: normal; }

html div.sharedaddy h3.sd-title {
	display: none;
}

html div.sharedaddy {
	display: inline-block;
	vertical-align: middle;
	letter-spacing: 0 !important;
	margin-left:12px;
}

html .sd-content ul {
	margin-bottom:0 !important;
}

#sharing_email .sharing_send, .sd-content ul li .option a.share-ustom, .sd-content ul li a.sd-button, .sd-content ul li.advanced a.share-more, .sd-content ul li.preview-item div.option.option-smart-off a, .sd-social-icon .sd-content ul li a.sd-button, .sd-social-icon-text .sd-content ul li a.sd-button, .sd-social-official .sd-content>ul>li .digg_button>a, .sd-social-official .sd-content>ul>li>a.sd-button, .sd-social-text .sd-content ul li a.sd-button {
	padding: 1px 5px 0 1px !important;
}

#subscribe-email input {
	padding: 5px;
	margin-top:8px;
	margin-bottom:8px;
}

.gform_wrapper .gform_footer {
	padding-left: 42px !important;
}