/*
Theme Name: A Story On The Web
Theme URI: http://astoryontheweb.com/
Description: The "A Story" Theme!
Version: 1.0
Author: EXAMP
Author URI: http://examp.com/
Tags: tan, simple, anti brand
*/

/* BEGIN: CUSTOMIZE HERE */

/* Body Background */
body { background:#474747 url(images/bg_blackdenim.gif) repeat 50% 0; } 

/* Text (hover) color */
a:hover, .sidebar p.alignright a:hover, #tertiary li a:hover, .postmetadata a:hover, a.comment:hover, .post h4, .sidebar .author span, .aktt_tweets a, .aktt_tweets .aktt_more_updates a:hover { color:#ff00a2 !important; } 

/* Image (hover) border color */
.sidebar .photo a:hover img, ul.flickr li a:hover img { border-color:#ff00a2 !important; } 

/* Nav (hover) background-color */
#nav li a:hover, .ngg-gallery-thumbnail img:hover, #pagenav li a:hover { background-color:#ff00a2 !important; color:#fff !important }

/* END: CUSTOMIZE HERE */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption { margin: 0; padding: 0; }
#top, #skip { display:none; }
table, th, td { margin:0; }
a img { border:none; }

body { font-size:12px; font-family:Arial, Tahoma, sans-serif; color:#4f4b3e; min-width:960px; line-height:18px }

a { color:#333; text-decoration:none }
a:hover, .sidebar p.alignright a:hover { text-decoration:none !important }
a:visited { }
a:focus, a:active { color:#fff158 }

.a2a_menu a, #a2a_hist_list a, .a2a_tabs div { color:#333 !important; text-decoration:none !important }

#nav { position: absolute; bottom:0; left:0; z-index:50; }
#nav li, #pagenav li {float:left; position: relative; list-style:none; display:inline; margin-right:7px; letter-spacing:-.5px; }
#nav li a, #pagenav li a { float:left; padding:10px; cursor: pointer; cursor:hand; border-bottom:none; position: relative; text-decoration: none; color: #fff; font-size:18px; text-align:center; background:#525252; font-weight:bolder; -moz-border-radius:3px 3px 0 0;  -webkit-border-top-right-radius:3px; -webkit-border-top-left-radius:3px }
#nav li strong, #pagenav li strong { position: absolute; top: 0px; left: 0px; display: block; }
/*#nav li a:hover, #pagenav li a:hover, */#nav li.current-cat a, #nav li.current-cat-parent a, #pagenav li.current_page_item a { background:#e4e4e4; color:#000 }
#nav li a:focus, #nav li a:active, #pagenav li a:active { background:#000; color:#fff158 }

#pagenav { position: absolute; bottom: 0; right: 0; }
#pagenav li a { padding:5px 10px; font-size: 12px; }

#tertiary { background:#000; margin:0 3px 3px; padding:1px 1px 1px 6px; }
#tertiary li { float:left; list-style:none;  }
#tertiary a { float:left; padding:6px 15px; color:#fff; font-size:14px; font-weight:bold; cursor: pointer }
#tertiary li.current-cat a { color:#fff158; }
#tertiary li a:hover { text-decoration:none }
#tertiary li a:focus, #tertiary li a:active { color:#fff158 }

form { margin:10px; padding:10px; background:#e0e0e0; vertical-align:middle; }
input, textarea, select { padding:3px; background:#fff; border:1px inset #666; width:142px; color:#c2c2c2; vertical-align:middle; }
input:focus, textarea:focus, input:hover, textarea:hover, input:active, textarea:active { color:#666 !important }
input.button, input.radiobutton { background:none !Important; border:none !important; cursor:pointer; width:auto !important; padding:0 !important  }

blockquote { padding-left:10px; border-left:2px solid #414749; }

h1, h2, h3, h4, h5 { font-family:"Arial Bold", Helvetica, Arial, sans-serif; line-height:normal; }

h1 { color:#000; font-size:28px; }
h1 a { color:#000 }
h2 { margin:20px 0; font-size:16px; }
h3 { margin:10px 0; font-size:14px; }
h4 { margin:10px 0; font-size:20px; }
p { margin:10px 0; }

#footer { background:#000; padding:3px 0; margin:10px auto 50px !important; }
#footer ul { float:right; margin:0 5px 0 0; display:inline; }
#footer li { display:inline; list-style:none; margin:8px; font-weight:bold; }
#footer a { color:#9f9f9f }
#footer a:hover { }
#footer p { margin:0 0 0 15px; color:#9f9f9f; display:inline; width:320px }

/*#header { background:#222 url(images/bg_header.png) repeat-x 0 100%; }
#content { background:#e8e8e8 url(images/bg_dots.gif) repeat 50% 0; border-bottom:1px solid #d2ccbc; }
#content_gradient { background:url(images/bg_dots_gradient.gif) repeat-x 50% 0; }*/
#content_inner { padding:24px 5px 10px; background:#e4e4e4; }

#header_inner { height:186px; position:relative; }
#header_inner, #content_inner, #footer { width:952px; margin:0 auto; }
#content_inner { width:942px; }

.home #header_inner, .home #content_inner, .home #footer { width:948px; }
.home #content_inner { width:938px; }

#logo { position:absolute; top:45px; left:0; height:62px; width:421px; background:url(images/logo.png) no-repeat; text-indent:-3000px; outline:none }

.sidebar { float:left; display:inline; width:226px; }
.sidebar .round { padding-bottom:3px; background:url(images/bg_boxes_short.png) no-repeat -226px 100%; }
.sidebar .round .round { padding-top:3px; padding-bottom:0; background-position: 0 0 !important; }
.sidebar .round .round .round { background-repeat:repeat-y !important; background-position:-452px 0 !important; padding:0 3px; }
.sidebar ul { margin:10px 0; padding:0; }
.sidebar li { margin:5px 10px; padding:5px; border-top:1px solid #595959; list-style:none }
.sidebar .photo { padding:10px; text-align:center; }
.sidebar .photo img { border:5px solid #e0e0e0; }
.sidebar .inner { background:#fff; }
.sidebar p { margin:0; }
.sidebar p.alignright, .aktt_tweets .aktt_more_updates { background:none; font-size:12px; padding:5px 5px 0; }
.sidebar p.alignright a, .aktt_tweets .aktt_more_updates a { font-size:12px; color:#000 !important; }
.sidebar .author { text-align:right; }
.sidebar .author span { padding-left:15px; background:url(images/sprite_icons.gif) no-repeat 0 -217px; }
.pad { padding:5px; }
.sidebar form { background:none; }
.daily-video object, .daily-video embed { width:210px; height:128px; } 

.linkcat h2 { display:none; }

.network { list-style: none; margin: 0; }
.network li { margin:1px 10px; font-weight: bold; padding: 3px 0 3px 26px; background: url(images/sprite_icons.gif) no-repeat; line-height: 22px; border:none; }
.network li.twitter { background-position: 0 -89px; }
.network li.flickr { background-position: 0 -119px; }
.network li.facebook { background-position: 0 -149px; }
.network li.vimeo { background-position: 0 -179px; }
.network li a { text-decoration: underline; }
.network li a:hover { text-decoration: none; }

.narrowcolumn { float:left; display:inline; width:486px; }
.narrowcolumn .round { padding-bottom:3px; background:url(images/bg_boxes_med.png) no-repeat -486px 100%; }
.narrowcolumn .round .round { padding-top:3px; padding-bottom:0; background-position: 0 0 !important; }
.narrowcolumn .round .round .round, .narrowcolumn .post .round .round .round { background-repeat:repeat-y !important; background-position:-972px 0 !important; padding:0 3px; }
.narrowcolumn .post .round .round { padding-top:21px; background-repeat:no-repeat !important; background-position:-1458px 0 !Important; }
.narrowcolumn .post .round .round .round .inner { background:#fff; padding:0 23px 23px; }
.narrowcolumn img.size-large, .narrowcolumn img.size-full, .narrowcolumn object, .narrowcolumn embed { width:434px; height:auto; }
.narrowcolumn object, .narrowcolumn embed { height:275px; }

.widecolumn { float:left; display:inline; width:716px; }
.widecolumn .round { padding-bottom:3px; background:url(images/bg_boxes_wide.png) no-repeat -716px 100%; }
.widecolumn .round .round { padding-top:3px; padding-bottom:0; background-position: 0 0 !important; }
.widecolumn .round .round .round, .widecolumn .post .round .round .round { background-repeat:repeat-y !important; background-position:-1432px 0 !important; padding:0 3px; }
.widecolumn .post .round .round { padding-top:21px; background-repeat:no-repeat !important; background-position:-2148px 0 !Important; }
.widecolumn .post .round .round .round .inner { background:#fff; padding:0 23px 23px; position:relative }
.widecolumn h1 { padding-right:125px; }

.header { min-height:22px; position:relative; padding:5px 10px; background:#0a0806 url(images/bg_header.gif) repeat-x; color:#fff; font-weight:normal }
.header h3 { margin:0; text-transform:uppercase; line-height:22px; }
.sIFR-active .header h3 { position:relative; top:2px; line-height:14px; }

.navigation { padding-top:2px; }
.navigation .alignright { float:right; }
.navigation .alignleft { float:left; }
.navigation a { color:#e0e0e0; }

.top .navigation { font-size:11px; color:#a4a4a4; float:left; padding:0 3px; margin-top:5px; width:100px; }
.top .alignleft, .top .alignright { padding:0 5px; line-height:12px }
.top .alignright {  }
.top h3 { float:left; }

.rss { outline:none; position:absolute; right:10px; top:10px; display:block; height:15px; width:16px; text-indent:-3000px; background:url(images/btn_rss.gif) no-repeat 0 0; }

.post .textcontainer, .post .bartext { float:right; font-size:12px; display:inline; padding:0 5px 0 0;  text-align:left; margin:0; color:#000; font-weight:bold }
.post .bartext { width:auto; padding:0; float:none; }
.post h4 { margin:0 0 10px; font-size:11px; }
.post a { text-decoration: underline;}
.post h1 a { text-decoration: none; }
.post h1 a:hover { text-decoration: underline }
.post ul, .post ol { margin:20px; }


.narrowcolumn .postmetadata .categories { width:188px }
.postmetadata { margin:20px 0 0 0 !important; border:1px solid #8f8f8f; border-width:1px 0; padding:5px 10px; color:#6e6d6c }
.postmetadata li { float:left; list-style:none; padding:0 0 0 10px; }
.postmetadata .categories { width:418px; padding:0; }
.postmetadata strong, .postmetadata .categories a { color:#000; font-weight:bold }
.postmetadata a { color:#6e6d6c; outline:none; text-decoration:none }
.postmetadata a:hover { text-decoration: none; }
.postmetadata .thumbs_down { padding:0; }
.postmetadata .vote { width:40px; }
.postmetadata .thumbs_up { background:url(images/sprite_icons.gif) no-repeat 0 0; float:left; display:block; height:18px; width:17px; text-indent:-3000px; }
.postmetadata .thumbs_down { display:none; background:url(images/sprite_icons.gif) no-repeat 0 -28px; float:left; height:18px; width:17px; text-indent:-3000px; }
.postmetadata .share a { background:url(images/sprite_icons.gif) no-repeat 0 -55px; padding-left:15px; }
.postmetadata .comments { width:108px; }
.postmetadata .comments a { background:url(images/sprite_icons.gif) no-repeat 0 -75px; padding-left:15px; }

/* PLUGINS */

.narrowcolumn a.piclenselink { display:none }
a.piclenselink { position:absolute; top:0; right:20px; display: block; width:118px; height: 24px; text-indent: -3000px; background: url(images/btn_view_slideshow.gif) no-repeat; outline: none }
.ngg-gallery-thumbnail img { margin:4px 5px 4px 0 !important; }
/* for the view slideshow button on post pages */
.ngg-galleryoverview { overflow:visible !important; }
.ngg-gallery-thumbnail img { background:#e0e0e0 !important; border-color:#d7d6d5 !important }

.aktt_tweets a { display:block; text-align:right; font-size:11px; }

ul.flickr { margin:5px 3px 0 !important; }
ul.flickr li { float:left; background:none; margin:5px 0 0 8px; padding:0; border:none; display:inline }
ul.flickr li a img { border:5px solid #e0e0e0; width:85px; height:auto; }

.wpcf7-form { margin:0; width:363px; -moz-border-radius:3px; -webkit-border-radius:3px }
.wpcf7-form input, .wpcf7-form select { width:98%; }

.commentlist { margin:0 !Important; }
.commentlist li { list-style:none; padding:10px 10px 10px 70px; background:#d1d1d1; position: relative }
.commentlist li.alt { background:#e0e0e0 }
.commentlist .avatar { position: absolute; top: 20px; left: 20px; }
.commentlist .comment-author { color:#868787; }

#commentform, .wpcf7-form { background:#e0e0e0; padding:6px 20px; margin:0 }
#commentform td, #commentform th, .wpcf7-form td, .wpcf7-form th { padding:10px; text-align:left; background:#c8c8c8; }
#commentform th, .wpcf7-form th { padding:8px 10px; background:#e0e0e0; }
#commentform textarea, .wpcf7-form textarea { width:327px }
#commentform input { width:216px; }

.ad { position:absolute; top:45px; left:485px; }
.ad ul { list-style:none; margin:0; padding:0; }

fieldset.userinfo { margin-right:20px; display:inline; border:none; padding:0; float:left; width:226px; }
fieldset.comment { border:none; padding:0; float:left; width:340px; }

h1#comments { margin-top:40px; font-size: 20px }
a.comment { font-weight:bold; line-height:48px; font-size:12px; text-decoration:underline !important; padding-left:35px; font-size:12px; background:url(images/sprite_icons.gif) no-repeat 19px -77px; }
a.comment:hover { text-decoration:none !important }

.floatright { float:right; margin:20px 0 0 20px; }
.floatleft { float:left; margin:20px 20px 0 0; }
img.floatright { margin:0 0 0 20px; }
img.floatleft { margin:0 20px 0 0; }

.clearfix:after, .yui-carousel-nav:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix, .yui-carousel-nav { display:inline-block; }
.clearfix, .yui-carousel-nav { /*\*/display:block;/**/ }

.alignright { text-align:right !important; }
.alignleft { text-align:left !important; }

.votes { display:none; }

.radiobutton, .checkbox { border:none !important; background:none !important; padding:0 !Important; }
.radiobutton { margin:0 5px 4px 0; }
#comment { width:630px; }
#commentlist li { list-style:none; }
.avatar { float:left; margin:0 10px 10px 0; }

.sIFR-flash {  visibility: visible !important; margin: 0; padding: 0; }
.sIFR-replaced, .sIFR-ignore { visibility: visible !important; }
.sIFR-alternate { position: absolute;  left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
.sIFR-replaced div.sIFR-fixfocus { margin: 0pt;  padding: 0pt;  overflow: auto;  letter-spacing: 0px;  float: none }