/*
Theme Name: trendstream.net v3
Theme URI: http://mihaigrescenko.com/trendstream.net/
Description: Mihai Grescenko's theme for trendstream.net.
Version: 3.0
Author: Mihai Grescenko
Author URI: http://mihaigrescenko.com/
Tags: pink, custom, fixed width, two columns, widgets

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/


/* RESET */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* STYLE */

html {
	height: 100%;
}

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #666;
	line-height: 18px;
	background-image: url(images/background.gif);
	background-position: top center;
	background-repeat: no-repeat;
	height: 100%;	
}

a {
	color: #e64579;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#page {
	min-height: 100%;	
}

.pagewrapper {
	width: 940px;
	margin: 0 auto;
	padding-top: 70px;
	padding-bottom: 150px;
	overflow: hidden;
}

#header {
	width: 393px;
	float: left;
}

#header a {
	background-image: url(images/logo.gif);
	background-repeat: no-repeat;
	text-indent: -3000px;
	display: block;
	width: 220px;
	height: 72px;
}

#nav {
	width: 547px;
	padding-top: 30px;
	float: left;
}

#nav ul {
	overflow: hidden;
}

#nav li {
	float: left;
	margin-right: 10px;
}

#nav li a {
	color: #5a5a5a;
	padding: 5px 10px;
	display: block;
	font-size: 14px;
	text-decoration: none;
}

#nav li a:hover,
#nav .current_page_item a {
	color: #fff;
	text-shadow: #712A41 1px 1px;
	background-color: #e64579;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
}

#content {
	width: 700px;
	padding-top: 30px;
	margin-right: 20px;
	float: left;
}

.error404 h1 {
	margin-top: 100px;
	font-size: 48px;
	line-height: 60px;
	color: #e64579;
	font-weight: bold;
	letter-spacing: -2px;
}

#twitter,
#carousel {
 	overflow: hidden;
 	width: 700px;
	position: relative;
}

#twitter .wrapper:after,
#carousel .wrapper:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#twitter .panel,
#carousel .panel {
	width: 700px;
	float: left;
}

#carousel .body {
	margin-top: -30px;
}

#carousel .panel .featuredimage {
	width: 540px;
	height: 180px;
	text-indent: -3000px;
	display: block;
}

#carousel .panel .category {
	background-image: url(images/nav_background.png);
	overflow: hidden;
	height: 30px;
}

#carousel .panel .category h3 {
	background-color: #000;
	color: #fff;
	font-size: 18px;
	font-weight: normal;
	padding: 6px 10px;
	display: block;
	float: left;
}

#carousel .panel .category ul {
	overflow: hidden;
	float: right;
	margin-right: 100px;
	display: inline;
}

#carousel .panel .category ul li {
	float: left;
	margin-right: 10px;
	padding-top: 7px;
	display: inline;
}

#carousel .panel .category ul li a {
	display: block;
	width: 15px;
	height: 15px;
	background-repeat: no-repeat;
	text-indent: -3000px;
}

#carousel .panel .category ul li .prev { background-image: url(images/prev.gif);}
#carousel .panel .category ul li .next { background-image: url(images/next.gif);}

#carousel .panel .title h1 {
	font-size: 48px;
	line-height: 55px;
	padding: 0 10px;
	color: #fff;
	background-color: #e64579;
	display: inline;
	font-weight: normal;
}

#carousel .panel .text {
	padding: 10px;
}

#carousel .panel .text small {
	color: #aaa;
	font-size: 11px;
	line-height: 24px;
}

#carousel .panel .text p {
	line-height: 22px;
	margin-bottom: 10px;
}

.thumb-nav {
	margin-top: -30px;
	height: 40px;
}

.thumb-nav ul {
	overflow: hidden;
	float: right;
}

.thumb-nav ul li {
	float: left;
	display: block;
	width: 10px;
	height: 10px;
	margin-right: 5px;
}

.thumb-nav ul li a {
	display: block;
	width: 10px;
	height: 10px;
	background-image: url(images/inactive.gif);
}

.thumb-nav ul li .current {
	background-image: url(images/active.gif);
}

.buttonlink {
	font-size: 12px;
	text-decoration: none;
	color: #fff;
	text-shadow: #712A41 1px 1px;
	background-color: #e64579;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	line-height: 22px;
	padding: 5px 10px;
}

.buttonlink:hover {
	background-color: #b971a8;
	text-decoration: none;
}


#buzz h1,
#twitters h1 {
	display: block;
	color: #e64579;
	font-size: 36px;
	line-height: 48px;
	font-weight: normal;
}

#buzz h1 {
	color: #999;
}

#buzz ul {
	width: 340px;
	float: left;
}

#buzz ul li {
	margin-bottom: 20px;
}

#buzz h3 {
	color: #444;
}

#buzz small {
	color: #aaa;
	font-size: 11px;
	line-height: 20px;
}


#buzz ul.left {
	margin-right: 20px;
}

#sidebar {
	padding-top: 30px;
	float: left;
	width: 220px;
}

#sidebar h2 {
	background-image: url(images/heading_hatch.gif);
	font-size: 18px;
	font-weight: bold;
	color: #e64579;
	line-height: 28px;
	padding-left: 5px;
	margin-bottom: 10px;
}

.commentbubble {
	background-color: #c8c8c8;
	color: #fff;
	font-weight: bold;
	font-style: normal;
	line-height: 12px;
	padding: 2px 5px 4px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0 10px;
	background-image: url(images/commentpin.gif);
	background-position: bottom center;
	background-repeat: no-repeat;
}

.previous li {
	overflow: hidden;
	margin-bottom: 10px;
}


.previous .thumbnail {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	float: left;
	margin-right: 10px;
}

.previous .item {
	width: 165px;
	float: left;
}

.previous .full {
	width: 220px;
}

.previous .item strong {
	display: block;
	color: #000;
}

.previous .item a {
	display: block;
}

.previous .item em {
	display: block;
	font-size: 11px;
	line-height: 20px;
	color: #aaa;
}

#twitter {
	margin-top: 10px;
}

#twitter .avatar {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	float: left;
	margin-right: 10px;
}

#twitter .body {
	width: 642px;
	font-size: 16px;
	line-height: 22px;
	float: right;
}

#twitter .body small {
	font-size: 12px;
	line-height: 26px;
	color: #aaa;
}

#twitter .navigation {
	overflow: hidden;
	margin: 10px 0 0 58px;
}

#twitter .navigation li {
	float: left;
	margin-right: 10px;
}

#twitter .navigation a {
	display: block;
	padding: 5px 10px;
	background-color: #ccc;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	text-shadow: #666 1px 1px;
	font-size: 16px;
}

#content .heading {
	margin-bottom: 20px;
}

#content .heading .postimage {
	width: 540px;
	height: 180px;
}

#content .heading .category {
	background-image: url(images/nav_background.png);
	height: 30px;
	margin-top: -30px;
}

#content .heading .category strong {
	background-color: #000;
	color: #fff;
	font-size: 18px;
	font-weight: normal;
	padding: 6px 10px;
	display: block;
	float: left;	
}

#content .heading h1 {
	font-size: 48px;
	line-height: 55px;
	padding: 0 10px;
	color: #fff;
	background-color: #e64579;
	display: inline;
	font-weight: normal;
}

#content .entry {
	overflow: hidden;
}

#content .entry h1 {
	font-size: 24px;
	line-height: 30px;
	color: #e64579;
}

#content .entry h2 {
	font-size: 18px;
	line-height: 22px;
	color: #666;
	margin: 20px 0 5px;
	border-bottom: 1px solid #ccc;
}

#content .entry h3 {
	font-size: 14px;
	font-weight: bold;
	color: #666;
	margin-top: 10px;
}

#content .entry ul,
#content .entry ol {
	margin: 10px 30px;
}

#content .entry li {
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: 0px 7px;
}

#content .entry ul li, #content .entry ol li {background-image: url(images/bullet_level1.gif);}
#content .entry ul li ul li, #content .entry ol li ol li {background-image: url(images/bullet_level2.gif);}
#content .entry ul li ul li ul li, #content .entry ol li ol li ol li {background-image: url(images/bullet_level3.gif);}

#content .entry dl {
	margin-left: 40px;
}

#content .entry dt {
	font-weight: bold;
	color: #333;
	margin-top: 20px;
}

#content .entry dd {
	margin-left: 20px;
}

#content .entry p {
	margin-bottom: 10px;
}

#archive {
	padding-top: 40px;
}

#archive li {
	margin-bottom: 40px;
	overflow: hidden;
}

#archive li img {
	float: left;
	margin-right: 40px;
}

#archive li .body {
	width: 560px;
	float: left;
}

#archive li .body strong {
	color: #666;
	display: block;
}

#archive li .body a {
	font-size: 18px;
	line-height: 40px;
}

#archive li .body em {
	color: #aaa;
	line-height: 21px;
	font-style: normal;
}

#twitter .navigation a:hover {
	text-decoration: none;
	text-shadow: #712a41 1px 1px;
	background-color: #e64579;
}

#searchform {
	padding: 0 15px;
}

#searchform input {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #aaa;
	border: 2px solid #eee;
	padding: 10px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;	
}

#searchform .focused {
	background-image: none;
	padding-left: 10px;
	width: 170px;
}

#searchform .blured {
	background-image: url(images/search.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	padding-left: 30px;
	width: 150px;
}

#comments h2,
#respond h3 {
	color: #e64579;
	font-weight: normal;
	font-size: 18px;
	margin: 40px 0 20px;
}

#comments-list .even {
	background-color: #fff;
}

#comments-list .odd {
	background-color: #eee;
}

#comments-list li {
	padding: 20px;
	overflow: hidden;
}

#comments-list .children {
	margin-left: 200px;
}

#comments-list .comment-author {
	width: 180px;
	margin-right: 20px;
	float: left;
}

#comments-list .avatar {
}

#comments-list .comment-author p {
	width: 180px;
}

#comments-list .comment-author p strong {
	font-size: 18px;
	color: #333;
	font-weight: normal;
}

#comments-list .comment-author p small {
	font-size: 11px;
	color: #aaa;
}

#comments-list .comment-author p .comment-edit-link {
	text-decoration: none;
	color: #fff;
	text-shadow: #c83c69 1px 1px;
	background-color: #e64579;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	line-height: 21px;
	padding: 3px 6px;
}

#comments-list .comment-author p .comment-edit-link:hover {
	text-shadow: #955787 1px 1px;
	background-color: #b56da8;
}

#comments-list .comment-body {
	float: right;
	width: 460px;
}

#commentform {
	width: 660px;
	padding: 0 20px;
}

#commentform input,
#commentform textarea {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #ccc;
	padding: 10px;
	margin-bottom: 10px;
}

#commentform textarea {
	width: 640px;
}

#commentform .submit {
	font-size: 14px;
	color: #fff;
	text-shadow: #c83c69 1px 1px;
	background-color: #e64579;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #e64579;
	padding: 5px 10px;
}

#commentform .req {
	color: #e64579;
}




.theerror {
	background-image: url(images/404.gif);
	background-repeat: no-repeat;
	padding-left: 150px;
	margin: 0 auto;
	width: 250px;
	height: 140px;
}

.theerror h1 {
	padding-top: 20px;
}


#footer {
	background-color: #f0f0f0;
	border-top: 1px solid #999;
	padding: 30px 0;
	margin-top: -116px;	
}

#footer .wrapper {
	width: 940px;
	margin: 0 auto;
}

#footer ul {
	overflow: hidden;
	margin-left: -10px;
}

#footer li {
	float: left;
	padding: 10px;
}

#footer li a {
	font-size: 12px;
	line-height: 20px;
}

#footer p {
	font-size: 11px;
	color: #999;
	line-height: 15px;
}