/*
= Stylesheet by:
== Odin Dutton, www.odindutton.com
== twe4ked studios, www.twe4ked.com
-
= Stylesheet for:
== www.twe4ked.com
== twe4ktheme v.6
-
= Copyright:
== (c) Copyright 2009 Odin Dutton. All Rights Reserved. 
-
*/

@import url('reset.css');
/*@import url('enrichment.css');*/

html{}
body{line-height:120%;font:normal 14px Helvetica,Arial,sans-serif;color:#000;}
p{margin:10px 0 20px 0;line-height:130%;}
blockquote{margin:20px 0;padding:0 20px 0 50px;color:#999;background:url('../images/quote.png') no-repeat 10px 0;border:none;font-size:14px;font-family:Cambria,Georgia,Times,Times New Roman,serif;}

/* = Headings */
h2, h3, h4, h5, h6 {font-weight:bold;}
h2, h3 {letter-spacing:-1px;font-weight:normal;font-family:Georgia, Times, "Times New Roman", serif;}
h2 {font-size:30px;padding:15px 0 0px 0;}
h3 {font-size:20px;padding:10px 0 5px 0;}
h4 {font-size:18px;}
h5 {font-size:16px;}
h6 {font-size:14px;}

/* = Links */
a:link, a:active, a:visited{color:#000;}
a:hover{color:#333;}

/*#wrapper{min-height:530px;}*/

.container{width:960px;margin:0 auto;}

#header{background:url('../images/main-sprite.png') repeat-x 0 -166px;height:68px;margin-bottom:20px;padding-top:10px;}
#header a.twe4ked-title{height:50px;width:170px;background:url('../images/main-sprite.png') no-repeat;display:block;}
#header h1{text-indent:-9999px;}
#header a{outline:none;}

/* = Navigation */
ul#navigation{float:right;margin-top:-35px;width:520px;display:block;margin-right:-52px;}
ul#navigation li{position:relative;float:left;list-style:none;}
ul#navigation li a{display:block;float:left;height:30px;text-indent:-9999px;padding-right:15px;}
ul#navigation li a.portfolio{width:90px;background:url('../images/main-sprite.png') no-repeat 0 -60px;}
ul#navigation li a.blog{width:50px;background:url('../images/main-sprite.png') no-repeat -115px -60px;}
ul#navigation li a.about{width:65px;background:url('../images/main-sprite.png') no-repeat -190px -60px;}
ul#navigation li a.contact{width:80px;background:url('../images/main-sprite.png') no-repeat -280px -60px;}
ul#navigation li a.getaquote{width:120px;height:60px;margin-top:-15px;background:url('../images/main-sprite.png') no-repeat -245px 0;}

  /* Hover states */
  ul#navigation li a.portfolio:hover{background:url('../images/main-sprite.png') no-repeat 0 -121px;}
  ul#navigation li a.blog:hover{background:url('../images/main-sprite.png') no-repeat -115px -121px;}
  ul#navigation li a.about:hover{background:url('../images/main-sprite.png') no-repeat -190px -121px;}
  ul#navigation li a.contact:hover{background:url('../images/main-sprite.png') no-repeat -280px -121px;}
  
  /* Current states */
  ul#navigation li a.portfolio-current{width:90px;height:52px;background:url('../images/main-sprite.png') no-repeat 0 -60px;}
  ul#navigation li a.blog-current{width:50px;height:52px;background:url('../images/main-sprite.png') no-repeat -115px -60px;}
  ul#navigation li a.about-current{width:65px;height:52px;background:url('../images/main-sprite.png') no-repeat -190px -60px;}
  ul#navigation li a.contact-current{width:80px;height:52px;background:url('../images/main-sprite.png') no-repeat -280px -60px;}

/* = Network */
a.network-link{margin:-20px 0 0 190px;display:block;height:10px;width:20px;float:left;text-indent:-9999px;
  background:url('../images/network/check.png') no-repeat;}
ul.network{display:none;list-style:none;width:350px;position:absolute;background:#231f20;margin-left:170px;border:#666 solid 1px;z-index:100;top:60px;}
ul.network li{display:block;height:82px;}
ul.network span{padding:10px;display:block;color:#666;line-height:140%;}

/* = Footer */
#footer{font-size:13px;margin-top:20px;min-height:100px;color:#eee;background:#343131 url('../images/main-sprite.png') repeat-x 0 -423px;}

#footer h2{font-family:Georgia, Times, "Times New Roman", serif;padding-top:15px;font-weight:normal;font-size:22px;margin-bottom:15px;}
.column{width:300px;float:left;padding-top:15px;}
.padding30{padding-right:30px;}
  
#footer a:link, #footer a:visited, #footer a:active{color:#eee;}
#footer a:hover{color:#999;}
  
  /* Column 1 */
  ul.recent-posts li{font-size:16px;font-family:Times, "Times New Roman", serif;}
  ul.recent-posts span{display:block;margin:2px 0 10px 0;color:#999;font-style:italic;font-size:12px;}
  ul.recent-posts span a:link, ul.recent-posts span a:active, 
  ul.recent-posts span a:hover, ul.recent-posts span a:visited{color:#999!important;}
  
    /* Twitter */
    p.twitter{padding:15px 15px 0;margin:0;color:#222;background:url('../images/twitter-bg.png') no-repeat top;}
    p.twitter a:link, p.twitter a:visited, p.twitter a:hover, p.twitter a:active{color:#333!important;}
    span.twitter{display:block;height:45px;margin-top:-10px;background:url('../images/twitter-bg.png') no-repeat bottom;}
    span.twitter-follow{margin:-10px 0 0 80px;display:block;}
  
  /* Column 2 */
  ul.links li{padding-bottom:10px;}
  
    /* Flickr */
    #flickr_badge_wrapper a{border: 1px solid #444;height:77px;margin-right:8px;width:77px;display:block;float:left;}
    #flickr_badge_wrapper img{border: 1px solid #000;}
    #flickr_badge_wrapper a.flickr-link{width:37px;margin-right:0;}
    
  /* Column 3 */
  p.work-with-me{margin-top:0;}
  p.work-with-me em{color:#fff200;font-weight:bold;}
  #footer span.getaquote a{margin-top:-15px;display:block;float:right;width:125px;height:60px;margin-right:10px;text-indent:-9999px;background:url('../images/main-sprite.png') no-repeat -245px 0;}
  #footer span.getaquote{font-family:Georgia, Times, "Times New Roman", serif;color:#fff200;font-weight:normal;font-size:26px;}
  
    p.work-with-me span.border{border: 1px solid #444;height:77px;width:77px;display:block;float:left;margin-right:10px;}
    p.work-with-me img.border{border: 1px solid #000;}
  
/* = Colophon */
#colophon{margin-bottom:-30px;font-size:11px;color:#666;margin-top:15px;}
.colophon-content{background:#fff;margin:0 16px;height:19px;border-top:1px #000 solid;padding-top:12px;}

#colophon span.rounded-left, #colophon span.rounded-right{height:32px;width:16px;}
#colophon span.rounded-left{float:left;background: url('../images/main-sprite.png') no-repeat 0 -248px;}
#colophon span.rounded-right{float:right;background: url('../images/main-sprite.png') no-repeat -25px -248px;margin-top:-32px;}
#colophon a:link, #colophon a:visited, #colophon a:active{color:#333;}
#colophon a:hover{color:#000;}

.client_login, .version, .subscribe{float:right;padding-left:20px;margin-left:10px;margin-top:-2px;padding-top:2px;padding-bottom:2px;}
.client_login{background:url('../images/main-sprite.png') no-repeat 0 -286px;}
.version{background:url('../images/main-sprite.png') no-repeat 0 -309px;}
.subscribe{background:url('../images/main-sprite.png') no-repeat 0 -328px;}

#colophon .amp{font-size:14px;line-height:10px;}

/* = Forms */
input.text,input.title,textarea,select{margin:5px 0;border:1px solid #bbb;}
input.text:focus,input.title:focus,textarea:focus,select:focus{border:1px solid #666;}
input.text,input.title{width:300px;padding:5px;}
input.title{font-size:15px;}
textarea{width:628px;height:150px;padding:5px;}
input:focus{outline:none;} /* Removes the Mac OS X Glowing Blue Outline for Custom Styled Input Fields */

/* = About */
.sub-page h2{margin-bottom:20px;}
.sub-page{width:690px;padding-left:273px;}  
.sub-page ul li{list-style:square inside;padding-bottom:5px;}

  
  /* About sub navigation */
  .about-sub-nav{width:233px;float:left;margin-right:40px;}
  .about-sub-nav span{height:530px;width:100px;display:block;position:relative;left:160px;float:left;background:url('../images/about-shadow.png') no-repeat left;}
  #about_sub_navigation{padding-top:50px;height:500px;}
  ul#about_sub_navigation li a{text-indent:-9999px;margin:0 0 10px 20px;height:72px;width:223px;display:block;outline:0;}
  ul#about_sub_navigation li.about-twe4ked-studios a{background:url('../images/about-sprite.png') no-repeat 0 0;}
  ul#about_sub_navigation li.behind-the-monitor a{background:url('../images/about-sprite.png') no-repeat 0 -77px;}
  ul#about_sub_navigation li.about-this-website a{background:url('../images/about-sprite.png') no-repeat 0 -154px;}
  ul#about_sub_navigation li.my-other-projects a{background:url('../images/about-sprite.png') no-repeat 0 -231px;}
  ul#about_sub_navigation li.advertise-on-the-blog a{background:url('../images/about-sprite.png') no-repeat 0 -308px;}

/* = Welcome page */
span.welcome{font-size:45px;line-height:50px;color:#231f20;margin:30px 0 20px 0;display:block;}
img.featured{float:right;margin-right:-76px;margin-bottom:-40px;}

.home-columns{padding:10px 15px;width:930px;background:url('../images/welcome-three-boxes.png') no-repeat;position:relative;}
.column-small{width:290px;float:left;}

.column-small p{padding-bottom:1px;}

.star, .spanner, .speech{padding-left:40px;}
.star{background:url('../images/welcome-icons-sprite.png') no-repeat 0 7px;}
.spanner{background:url('../images/welcome-icons-sprite.png') no-repeat 0 -36px;}
.speech{background:url('../images/welcome-icons-sprite.png') no-repeat 0 -80px;}

.column-small cite{color:#333;float:right;}

/* = Blog */
#content{float:left;width:640px;}
a.more-link:link, a.more-link:hover, a.more-link:visited, a.more-link:active{text-decoration:none;}
.more-link{display:block;line-height:100%;background:#eee;padding:7px 10px;border-top:1px dashed #bbb;border-bottom:1px dashed #bbb;margin-top:20px;}
.more-link:hover{display:block;line-height:100%;background:#ddd;border-color:#999;}
.post-meta{font-size:12px;border-bottom:1px dashed #999;padding-bottom:10px;line-height:100%;}
h2.post-title{font-size:40px;margin-bottom:15px;}
h2.post-title a{text-decoration:none;}
.post{margin-bottom:10px;}
.need-a-website{margin-top:-60px;height:120px;width:640px;display:block;
  background:url('../images/need-a-website.png') no-repeat}
a.archives-link{background:url('../images/archives-link.png') no-repeat;padding:37px 19px 20px 18px;outline:none;}

  /* More posts*/
  ul.more-posts{list-style:none;}
  ul.more-posts li{display:block;width:200px;float:left;margin-right:15px;}
  ul.more-posts li.no-margin{margin-right:0 !important;}
  ul.more-posts li h2 a{text-decoration:none;}
  ul.more-posts li span{font-size:12px;display:block;border-bottom:1px dashed #999;padding:5px 0 10px;}
  ul.more-posts li p{margin-bottom:10px;}
  ul.more-posts li a.more-link{border:0;background:#231f20;padding:5px;color:yellow;}/* Not in use */
  ul.more-posts li.last{margin-right:0 !important;}
  
  /* Comments */
  .commentlist p{margin:10px 0 10px 0;}
  .commentlist .reply{font-size:12px;}
  
  .children{margin-top:10px;}
  .comment{padding:10px;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:10px;width:100%;}
  cite.fn{font-weight:bold;font-size:14px;line-height:150%;}
  .paginated-comments-links{padding:10px 0 15px 0;}
  
  .depth-2{background:#fff;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{}
    .children .comment-author-admin{}
    
  /* Image styles */
  .wp-caption{background-color:#eee;border:1px solid #ccc;margin-bottom:10px;padding-bottom:6px;padding-top:10px;text-align:center;width:100% !important;}
  .wp-caption img{margin:0;padding:0;border:0;}
  .wp-caption-text{margin-bottom:0;}
  
  /* End of post*/
  
  #post_author{padding:15px;background-color:#eee;margin-bottom:15px;border:#ccc solid 1px;}
  #post_author img{border:5px #bbb solid;margin-right:10px;float:left;}
  #post_author p{margin:5px 0 0 0;}
  #related_posts{float:left;}
  #related_posts ul li{font-size:12px;padding-top:2px;list-style:none;}
  #tweetmeme{float:right;margin:23px 30px 0 0;}
  #end_of_post{background-color:#eee;border:1px solid #ccc;padding:15px;}
  
  /* Sidebar */
  #sidebar{float:left;width:300px;margin-left:20px;}
  #sidebar ul li{font-size:12px;padding:5px 0;list-style:none;border-bottom:1px solid #ddd;}
  #sidebar ul li a:link, #sidebar ul li a:active, #sidebar ul li a:visited{text-decoration:none;}
  #search{background:url('../images/sidebar-sprite.png') no-repeat top left;height:35px;padding:15px 0 15px 20px;}
  #subscribe{background:#111 url('../images/sidebar-sprite.png') no-repeat right;height:35px;padding:15px 0 0 65px;}
  #sponsors{margin:15px 0;}
  #sponsors img{border:5px #ddd solid;float:left;}
  .margin30{margin-right:30px;}

/* = Archives */
ul.archives-posts{list-style:none;}
ul.archives-posts li{display:block;width:225px;float:left;margin-right:20px;}
ul.archives-posts li.no-margin{margin-right:0 !important;}
ul.archives-posts li h2 a{text-decoration:none;}
ul.archives-posts li span{font-size:12px;display:block;border-bottom:1px dashed #999;padding:5px 0 10px;}
ul.archives-posts li p{margin-bottom:10px;}
ul.archives-posts li a.more-link{border:0;background:#231f20;padding:5px;color:yellow;}/* Not in use */
ul.archives-posts li.last{margin-right:0 !important;}

/* = Portfolio */
#work{margin-top:10px;width:960px;}
#work a{border:1px #666 solid;height:122px;width:227px;margin-bottom:5px;float:left;position:relative;display:block;
  margin:0 14px 14px 0;text-decoration:none;}
#work a.last{margin-right:0!important;}
#work a:hover{;z-index:100;}
#work img{border:1px #999 solid;}
#work h3{font:normal 14px Helvetica,Arial,sans-serif;position:absolute;float:left;bottom:20px;left:1px;background:#999;color:#444;padding:3px 10px 1px;margin-top:0!important;}
#work span{position:absolute;float:left;bottom:1px;left:1px;background:#231f20;color:#999;padding:3px 10px 1px;}
#i_can_make{background:black;color:#666;padding:7px 10px 5px;margin-bottom:-20px;border-bottom:1px solid #666;}
#i_can_make a{color:#666;}

  /* Portfolio single */
  #portfolio_left{width:488px;float:left;margin-right:14px;padding-bottom:10px;}
  
    #testimonial{font-size:18px;color:#999;font-family:Georgia, Times, "Times New Roman", serif;text-align:center;border-bottom:3px solid #aaa;border-top:1px solid #999;margin-top:30px;}
    #testimonial cite{float:none;}
    #wordpress{min-height:100px;background:url('../images/wordpress-logo.png') no-repeat left top;padding-left:120px;margin-top:20px;}
    #portfolio_left #work{background:#ddd;padding:8px 8px 0;width:472px;margin:-10px 0 10px;}
    #portfolio_left h3{background:#ddd;padding-left:8px;margin-top:15px;}
    #portfolio_left #need_a_website{background:url('../images/need-a-website.png') -52px 0;width:488px;height:120px;border-bottom:1px solid #bbb;}
    
  #portfolio_right{width:458px;float:left;padding-bottom:10px;}
  #portfolio_right span{border:1px #666 solid;display:block;}
  #portfolio_right img{border:1px #999 solid;}
  
  #break{border-bottom:3px solid #aaa;padding-top:15px;}
  
    /* Looped slider 
    = http://nathansearles.com/loopedslider/ */
    .slide-container{width:458px;overflow:hidden;position:relative;cursor:pointer;}
    .slides{position:absolute;top:0;left:0;}
    .slides div{position:absolute;top:0;width:458px;display:none;}
    
    #loopedSlider{margin:18px auto;width:500px;position:relative;clear:both;}
    ul.pagination{list-style-type:none;margin:0;padding:0;margin:9px auto;width:132px;display:block;}
    ul.pagination li{float:left;margin:0 5px;}
    ul.pagination a{display:block;width:12px;padding-top:12px;height:0;overflow:hidden;background-image:url('../images/pagination.png');background-position:0 0;background-repeat:no-repeat;outline:none;}
    ul.pagination li.active a{background-position:0 -12px}
    
/* = Contact */
ul.soical-links li a{display:block;margin-top:10px;font-size: 12px;text-decoration:none;padding-bottom:10px;outline:none;}
ul.soical-links li a img{float:left;margin-right:10px;margin-top:-2px;}
ul.soical-links li a strong{display:block;font-size: 14px;}

.contact-form input{border:0;height:30px;width:280px;font-weight:normal;font-size:22px;margin-bottom:10px;padding:10px;background:url('../images/contact-form-input.jpg') no-repeat;font-family:Georgia, Times, "Times New Roman", serif;}
.contact-form textarea{background:url('../images/contact-form-textarea.jpg') no-repeat;border:0;height:161px;width:280px;padding:10px;}
.contact-form input.send-button{border:0;height:49px;width:300px;text-indent:-9999px;margin-top:-11px;background:url('../images/contact-button.jpg') no-repeat;}
.contact-form input.send-button:active{margin-top:-10px;}
.contact-form label{display:none;}
.contact-form form{margin-top:10px}
.contact-form form span{padding-left:10px;margin-bottom:10px;display:block;}

/* = Misc. */
.left{float:left;}
.right{float:right;}
.amp{font-family:baskerville, serif;font-style:italic;}
.italic{font-style:italic;}
acronym{border-bottom:1px dashed #333;font-variant:small-caps;cursor:help;}
strong{font-weight:bold;}
.clearing{clear:both;}
  
  /* Wordpress */
  .alignleft{float:left;}
  .alignright{float:right;}
