/*
Theme Name: Cocoa Stuff
Theme URI: http://cocoastuff.com/
Version: 0.1
Description: Theme for cocoastuff.com
Author: Kasper Garnaes
Author URI: http://headinsky.com
Template: sandbox
*/
@import "/css/styles.css";

p { font-size: 1em; }

/* Base Sandbox layout: 2 columns. Right sidebar */
div#container { float: left; margin: 0 -330px 0 0; width: 100%; }
div#content { margin: 0 330px 0 0; }
div.sidebar { float: right; overflow: hidden; width: 270px; }
div#secondary { clear: right; }
div#footer { clear: both; width: 100%; }

/* header setup */
.skip-link,
#blog-description,

/* navigation */
#nav-above,
.single .navigation { display: none; }

/* menu setup */
#header .menu { padding-bottom: 28px; margin-bottom: 25px; }
#header .menu li.page-item-2 { background: url(/img/menu-background-left.png) left center no-repeat; } /* replace page-item-2 with class for blog page */ 
#header .menu li.page-item-2 * { background: url(/img/menu-background-right.png) right top no-repeat; color: #f0a64c; } 

/* setup content box */
#container { background: url(/img/box-background.png) left top repeat-y; }
#content,
#primary { background: transparent url(/img/box-background-top-small.png) no-repeat left top; }
#primary { background-position: top right; }
#footer { background: url(/img/box-background-bottom.png) left bottom no-repeat; height: 14px; width: 960px; }

#content { padding: 40px 100px 40px 80px; }
.sidebar { padding: 40px 40px 40px 20px; width: 200px; }
#primary.sidebar { padding-bottom: 0; }
#secondary.sidebar { padding-top: 0; }

.page-title { font-size: 2.4em; font-weight: bold; }

/* entry styling */
.post { margin-bottom: 50px; position: relative; }
.entry-title { font-size: 2.2em; font-weight: normal; margin: 5px 0 0; }
.entry-content { margin: 30px 0; }
.entry-content p,
.entry-content li { font-size: 1.4em; color: #F2E7CB; }
.entry-content p li,
.entry-content li p,
.entry-content li li { font-size: 1em; }
.entry-content ol,
.entry-content ul { padding-left: 20px; }
.entry-content .more-link { white-space: nowrap; }
.entry-content .notes { font-size: 1.2em !important; }
.entry-meta { font-size: 1.2em; color: #7a6e77; }
.entry-meta .tag-links a,
.entry-meta .cat-links a { color: #be788f; }
.entry-meta abbr { border-bottom: 0; }
.entry-meta .links { display: none; }
.entry-meta .comments-link { visibility: hidden; }
.comments h3 span,
.entry-meta .comments-link .count { display: block; background: url(img/comment-count-background.png) top left no-repeat; width: 33px; line-height: 33px; padding-right: 11px; color: #be788f; font-size: 1.167em; font-weight: bold; text-align: center; }
.entry-meta .comments-link .count { visibility: visible; display: block; position: absolute; top: -4px; left: -52px;  }
.comments h3 {line-height: 33px; }
.comments h3 span { float: left; padding-right: 16px; }

/* sidebars styling */
.sidebar ul { margin-top: -10px; overflow: hidden; }
.sidebar ul ul { margin-top: 0; }
.sidebar li { margin: -2px 0 0; padding: 20px 0 10px; background: transparent url(/img/header-border.png) repeat-x scroll left top; }
.sidebar li li { margin: 10px 0; padding: 0; background-image: none; font-size: 1.4em; }
.sidebar .widgettitle { margin: 0 0 15px; font-size: 1.8em; font-weight: normal; color: #918672; }

#secondary.sidebar li { margin-top: 10px; }

.sidebar .widget_tag_cloud { padding-bottom: 20px; }
.sidebar .widget_categories li { color: #92888f; }
.sidebar .widget_text .textwidget { font-size: 1.4em; margin-bottom: 10px; }

.sidebar .widget_search { background: none; }
.sidebar .widget_search #s { float: left; width: 200px; background: url(/img/input-background-left.png) center left no-repeat; border: none; height: 16px; padding: 8px 0 8px 6px; }
.sidebar .widget_search .button { background: url(/img/input-button-background.png) center left no-repeat; border: none; width: 30px; height: 32px; text-indent: -9999px; font-size: 0; line-height: 0; } 

/* Single post styling */
.single #content h3 { color: #fff; }

/* Comments and trackback styling */
.comments li.comment { margin: 25px 0; }
.comments li.alt { margin: 34px 0; }
.comments li .comment-text { }
.comments li.comment,
.comments li.alt .comment-header,
.comments li.alt .comment-text { padding-left: 80px; }
.comments li.alt { background: url(img/comment-box-background.png) top left repeat-y; padding-left: 0px; }
.comments li.alt .comment-header { background: url(img/comment-box-top.png) top left no-repeat; position: relative; top: -9px; padding-top: 25px; margin-bottom: -18px; }
.comments li.alt .comment-text { background: url(img/comment-box-bottom.png) bottom left no-repeat;  position: relative; bottom: -9px; padding-bottom: 25px; }
.comments li.alt .comment-header,
.comments li.alt .comment-text { padding-right: 25px; }
.comments li.bypostauthor .comment-author { background: url(img/cocoastuff-author.png) top left no-repeat; display: block; height: 44px; padding: 0 4px 0 56px; margin: 0 0 -32px -56px; float: left; }

.comments .comment p,
.comments .comment-author,
.comments .comment .comment-meta { color: #f5ecd5; font-size: 1.2em; }

/* Comments form */
#respond { margin-right: -92px; }
#respond p,
#respond label { font-size: 1.2em; }
#respond label { color: #F5ECD5; }
#respond .form-label { display: none; }
#respond .form-input { float: right; clear: right; background-position: center right; padding-right: 6px; margin-bottom: 11px; }
#respond .form-input input { width: 208px; }
#respond textarea { width: 290px; min-height: 190px; height: 190px; }
#respond .form-submit { float: right; margin: -34px 106px 0 0;  }
	
/* Pagination styling */
.navigation .wp-pagenavi { margin-left: -5px; }
.navigation .wp-pagenavi a,
.navigation .wp-pagenavi span.current,
.navigation .wp-pagenavi span.extend { display: block; float: left; height: 34px; line-height: 34px; padding: 0; margin: 0 5px; font-size: 1.8em; text-align: center; color: #be788f; background-color: transparent !important;  border: 0 !important; }
.navigation .wp-pagenavi a,
.navigation .wp-pagenavi a:link,
.navigation .wp-pagenavi a:visited,
.navigation .wp-pagenavi a:active {  color: #be788f; padding: 0; margin: 0 5px; }
.navigation .wp-pagenavi span.current { background: url(img/navigation-current-background.png) top left no-repeat; width: 29px; }
.navigation .wp-pagenavi a:hover,
.navigation .wp-pagenavi span.current { color: #fff; }
.navigation .wp-pagenavi a[title="First"],
.navigation .wp-pagenavi a[title="Last"] { background: url(img/navigation-text-background.png) top left no-repeat; width: 60px; }

/* footer */
#footer { margin-top: 0; }
#footer .left,
#footer .right { padding: 44px 0; }
#footer .page-item-4 a { background: url(/img/cocoastuff-logo-small.png) left top no-repeat; padding-left: 54px; }