/*  
Theme Name: Cocoanetics Theme
Theme URI: http://www.drobnik.com/touch/
Description: A custom theme for Cocoanetics, owned by Oliver Drobnik 
Version: 1.8.5
Author: Clockpunk Studios
Author URI: http://www.clockpunkstudios.com/

TABLE OF CONTENTS
 
  Inherited Styles
  HTML Tags
  Structure
  Headers
  Content Styles
  Form Elements
  Footer
  

/* ---------- @ Inherited Styles -----------*/

@import url('css/nav.css');
@import url('css/posts.css');
@import url('css/fonts.css');
/* ---------- @ HTML Tags -----------*/


* { margin:0; padding:0; outline:none; }
body, html { min-height:101%; /*Firefox scrollbar fix*/ }
body { background-color:#ececec; color: #111; text-align:justify; }
body, select, input, textarea { font: 100% Arial, Verdana, Sans-Serif /*Global font-size reset*/; }
p { margin: 0 0 15px 0; line-height:140%; font-size:14px; }
.entry p img {margin: 0;}
a, a:visited { color: #404794; text-decoration:none; }
a:hover, a:active { color:#c2181b; text-decoration:underline; }
hr { display: block; height:1px; background:#CCC; border:0; color:#CCC; }
table { border-collapse:collapse; width:100%; margin:15px 0; }
td { padding:4px 6px; border-top:1px solid #CCC; }
tr { background:#e3e3e3; }
table caption { background:#FFF; padding:2px 0; }
blockquote { font-size:14px; color:#2D0000; padding:0px 0px 0px 10px; margin:15px 0px 15px 0px;letter-spacing:.03em;font-style:italic;border-left:3px solid #CCC;}
blockquote p:last-child {margin-bottom: 0 !important;}
hr {margin-bottom:15px;}
a img {border:none;}
pre, code {text-align:left !important;}


/* ---------- @ Structure -----------*/
#adblock_header {min-height:60px;padding-top:20px;width:800px;margin:0 auto;text-align:right;padding-left:160px;}
#main { overflow:hidden; padding:28px 30px 20px; }
#wrapper { font-size:.8em /*Global content font-size*/; width:960px; margin:0 auto;background:url(images/main-background.png) repeat-y;position:relative; }
#masthead { background:#dadada url(images/masthead-background.png);width:940px;padding:0 10px;margin:5px auto 0;height:87px; position:relative;}
#logo {background:url(images/logo.png);width:129px;height:172px;text-indent:-99999em;position:absolute;left:55px;top:-89px;}
#description {position:absolute;left:173px;top:43px; font-family:StampRegular, Arial, Helvetica, sans-serif;text-transform:uppercase;color:#2e4ea2;font-size:28px;letter-spacing:.08em;}
#branding { float:left; width:575px; }
#content {padding:0 80px;}
#parts_index, #apps_index {padding:0 80px;}
#content #parts_index, #content #apps_index{padding:0;}
.app, .part {width:460px;}
.app .copy, .part .copy {float:left;width:300px;}
.app .thumbnail, .part .thumbnail {float:left;width:140px;text-align:center;}
#parts_index .part .copy, #apps_index .app .copy {width:580px;}
#content #parts_index .part .copy, #content #apps_index .app .copy {width:570px;}
#apps_index .app, #parts_index .part {width:auto;margin-bottom:18px;}
#apps_index .thumbnail img, #parts_index .thumbnail img {margin:0;}

.part .thumbnail, .app .copy {margin-left:20px;}
.part .copy {overflow:visible;}
.left { float:left }
.right { float:right }
.clear {clear:both;}
#updates_list {text-align:left;list-style-type:none;font-size:12px;}
#updates_list li {list-style-type:none;margin-bottom:10px;}
#home_featured_column {float:left;width:460px;margin-bottom:18px;-webkit-text-size-adjust: none;}
#home_featured_column p, #home_featured_blog p, #home_featured_blog li, #home_featured_blog blockquote {font-size:12px;}
#home_featured_blog .entry {font-size:12px;-webkit-text-size-adjust: none;}
#home_featured_blog {float:left;width:420px;margin-left:20px;margin-bottom:3px;}
#about_site {width:300px;background-color:#DFDFDF;float:left;margin-right:20px;min-height:270px;}
#about_site .entry {padding:10px 20px 5px;font-size:12px !important;}
#about_site .entry p {font-size:12px;}
#recent_posts {width:260px;margin-right:20px;float:left;}
#recent_posts ul {list-style-type:none;}
#recent_posts li {font-size:14px;margin-bottom:12px;line-height:1.2;}
#front_ad_block {width:300px;float:left;}
#hidden_button_jump {height:24px;width:24px;position:absolute;right:10px;top:0px;}
#hidden_button_jump a {text-indent:-99999em;display:block;height:30px;width:24px;}

/* ---------- @ Headers -----------*/
#home_featured_column h2, #home_featured_blog h2 {font-family:StampRegular,Arial, Helvetica, sans-serif;font-size:28px;color:#c2181b;letter-spacing:.08em;margin-bottom:14px;}
#home_featured_column h3, #home_featured_blog h3 {font-size:18px;margin-bottom:10px;}
#home_featured_blog h3 {width:78%;}
#home_featured_blog .date {float:right;width:80px;}
h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; font-weight:normal; }
h1.pagetitle { border-bottom:1px solid #d7d7d7; padding-bottom: 12px; margin-bottom:20px;color:#c2181b; }
h2 {margin-bottom:20px;}
.entry h2 { font-size:24px; margin: 15px 0; }
.entry h3 { font-size:20px;margin-bottom:15px; }
.entry h4 {font-size:18px;margin-bottom:10px;font-weight:bold;}
.entry h5 {font-weight:16px;margin-bottom:10px;font-weight:bold;}
.entry h6 {font-weight:14px;margin-bottom:10px;font-weight:bold;}
#about_site h2 {background-color:#2e4ea2;color:#fff;font-family:StampRegular, Arial, Helvetica, sans-serif;font-size:24px;padding:5px 5px 3px 20px;letter-spacing:.08em;margin-bottom:5px;	}
.thumbnail h3 {text-align:left;border-bottom:1px solid #d7d7d7; padding-bottom: 8px; margin-bottom:10px;color:#c2181b;font-size:18px;}
#recent_posts h2 {color:#c2181b;padding-bottom:12px;border-bottom:1px solid #b8b8b8;margin-bottom:12px;}
h2.posttitle, h1.posttitle { margin:0 0 15px; font-size: 2.2em;color:#c2181b;width:87%; }
#sidebar h3 { border-bottom:3px solid #CCC; padding-bottom:5px; margin:22px 0 10px; color:#939393; font:normal .85em Arial, Helvetica, sans-serif; letter-spacing:.08em; text-transform:uppercase }
.widgettitle {display:none;}
#respond h3, h3#comments, h3#trackbacks { margin:45px 0 20px;font-family:StampRegular,Arial, Helvetica, sans-serif;font-size:28px;color:#c2181b;letter-spacing:.08em;}
h3#comments { margin:40px 0 12px;font-size:24px;color:#c2181b; border-bottom:1px solid #DDD;padding-bottom:8px; }
h4 { font-size:1.4em; }
h5 { font-weight: bold; font-size: 1.2em }
h6 { font-weight: bold; font-size: 1em; }

/*Misc*/
.safari_mac {text-rendering: optimizeLegibility;}

#home_featured_column .part {margin-bottom:18px;}
#home_featured_blog .post {border-top:none !important;padding-top:0 !important;}
.commentcount { padding-left: 17px; background:url(images/bubble.gif) no-repeat; margin-left:14px; }
.content .more-link { clear:both;text-align:right;z-index:10;display:none;}
.read_more {text-align:right;margin-right:25px;}
.button_gray, #submit, .more-link{display:block;padding:1px 5px 0;font-size:12px;color:#000 !important; background:#d9d9d9;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;width:80px;text-align:center;font-weight:bold;border-right:2px solid #b2b2b2;border-bottom:2px solid #b2b2b2;}
.post-edit-link {display:block;padding:1px 5px 0 20px;font-size:12px;color:#FFF !important; background:#2E4EA2 url(images/lock.png) no-repeat 3px 1px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;width:45px;text-align:center;font-weight:bold;border-right:2px solid #182f6b;border-bottom:2px solid #182f6b;border-left:1px solid #2E4EA2;}
.post-edit-link:hover {text-decoration:none !important;background-color:#900;border-right:none;border-left:2px solid #410202;border-bottom:none;border-top:2px solid #410202;border-right:1px solid #900;}
#submit {width:125px;padding:5px;float:right;margin:0;}
.button_gray:hover, #submit:hover, .more-link:hover {text-decoration:none !important;background-color:#CCC;border-right:none;border-left:2px solid #b2b2b2;border-bottom:none;border-top:2px solid #b2b2b2;}
.more-link {margin:0;display:none;}
.read_more_link {width:100px;float:left;margin-right:25px;}
.wp-edit {float:left;width:75px;}
.post .more-link {position:relative; top:14px;}
.comments {padding-left:23px; background:#d9d9d9 url(images/comment-icon.png) no-repeat 3px 2px ;margin:0 !important;}
.commentlink_container {float:right;width:110px;text-align:right;}
#content .commentlink_container {top:0px;}
.leaderboard_ad {width:728px;margin:0px auto 18px;text-align:center;}
#home_featured_blog .more-link {position:relative;top:-32px;}
.button_buy {display:block;text-indent:-9999em;background:url(images/app_store_sm.png);width:116px;height:40px;margin:20px auto;}
.button_buy_part {display:block;text-indent:-9999em;background:url(images/parts_store_sm.png);width:116px;height:40px;margin:20px auto;}
.button_buy:hover, .button_buy_part:hover {opacity:.8;}
.FlattrGButton {margin-bottom:10px;}
.addthis_container {margin-bottom:15px;}
.addthis_container img {margin:0;}
.wp-smiley {margin: 0 !important;}
/*Post Navigation*/
#nav-below {overflow:hidden;padding:10px;}
#nav-below a {text-decoration:underline;color:#666;font-size:14px;}
#nav-below a:hover {color:#333 !important;}
.nav-previous {width:350px;float:left;}
.nav-next {width:350px;float:right;text-align:right;}

/* Author Page*/
#writer { overflow:hidden; background:#f2f2f2; margin-bottom:20px; padding:16px; }
#writer p { margin-top:0; }
#writer .avatar { margin:4px 17px 7px 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 { border:1px solid #CCC; padding: 5px 8px; text-decoration: none; }
#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; }

/* Social */
#social_icons {position:absolute;right:20px;top:10px;list-style-type:none;}
#social_icons li {width:36px;height:36px;margin-right:6px;float:left;}
#social_icons a {display:block;height:36px;width:36px;text-indent:-9999em;}
#social_icons a:hover {opacity:.8;}
li#youtube a {background:url(images/youtube-icon.png) no-repeat;}
li#twitter a {background:url(images/twitter-icon.png) no-repeat;}
li#email_link a {background:url(images/mail-icon.png) no-repeat;}
li#rss a {background:url(images/rss-icon.png) no-repeat;}
li#rss {margin-right:0;}

/*Sidebar and Widgets-- Left Unstyled generically*/
.widget {}
.widget li {}
.widget li a, .widget li a:visited { }
.widget li a:hover, .widget li a:active { }
.widget li.current_page_item a, .widget li.current_page_item a:visited, .widget li.current-cat a, .widget.current-cat a:visited {}
.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 {}
.widget li li {}

/* ---------- @ Form Elements -----------*/
#author, #email, #comment, #url{ background:#FFF !important; padding:5px; border:1px solid #666666;  }
#order_form input#submit {background-color:#CCC;float:none;}
#author, #email, #url { width:220px; }
.button { padding: 8px 14px; background:#424242; color:#FFF !important; border:none; font-size:1.2em; }
.button:hover { background:#272727; }
.button:active { background:#000; }
#commentform textarea { width: 98%; height:250px; }
#masthead #searchform { position:absolute;right:-5px;top:57px;}
#searchfield {margin-right:5px;color:#999;width:128px;-moz-box-shadow: -2px -2px 2px #CCC;-webkit-box-shadow: -2px -2px 2px #CCC;border:none; -moz-border-radius:12px;-webkit-border-radius:12px;font-size:14px;padding:2px 10px 3px 24px; }
#searchsubmit { vertical-align:top;position:relative;left:-167px;top:3px;}


/* Order Form */
.field_row {margin-bottom:14px;overflow:hidden;}
#order_form label {min-width:125px;display:block;float:left;margin-right:15px;line-height:2;color:#666;}
#order_form label p {margin-bottom:0px;font-size:12px;}
#order_form input, #order_form select {padding:5px; float:left;width:275px;margin-right:15px;border:1px solid #999;font-size:16px;}
#order_form input[type=checkbox] {margin-left:111px;width:auto;margin-right:15px;border:none;float:left;}
#order_form label.checkbox_label {width:auto;display:inline;position:relative;top:-6px;font-size:14px;width:500px;font-weight:bold;}
#order_form label.checkbox_label p {font-weight:normal;font-size:12px;}
#order_form #email {width:275px;}
#order_form #country {width:287px;}
#order_form input:focus {border:1px solid #000;}
#order_form input.readonly {font-weight:bold;color:#999}
#order_form input.readonly:focus {border:1px solid #999;}
#order_form #first_name, #order_form #last_name, #order_form #product_id {width:275px;}
.required_field, #order_form .error {color:#F00;}
#order_form #submit {width:150px;margin-left:140px;}
.field_row_not {overflow:hidden;height:1px;width:1px;}
.hidden {display:none;}
.field_row_option {margin-bottom:5px;}
#order_form #base_price {border:none;width:100px;}
.price_caption, .price {color:#666;font-size:16px;line-height:1.5;font-weight:bold;}
.total {border-top: 1px solid #666;padding-top:10px;}
#indiv_warning, #vat_warning {margin-bottom:0;color:#F00;padding-left:15px;}
#order_form #product_id.readonly {border:none;font-size:18px;color:#2E4EA2;background-color:transparent;padding-left:0;font-weight:bold;}
#order_form #product_id.readonly:focus {border:none;}
.product_details {margin-bottom:10px;border-radius:6px;background:#f6f6f6;padding:10px;}
.buyer_info {padding:10px;}
.vat_hidden {display:none;}
/* ---------- @ Footer -----------*/
#footer { font-size:.8em; overflow:hidden; width:900px; margin:0 auto; color:#000; padding:10px 30px;background:url(images/footer-background.png) repeat-y; margin-top:-1px;}
#footer .widget {width:280px;margin-right:20px;float:left;margin-bottom:10px;}
#footer p {font-size:11px;}
#footer_footer {background:url(images/footer-bottom-background.png);height:17px;width:960px;margin:-1px auto 0;margin-bottom:10px;}
#footer a:hover, #footer a:active { color:#FFF; }
#footer .left { float:left; width:50%; }
#footer.right { float:right; width:50%; text-align: right }
#footer #icon-rss { vertical-align: middle; margin-right:5px; }
#copyright_footer {background:#2E4EA2;color:#fff;right;height:24px;padding:10px 20px 0 0;margin:0 10px;width:920px;overflow:hidden;}
#copyright_footer p {font-size:12px;}
#copyright_footer a {text-decoration:underline;color:#fff;}
#copyright_footer a:hover {color:#000;}
#copyright_left {width:430px;float:left;text-align:left;padding-left:20px;}
	#register_login_links {list-style-type:none;margin:0;padding:0;}
	#register_login_links li {float:left;margin-right:25px;}
	.sign_in_link {display:block;padding-left:20px;background:url(images/lock.png) no-repeat;}
	.register_link {display:block;padding-left:20px;background:url(images/pencil.png) no-repeat;}
	.admin_link {padding-left:20px;background:url(images/lock_open.png) no-repeat ;}
	.logout_link {background:url(images/lock_delete.png) no-repeat;padding-left:20px;}
#copyright_right {width:450px;float:right;text-align:right;}
#footer_left {float:left;width:290px;margin-right:20px;padding-left:10px;overflow:hide;}
#footer_center {float:left;width:300px;margin-right:20px;font-size:11px;overflow:hide;}
#footer_right {float:left;width:280px;padding-right:10px;overflow:hide;}
#footer img {border:none;}
#footer .mobfox {margin-left:20px;}

/* Advertising */
.advertising {margin-bottom:25px;}
.advertising .widget, #front_ad_block .widget, .leaderboard_ad .widget, .inner_ad_block .widget {margin: 0 0 5px !important;}
.advertising p, #front_ad_block p, .leaderboard_ad p, .inner_ad_block p {margin-bottom:0 !important;}
.advert-notice {text-align:center;color:#999;width:728px;}
#front_ad_block .advert-notice {width:300px;}
.post .inner_ad_block {margin: 15px 0;}
.advertising img, .inner_ad_block img {margin:0 !important;}

/* Plugin Fixes */

#main #social .social-comment-body {width: auto !important;}

.wp_codebox {width:auto !important;margin-bottom:15px !important;}