/*ssss
 * twe4ked studios stylesheet
 * Website: http://www.twe4ked.com/
 * 
 * Licence:
 * (c) Copyright 2010 Odin Dutton. All Rights Reserved.
 * 
 * Colours
 * Main background: #ece8da
 * Dark: #d2d0c3
 * Text colour: #333
 * Highlight: #b82121
 * Dark red: #931c1c
 *
 */

/* Main typographic styles 
------------------------------- */
html{background:#ece8da url('../images/background.jpg') no-repeat top center;}
body{font:normal 16px/140% Helvetica,Arial,sans-serif;color:#333;background:url('../images/bg-bar.gif') repeat-x top center;}
p{margin:10px 0 20px;}
strong{font-weight:bold;}
blockquote{margin:15px 30px 0 10px;padding-left:20px;border-left:5px solid #999;}
blockquote cite{margin:5px 0 0;display:block;}
acronym,abbr,span.caps{cursor:help;}
acronym,abbr{border-bottom:1px dashed #999;}
acronym{font-variant:small-caps;}
em{font-style:italic;}
small{font-size:12px;}
hr.presentation{border:1px solid #D5D2C3;margin-bottom:40px}

  /* Headings */
  h1, h2, h3, h4, h5, h6{line-height:100%;color:#b82121;}
  h1{font-size:35px;padding:15px 0 10px;}
  h2{font-size:30px;padding:15px 0 5px;font-weight:bold;}
    h2 a{text-decoration:none;padding-top:0;}
    h2 a:hover{color:#931c1c;}
  h3{font-size:18px;padding:10px 0 5px;font-weight:bold;color:#333;}
  h4{font-size:20px;padding:5px 0;}
  h5{font-size:18px;font-weight:bold;}
  h6{font-size:16px;font-weight:bold;}
  
  /* Links */
  a:link, a:active, a:visited{color:#b82121;}
  a:hover{color:#931c1c;}
  
  /* Lists */
  ol li, ul li{line-height:140%;}
  ol li{list-style:decimal inside;}
  ul li{list-style:square inside;}
  
  /* Code */
  code{font:14px Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New;background:#fff;padding:2px 5px;}
  pre{overflow:auto;font:14px Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New;background:#fff;padding:5px 10px;display:block;margin-top:10px;}
  pre:hover{overflow:auto;width:940px;position:relative;}
  pre code{overflow:auto;font:14px Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New;background:#fff;padding:5px 10px;display:block;margin-top:10px;}
  pre code:hover{overflow:auto;width:940px;position:relative;}
  
  
/* Layout 
------------------------------- */
#wrapper{}
.container{width:960px;margin:0 auto;}
section.primary{width:630px;float:left;}
section.secondary{width:300px;float:left;}
.right{float:right !important;margin-left:30px;}

/* Header
------------------------------- */
header{padding-top:30px;width:100%;margin-bottom:60px;}
  
  /* Logo */
  header h1{background:url('../images/logo.png');text-indent:-9999px;width:81px;height:28px;float:left;font-size:0;padding:0;}
  a:active h1{position:relative;top:1px;}
  a.home{width:81px;height:28px;display:block;}
  
  /* Navigation */
  nav{margin-top:-20px;}
  nav ul{float:right;font-weight:bold;}
  nav ul li{float:left;list-style:none;margin-left:30px;}
  nav ul li a{text-decoration:none;outline:none;color:#333 !important;}
  nav ul li a:hover{border-bottom:1px solid #d2d0c3;color:#000 !important;}
  nav ul li#current a{border-bottom:2px solid #b82121;}
  
/* Search
------------------------------- */
#search{background:#d2d0c3;padding:5px;}
#search input{border:0;padding:5px;margin-right:-4px;width:470px;}
#search input#search_submit{padding:4px 5px;background:#988F65;width:140px;}

/* Home
------------------------------- */
p.i-create-web-apps{margin-left:-17px;display:block;width:406px;height:101px;text-indent:-9999px;
  background:url('../images/i-create-web-apps.png') no-repeat;}
p.intro{font-size:28px;margin-top:-10px;line-height:38px;}
p.intro a{background:#d2d0c3;padding:2px 5px;line-height:30px;text-decoration:none;}
img.drnic{background:#d2d0c3;padding:10px;margin-bottom:-30px;}
p.text-align-right{text-align:right;margin-top:80px;}

.drnic-photo-link{padding-bottom:25px;}

ul.opensource li{list-style:none;width:300px;float:left;margin-right:30px;}
ul.opensource li h3{font-size:16px;}
ul.opensource li.last{margin-right:0;}
ul.opensource li span{float:right;margin-top:-28px;background:#d2d0c3;padding:3px 5px 0;font-size:14px;line-height:18px;display:none !important;}
ul.opensource li span a{text-decoration:none;color:#333;}
ul.opensource li span a.watchers{padding:0 10px 0 20px;background:url('../images/magnifier.png') no-repeat left -1px;}
ul.opensource li span a.forks{padding-left:20px;background:url('../images/arrow_divide.png') no-repeat left -1px;}

a.github{padding:0 0 0 20px;margin-top:5px;background:url('../images/arrow_right.png') no-repeat left center;float:left;}

ul.blog-posts{float:left;margin-top:10px;}
ul.blog-posts li{list-style:none;margin-bottom:5px;padding-left:20px;background:url('../images/book.png') no-repeat left 2px;}

img.mocra-logo{float:right;margin-top:-40px;}
img.engine-yard-logo{float:right;margin-top:-40px;padding:0 0 5px 5px;}

h2.home{margin-top:20px;}

/* Blog
------------------------------- */
article{margin-bottom:30px;}
article footer{font-size:14px;}
article img, article object{background:#d2d0c3;padding:7px;}
article img.alignleft, article object.alignleft{margin:0 15px 10px 0;}
article img.alignright, article object.alignright{margin:0 0 10px 15px;}
div.navigation{padding-bottom:20px;}
.alignleft{float:left;}
.alignright{float:right;}

  /* Comments */
  ol.commentlist li{list-style:none;line-height:100%;}
  .commentlist{padding:0;}
  .commentlist p{margin:10px 0 10px 0;line-height:140%;}
  .commentlist .reply{font-size:12px;}
  
  .comment{margin-top:20px;}
  
  .children{margin-top:10px;}
  .comment{padding:10px 0;margin-bottom:10px;}
  .avatar{float:left;padding:0 10px 10px 0;}
  .comment-meta{border-bottom:1px dashed #999;font-size:10px;}
  
  .commentlist .children p{margin-top:10px;}
  .children .comment{padding:0 10px 0;}
  
  .comment-meta{padding-bottom:5px;width:100%;}
  cite.fn{font-weight:bold;font-size:14px;line-height:150%;}
  .paginated-comments-links{padding:10px 0 15px 0;}
    
    /* Thread (Lv.2)*/
    .depth-2{padding-left:10px;margin-left:20px;border-left:1px solid #999;}
    .depth-2 .avatar{float:right;padding:0 10px 10px 0;}
  
  /* Author comment style*/
  .comment-author-admin{background:#d2d0c3;padding-left:10px;}
  .children .comment-author-admin{padding:10px;}

/* About
------------------------------- */
#contact{padding:10px;background:#d2d0c3;width:100%;}
#contact #contact-details, #contact #contact-address{float:left;width:280px;margin-right:30px;}

/* Sidebar
------------------------------- */
  .sidebar{margin-top:15px;font-size:14px;}
  /* Adzerk */
  #adzerk{padding:10px;background:#d2d0c3;font-size:12px;margin-top:10px !important;line-height:14px;height:90px;width: 280px !important;}
  #adzerk p{margin:0;}
  img#adzerk_ad{float:left;padding-right:10px;}
  p#adzerk_by{padding-top:10px;}
  
  /* Twitter */
  #twitter_div{background:#d2d0c3 url('../images/twitter.png') no-repeat 2px 4px;padding:10px;}
  p#twitter_follow{padding:0px 0 0 60px;font-weight:bold;font-size:16px;}
  ul#twitter_update_list li{list-style:none;margin-bottom:10px;}
  
  /* Search */
  .secondary #search input{width:200px;}
  .secondary #search input#search_submit{width:80px;}
  
  #subscribe{margin:10px 0 10px;background:#FFB45E;background-image:url('../images/feed.png');background-position:110px 12px;background-repeat:no-repeat;}
  #subscribe img{float:left;padding:10px 10px 0px;}
  #subscribe span{float:left;margin:10px 0 0 30px;}
  #subscribe a{display:block;height:44px;}
  
  /*
  ul.sidebar-archives{background:#d2d0c3;padding:10px;margin-top:15px;font-size:14px;}
  ul.sidebar-archives li{width:130px;float:left;padding-right:10px;list-style:none;line-height:22px;}
  */
  
  /* Working with rails */
  #working_with_rails{padding:60px 10px 10px;background:#d2d0c3 url('../images/working-with-rails.png') no-repeat center 10px ;margin:10px 0 0 0;}
  
  
/* Misc.
------------------------------- */
header, footer, nav, article{display:block;}/* HTML5 fix */
.amp{font-family:'baskerville', serif;font-style:italic;}
  /* 404 */
  .related-post{margin-top:10px;}
  .related-post p{margin:0;}
  
/* Footer.
------------------------------- */
footer.pagefooter{font-size:14px;line-height:100%;padding-top:15px;height:100px;text-align:center;display:block;color:#d8e3e6;background:#303133 url('../images/footer.png') repeat-x;}
footer.pagefooter img{margin-bottom:5px;}
footer.pagefooter p{margin:0 0 10px;}
footer.pagefooter small p{margin:5px 0 0 0;color:#868B8D;}
  
  /* Links */
  footer.pagefooter a{color:#d8e3e6 !important;}
  footer.pagefooter a:hover{color:#fff !important;}
  
  /* Stickey footer */
  html, body, #wrapper {height: 100%;}
  body > #wrapper {height: auto; min-height: 100%;}
  .container {padding-bottom: 100px;}/* must be same height as the footer */
  footer.pagefooter{position:relative;margin-top:-100px;clear:both;}