@charset "utf-8";
/*   
Theme Name: Koko Bliss
Theme URI: http://korinabliss.com/
Description: A Widget-ready Two-Column Wordpress theme
Author: Gimme-Website
Author URI: http://www.gimme-website.com
*/

@import url("reset.css");

/* Contents:
- BODY
- PAGE
- HEADER
- CONTENT
- MAIN
- NAVIGATION LINKS
- POST
- COMMENTS
- COMMENTS POPUP
- SIDEBAR
- SEARCHFORM
- FOOTER
- MISC CLASSES
*/

/* BODY */
body {
	background:#000 url(images/bg-body.jpg) top center no-repeat;
	color:#656565;
	font:12px Arial, Helvetica, sans-serif;
	margin:0;
	text-align:center;
}
a {
	border-bottom:1px dashed #0065ab;
	color:#0065ab;
	text-decoration:none;
}
a:visited {
	border-color:#6a0000;
	color:#6a0000;
}
a:hover {
	border-color:#ed2700;
	color:#ed2700;
}
a:active {
	border-color:#ed2700;
	color:#ed2700;
}

/* PAGE */
#page {
	margin:0 auto;
	padding:0;
	position:relative;
	text-align:left;
	width:900px;
}
#page #logo-drip {
	background:url(images/logo-drip.png) top left no-repeat;
	behavior:url(wp-content/themes/kokobliss/iepngfix.htc);
	height:92px;
	left:0;
	position:absolute;
	top:147px;
	width:153px;
	z-index:5;
}

/* HEADER */
#header {
	height:147px;
	padding:0;
	text-align:center;
	position:relative;
	width:900px;
}
#header h1 {
	color:#fff;
	font:bold 30px Arial, Helvetica, sans-serif;
	height:147px;
	left:-88px;
	position:absolute;
	text-indent:-9999px;
	top:0;
	width:255px;
}
#header h1 a {
	border-bottom:none;
	display:block;
	height:147px;
	text-decoration:none;
	width:255px;
}
#header .description {
	color:#fff;
	font:bold 20px Arial, Helvetica, sans-serif;
	height:147px;
	left:167px;
	position:absolute;
	text-indent:-9999px;
	top:0;
	visibility:hidden;
	width:160px;
}
#header #searchform {
	bottom:4px;
	margin:0;
	padding:5px;
	position:absolute;
	right:0;
	text-align:left;
	width:200px;
}
#header a#rss-icon {
	border-bottom:none;
	display:block;
	height:14px;
	position:absolute;
	right:0;
	top:5px;
	width:14px;
}
#header a#fb-icon {
	border-bottom:none;
	display:block;
	height:45px;
	position:absolute;
	left:370px;
	text-decoration:none;
	text-indent:-9999px;
	top:12px;
	width:45px;
}
#header a#ms-icon {
	border-bottom:none;
	display:block;
	height:45px;
	position:absolute;
	left:425px;
	text-decoration:none;
	text-indent:-9999px;
	top:12px;
	width:45px;
}
#header a#tw-icon {
	border-bottom:none;
	display:block;
	height:45px;
	position:absolute;
	left:480px;
	text-decoration:none;
	text-indent:-9999px;
	top:12px;
	width:45px;
}

/* CONTENT */
#content {/* Wrapper for #main and #sidebar */
	background:#fff;
	border:13px solid #ec2700;
	margin:0 auto;
	padding:1px 4px 4px 4px;
	position:relative;
	width:866px;
}
#topline {
	background:url(images/topline.jpg) top left no-repeat;
	height:39px;
	padding-bottom:2px;
	text-indent:-9999px;
	width:866px;
}

/* MAIN */
#main {
	background:#fff;
	float:left;
	margin:0 4px 0 0;
	overflow-x:hidden;
	padding:0;
	width:600px;
}
#main h2.pagetitle {
	color:#000;
	font:bold 25px Arial, Helvetica, sans-serif;
	margin:10px 0 0;
	padding:0;
	text-align:right;
}
#main .top-banner {
	padding-left:120px;
}
#main .top-banner a, 
#main .top-banner a:visited, 
#main .top-banner a:hover, 
#main .top-banner a:active {
	border-bottom:none;
}

/* NAVIGATION LINKS */
.navigation { /* Don't give this a bg */
	display:block;
	margin:4px 0;
	padding:5px 0 5px 0;
	text-align:center;
}
.navigation a {
	background:#33addc url(images/bg-navlink.jpg) bottom left repeat-x;
	border-bottom:none;
	color:#fff;
	font-weight:bold;
	margin:4px auto;
	padding:5px 10px;
	text-align:center;
}
.navigation a:hover {
	color:#D1EDF8;
}
.post-pages-navigation {/* If page or post is split to multiple pages */}

/* POST */
.post, body.search .page {
	background:url(images/bg-post.jpg) top left repeat-y;
	padding:0;
	margin:0;
	position:relative;
	width:600px;
}
body.search .post, body.search .page {
	background:none;
}
.post .post-head, body.search .page .post-head {
	background:url(images/bg-post-head.jpg) top left no-repeat;
	height:9px;
	width:600px;
}
.post .post-foot, body.search .page .post-foot {
	background:url(images/bg-post-foot.jpg) bottom left no-repeat;
	height:9px;
	width:600px;
}
.post h2, body.search .page h2 {
	background:url(images/bg-post-h2.jpg) top left no-repeat;
	color:#fff;
	font:bold 16px Arial, Helvetica, sans-serif;
	height:64px;
	margin:0;
	padding:18px 0 0 35px;
	position:relative;
	width:600px;
}
body.search .post h2, body.search .page h2 {
	background:none;
	color:#333;
	font:bold 16px Arial, Helvetica, sans-serif;
	height:auto;
	margin:0;
	padding:0;
	width:600px;
}
body.search .post h2 a, body.search .page h2 a {
	border-bottom:none;
	color:#333;
	text-decoration:none;
}
.post h2 a, body.search .page h2 a {
	border-bottom:none;
	color:#ecbd00;
	text-decoration:none;
}
body.search .post h2 a:hover, .post h2 a:hover, body.search .page h2 a:hover {
	border-bottom:none;
	color:#ec2700;
	text-decoration:none;
}
.post h2 .date, body.search .page h2 .date {
	bottom:4px;
	display:block;
	font-size:11px;
	height:22px;
	line-height:22px;
	margin:0;
	padding-left:0;
	position:absolute;
	right:127px;
	width:127px;
}
.entry {
	background:url(images/bg-entry.jpg) top left repeat-y;
	color:#333;
	min-height:100px;
	margin:0;
	padding:5px 120px 5px 20px;
	width:460px;
}
* html .entry {
	height:100px;
}
.post .postmetadata, body.search .page .postmetadata {
	background:url(images/bg-post-meta.jpg) bottom left no-repeat;
	color:#999;
	font-size:11px;
	height:52px;
	margin:0;
	padding:10px 0 0 62px;
	width:538px;
}
.post .postmetadata a, body.search .page .postmetadata a {
	border-bottom:none;
	color:#333;
	text-decoration:none;
}
.post .postmetadata a:hover, body.search .page .postmetadata a:hover {
	border-bottom:none;
	color:#000;
	text-decoration:none;
}
.post .photo, body.search .page .photo {
	background:url(images/photo.jpg) top left no-repeat;
	bottom:70px;
	height:100px;
	right:0;
	position:absolute;
	right:0;
	width:120px;
	z-index:4;
}

/* COMMENTS */
#comments {
	color:#333;
	width:600px;
}
a#feed-icon {
	border-bottom:none;
}
#comments h3 {
	color:#333;
	font:bold 16px Arial, Helvetica, sans-serif;
	margin:10px 0;
}
.commentlist {
	padding:10px;
	width:580px;
}
.comment, .pingback, .trackback {
	border-bottom:1px dashed #999;
	margin:5px 0;
	padding:5px;
	width:570px;
}
.pingback, .trackback {
}
.comment-body {
	margin:5px;
}
.comment-author {}
.comment-author img.avatar {
}
.comment-author cite.fn {/* comment author name */
	font:bold 14px Arial, Helvetica, sans-serif;
}
.commentmetadata {
	font-size:11px;
	margin:5px 0;
}
.commentmetadata a {
	border-bottom:none;
	color:#333;
}
.commentmetadata a:hover {
	border-bottom:none;
	color:#000;
}
#respond {
	width:610px;
}
#respond h3 {
	color:#000;
	font:bold 16px Arial, Helvetica, sans-serif;
	margin:10px 0;
}
#commentform {
	padding:10px;
}
#commentform p {
	margin:10px 0;
}
#commentform label {
	font-size:11px;
	margin:0 5px;
}
#commentform input.text {
	background:#fff;
	border:1px solid #000;
	color:#000;
	font:12px Arial, Helvetica, sans-serif;
	padding:1px 2px;
	width:40%;
}
#commentform textarea {
	background:#fff;
	border:1px solid #000;
	color:#000;
	font:12px Arial, Helvetica, sans-serif;
	height:100px;
	padding:1px 2px;
	width:90%;
}
#commentform input.button {
	background:url(images/bg-search-button.jpg) top left repeat-x;
	border:1px solid #000;
	color:#000;
	cursor:pointer;
	font:12px Arial, Helvetica, sans-serif;
}

/* COMMENTS POPUP */
body#commentspopup {
	background:#fff none;
	margin:10px;
	text-align:left;
}
body#commentspopup h1 {
	color:#000;
	font:bold 20px Arial, Helvetica, sans-serif;
	margin:10px 0;
}
body#commentspopup h2 {
	color:#000;
	font:bold 16px Arial, Helvetica, sans-serif;
	margin:10px 0;
}
body#commentspopup .commentlist {
	width:360px;
}
body#commentspopup .comment, body#commentspopup .pingback, body#commentspopup .trackback {
	margin:5px 0;
	padding:5px;
	width:350px;
}
body#commentspopup .commentmetadata {}
body#commentspopup #respond {
	width:360px;
}
/* all the rest i.e. commentform styles inherited from main comment styles */

/* SIDEBAR */
#sidebar {
	background:#ec2700 url(images/bg-sidebar.jpg) top left repeat-y;
	float:left;
	margin:0;
	overflow-x:hidden;
	padding:0;
	width:262px;
}
#sidebar ul {}
#sidebar ul li ul { /* lists inside widgets */
	list-style:none;
	margin:0;
}
#sidebar ul li ul li {
	border-bottom:1px dashed #0264ab;
	margin:3px 20px 10px 20px;
	padding-bottom:2px;
}
#sidebar ul li ul li:hover {
	border-color:#ea2900;
}
#sidebar ul li ul li a {
	border-bottom:none;
}
#sidebar ul li ul li li {
	border-bottom:none;
	margin:0 0 0 10px;
}
#sidebar ul li.widget {
	background:url(images/bg-widget.jpg) top left repeat-y;
	margin:0; 
	padding:0;
	width:262px;
}
#sidebar ul li.widget h2 {
	background:url(images/bg-widget-h2.jpg) top left no-repeat;
	color:#3083b9;
	font:bold 15px Arial, Helvetica, sans-serif;
	height:48px;
	margin:0;
	padding:14px 0 0 15px;
	width:247px;
}
#sidebar ul li.widget h2 a {
	color:#3083b9;
	border-bottom:none;
}
#sidebar ul li.widget .widget-body {
	margin:0 11px;
}
#sidebar ul li.widget .widget-foot {
	background:url(images/bg-widget-foot.jpg) top left no-repeat;
	height:25px;
	margin:0;
	padding:0;
	width:262px;
}

/* SEARCHFORM */
#searchform {
	margin:0 auto;
	padding:10px;
	text-align:left;
	width:200px;
}
#searchform input.text {
	background:#fff;
	border:1px solid #000;
	color:#000;
	font:12px Arial, Helvetica, sans-serif;
	padding:1px 2px;
}
#searchform input.button {
	background:url(images/bg-search-button.jpg) top left repeat-x;
	border:1px solid #000;
	color:#000;
	cursor:pointer;
	font:12px Arial, Helvetica, sans-serif;
}

/* FOOTER */
#footer {
	background:url(images/bg-footer.jpg) top right no-repeat;
	color:#484848;
	min-height:180px;
	padding:10px;
	text-align:left;
	width:880px;
}
* html #footer {
	height:180px;
}
#footer a {
	border-bottom:none;
	color:#484848;
	text-decoration:underline;
}
#footer a:hover {
	border-bottom:none;
	color:#868686;
	text-decoration:none;
}

/* MISC CLASSES */

a img { border:none; }
acronym, abbr { border-bottom:1px dashed; }
.aligncenter { display:block; margin-left:auto; margin-right:auto; }
.alignleft { float:left; }
.alignright { float:right; }
.center { text-align:center; }
.clear { clear:both; }
.entry blockquote { background:#D1EEF6; border:1px solid #8CD8F0; display:block; margin:5px; padding:5px; }
.entry code { background:#D1EEF6; border:1px solid #8CD8F0; display:block; margin:5px; padding:5px; }
.entry ul { list-style:disc; margin:10px 10px 10px 30px; }
.entry ol { list-style:decimal; margin:10px 10px 10px 30px; }
.entry li { margin:3px 0; }
.entry dl { margin:10px 10px 10px 30px; }
.entry dt { margin:10px 0 0; }
.entry dd { margin:3px 0; }
.entry p { margin:10px 0; }
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { font-weight:bold; margin:5px 0; }
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { background:transparent none; color:#333; font-weight:bold; height:auto; margin:5px 0; padding:0; }
.entry h1 { font-size:24px; }
.entry h2 { font-size:22px; }
.entry h3 { font-size:20px; }
.entry h4 { font-size:18px; }
.entry h5 { font-size:16px; }
.entry h6 { font-size:14px; }
.entry strong { font-weight:bold; }
.entry em { font-style:italic }
.entry big { font-size:14px; }
.entry small { font-size:10px; }
.hidden { display:none; }
.screen-reader-text { position:absolute; left:-9999px; }
.widget_tag_cloud div { margin:0 20px; }
.widget_tag_cloud a { border-bottom:none; }
.widget_tag_cloud div.widget-foot { margin:0; }
#wp-calendar { width:240px; }
#wp-calendar caption { font-weight:bold; padding:3px; text-align:center; }
#wp-calendar th { border-right:1px solid #fff; border-bottom:1px solid #fff; padding:3px; text-align:center; }
#wp-calendar td { background:#d1eef6; border-right:1px solid #fff; border-bottom:1px solid #fff; padding:3px; text-align:center; }
#wp-calendar td.pad, #wp-calendar td#next, #wp-calendar td#prev { background:#d1eef6; }
#wp-calendar a { border-bottom:none; color:#000; font-weight:bold; text-decoration:underline; }
#wp-calendar a:hover { text-decoration:none; }
.wp-caption { padding:5px 0 0 0; text-align:center; }
.wp-caption .alignleft { margin:0 5px 5px 0; }
.wp-caption .alignright { margin:0 0 5px 5px; }
.wp-caption .aligncenter { margin:0 auto 5px; }
.wp-caption .alignnone { margin:0 5px 5px 5px; }
.wp-caption img { background:#fff; border:1px solid #8CD8F0; padding:5px; }
.wp-caption p.wp-caption-text { font-size:11px; margin:5px 0; }