/*
Theme Name: Ihatetomatoes
Theme URI: http://www.ihatetomatoes.net
Version: 1.0.0
Author: Petr Tichy
*/

/* sticky footer */
* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 30px;}  /* must be same height as the footer */

#footer {position: relative;
	margin: -30px auto 0 auto; /* negative value of footer height */
	height: 30px;
	clear:both;} 

/* Overal setup */
* { margin:0; padding:0; }
body { background:#070e03 url(images/img_main-background.jpg) repeat-x top center; color:#D1DCC0; font:12px/14px  helvetica, arial,Sans-serif; }
a:link, a:visited   { color:#559B1F;text-decoration:none;outline:0; }
a:hover { color:#eee; }
a img { border: none; }
ul, li { list-style: none;margin:0;padding:0; }
h1  { font-size:30px; } 
h2  { font-size:14px; } 
h3  { font:bold 11px arial,helvatica;color:#bbb;text-transform:capitalize; }
h3 SPAN.slash { font:bold 10px Arial !important; text-transform: lowercase; }
h4  { font-size:14px; }
code { font: 11px  "Courier New"; color:#666; padding:5px;margin:5px 0;display:block;border-left:1px solid #903000; }
blockquote { color:#ddd; padding:5px;font: 12px Arial,Sans-serif;line-height:1.4em; }
.left { float:left;margin-top:3px;margin-right:8px; }
.right { float:right;margin-left:8px; }
.clear { clear: both; }
.clear-both { clear: both; }
.pagenavi  { margin: 10px 0; clear: both; }
.rc-10 {
	-moz-border-radius:10px;  
	-webkit-border-radius:10px;
}

/* buttons */
a.awesome {color: #FFFFFF !important}
.awesome, .awesome:visited {
	background: #222 url(images/button-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 7px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

	.awesome:hover							{ background-color: #111; color: #fff; }
	.awesome:active							{ top: 1px; }
	.small.awesome, .small.awesome:visited 			{ font-size: 11px; padding: ; }
	.awesome, .awesome:visited,
	.medium.awesome, .medium.awesome:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	.large.awesome, .large.awesome:visited 			{ font-size: 14px; padding: 10px 14px 8px; }

/*
	Green:			#a5c941			Red:			#8d0606
	Med Green:		#769926			Med Red:		#e33100
	Drk Green:		#91ad52			Drk Red:		#872300
	Blue:			#73cacf			Orange:			#ff6908
	Med Blue:		#2daebf			Med Orange:		#ff5c00
	Drk Blue:		#007d9a			Drk Orange:		#d45500
	Magenta:		#c9025c			Yellow:			#ffb515
	Med Magenta:	#a9014b			Med Yellow:		#fc9200
	Drk Magenta:	#630030			Drk Yellow:		#d17200
*/


	a.alt, a.alt:visited 				{ background: #2daebf; display: inline-block; line-height: 1; padding: 5px 12px 7px; color: #fff; font-size: 13px; font-weight: bold; text-decoration: none; -webkit-border-radius: 12px; -moz-border-radius: 12px; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); position: relative; -webkit-transition: background 0.15s ease-out; }
	a.alt:hover						{ background-color: #007d9a; color: #fff; }
	a.alt:active						{ top: 1px; }
	a.green.alt, a.green.alt:visited		{ background-color: #91bd09; }
	a.green.alt:hover						{ background-color: #749a02; }

	
	.white.awesome, .white.awesome:visited		{ background-color: #eee; border: 1px solid #ddd; color: #555; text-shadow: 0 -1px 1px #fff; }
	.white.awesome:hover						{ background-color: #ddd; color: #333; }
	.green.awesome, .green.awesome:visited		{ background-color: #91bd09; }
	.green.awesome:hover						{ background-color: #749a02; }
	.blue.awesome, .blue.awesome:visited		{ background-color: #2daebf; }
	.blue.awesome:hover							{ background-color: #007d9a; }
	.red.awesome, .red.awesome:visited			{ background-color: #8d0606; }
	.red.awesome:hover							{ background-color: #680000; }
	.magenta.awesome, .magenta.awesome:visited		{ background-color: #a9014b; }
	.magenta.awesome:hover							{ background-color: #630030; }
	.orange.awesome, .orange.awesome:visited		{ background-color: #ff5c00; }
	.orange.awesome:hover							{ background-color: #d45500; }
	.yellow.awesome, .yellow.awesome:visited		{ background-color: #ffb515; }
	.yellow.awesome:hover							{ background-color: #fc9200; }

/* logo */
#logo {
	height:78px;
	width:209px;
	position: relative;
	overflow:hidden;
	float:left;
	left:20px;
	top: 25px;
	font-size: 2em;
	line-height: 1em;	
}
#logo a {
	color:#81B02C;
}
#logo a:hover {
	background-position: bottom;
	cursor: hand;	
}
#logo a span {
	display:block;
	width:209px;
	height:78px;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	margin: 0;
	padding:0;
	background:url("images/img_logo.png") top left no-repeat;
}

/* navigation */
ul.topnav   { list-style:none;text-align:left; }
.topnav li   { float:left;margin: 0; }
.topnav li a  { font:11px arial;outline:none;color:#ddd;text-decoration:none;display:block;padding:5px 15px;text-transform:uppercase; }	
.topnav li a:hover   { color:#b3d565 !important; }
.topnav li.rss   { float:right;display:block; width: 60px;background:transparent url(images/rss.png) no-repeat 130% 0; }
.topnav li.rss a { color: #eee; }
.topnav li.rss a:hover   { background: transparent;color:#a0410d !important; }

/* header */
#header { width:960px;margin:0 auto;}
#header h1 a { display:block;font-size: 20px; margin: 5px 0; width: 240px;text-indent: -999em; }
#header h1 a:hover { color: #7ebe40; }
#main-wrapper { display:block; margin:0 auto;width:960px;padding-bottom:90px;text-align:left;background:url(images/px.png); }
.main { width: 490px;margin:0;padding:0;float:left;overflow: hidden; }
#content p {margin-bottom: 1.333em;}
#content .bio p:last {margin-bottom: 0;}

/* pHome - home tamplate */
.pHome #header {height: 145px;}
.pHome #main-wrapper {background: none;}
.pHome .main-title {background: url(images/txt_do-you-hate-tomatoes.png) no-repeat top left; text-indent: -9999em; width: 635px; height: 38px;}
.warning {background-color: #a70000; color: #ffffff; width: 100%; position: relative; top: 10px;}
.warning-inside {padding: 10px; text-align: center;}
	
	.pHome .tweet,
	.pHome .delicious-posts {min-height: 325px; height: auto !important; height: 325px;}
	
	/* poll */
	.my-poll {margin-bottom: 20px;}
	.my-poll-inside {}

	/* twitter */
	.tweet-container {background: url(images/opa.png) repeat top left; position: relative;}
	.tweet {padding: 10px;}
	.tweet .tweet_avatar {float: left;}
	.tweet .tweet_avatar img {
		filter:alpha(opacity=80);
		-moz-opacity:0.8;
		-khtml-opacity: 0.8;
		opacity: 0.8;
	}
	.tweet .tweet_list li {clear: left; margin-bottom: 10px;}
	.tweet .tweet_list li p {margin-left: 42px;}
	.loading-icon {position: absolute; top: 49%; left: 48%}
	
	/* delicious container */
	.delicious-container,
	.bio-container {background: url(images/opa.png) repeat top left; width: 100%}
	.delicious-posts {padding: 10px;}
	.delicious-posts ul li {margin-bottom: 10px;}
	.delicious-posts h2 {display: none;}
	.delicious-posts ul li a {padding-left: 30px; color: #D1DCC0; vertical-align: sub; display: inline-block; min-height: 20px; height: auto !important; height: 20px; }
	.delicious-posts ul li a:hover {color: #ffffff;}
	.delicious-posts ul li { background: url(images/ico_delicious.gif) no-repeat 0 center; display: block; vertical-align: middle;}
	.delicious-posts ul li:hover {background-position: -380px center;}
	
	/* bio */
	.bio {padding: 10px;} 
	
/* maintenance */
.maintenance {padding-left: 270px;}
.maintenance h1 {font-weight: normal; margin-bottom: 0.5em; color: #d1dcc0;}
.maintenance p {color: #90ab65;}
	
/* thumnail covers */
.thumb { background: #222 url(images/thumb.png); display: block; width: 235px; overflow: hidden; height: 150px; margin: 0 10px 10px 0; position: relative; }
.thumb-title { margin-bottom:5px;background:#000;bottom:0;right:0;display:block;position:absolute;padding:4px;filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85; }
.thumb-title:hover { background:#222; }
.thumb-title h2 { margin: 0; line-height: 1.4em; }
.thumb-title h2 a { font:11px Arial,helvetica;display:block;color:#aaa;text-decoration: none;text-transform:capitalized; }
.thumb-title h2 a:hover { color: #fff;}



/* Ancillary */
#ancillary  { margin:0;padding:0;}
#ancillary .flickr { padding: 3px 2px; background: #202020 ; overflow: hidden; }
#ancillary .flickr img  { margin:10px 10px; width:45px;height:45px;display:block;float:left; }
#ancillary .flickr a img  { border:4px solid #eee; }
#ancillary .flickr a:hover img  { border:4px solid #6199dc; }



/* single page */
.post.single { line-height:1.4em; width:485px;padding:3px; }
.post.single h2, .post.single h2 a { font:22px arial,helvetica;letter-spacing:-1px;line-height:1.4em;color:#ddd;text-decoration:none; }
.post.single .postMeta { font:10px Arial;margin-bottom:5px;color:#999; }
.post.single .postMeta span.date { padding:0 2px 0 0; }
.post.single .postMeta span.comments { background: url(images/comment.gif) no-repeat left center;padding-left:15px; }
.post.single .postMeta span.comments a,
.post.single .postMeta span.date a{ color:#999; }
.post.single .entry { float:right; line-height:18px;overflow:hidden;padding-bottom:25px; }
.post .entry img.wp-smiley  { border:0px none; margin:0; vertical-align:middle; }  /*//////// SMILEY ////////*/
.post .entry img,.entry a img { border:4px solid #999; }
.post .entry a:hover img { border-color:#eee; }
.post.single h3 { font-size: 12px;font-weight:bold; color: #6199dc; display:inline; }
.post.single p { margin: 1em 0; }
.post.single p a,.post.single li a { color:#b3d565; }
.post.single p a:hover { color:#ddd; }
.post.single p strong { font-weight: bold; }
.post.single p em { font-style: normal; background: #f9f9de; }
.post.single a { color:#a9a393; }
.post.single a:hover { color:#ddd; }
.post.single blockquote { margin: 0 1.5em; color: #6c6c6c; }
.post.single ul, .post.single ol { margin: 1em; }
.post.single ul li, .post.single ol li { margin: 0; color: #666; line-height: 1.4em; }




/* twitter */
#twitter #twitter_update_list {font-size: 11px; color:#BBBBBB; line-height:1.4em; padding: 0;line-height:1.6em;}
#twitter #twitter_update_list li {margin: 0px; padding: 2px 0; list-style-type: none;}
#twitter #twitter_update_list li span {display: block;}
#twitter #twitter_update_list a { color:#BBBBBB;padding:0;margin:0;}
#twitter #twitter_update_list a:hover  { color:#fff;padding:0;margin:0; }



/* sidebar related */
#sidebarwrapper  { margin:0;padding:0;float:right;color: #999; }
#left-sidebar { color:#ddd;float:left;margin:0;width:220px;padding:5px;background: transparent url(images/opa.png); }
#left-sidebar h3 {padding:3px; background: #6e80c4;display: inline; color: #eee; }
#left-sidebar a   { color:#559B1F; }
#left-sidebar a:hover { color:#fff; }
#left-sidebar p { color:#ddd; }
#left-sidebar ul { list-style:none;margin:8px 0 4px;color: #999; }

.categories { padding: 0; color: #666; }
.categories li { font-size: 11px;padding:3px 2px; float: left;color:#444; width: 48%; display: inline; }
.categories li a { color: #999; text-decoration:none;  }
.categories li a:hover { color:#eee;text-decoration: none; }

.recent-posts { padding: 10px 0; }
.recent-posts ul { margin: 0px; padding: 0; }
.recent-posts li { margin: 0px; padding: 4px 0; list-style-type: none;  }
.recent-posts li a { text-decoration:none; }
.recent-posts li a:hover { text-decoration:none;  }

.delicious { padding: 10px 0; }
.delicious ul { margin: 0; padding: 0; }
.delicious li { margin: 0px; padding: 2px 0; list-style-type: none;}
.delicious li a { text-decoration:none; }
.delicious li a:hover { text-decoration:none; }

.tags { margin:10px 0;padding:0;line-height:2em; }
.tags a { text-decoration:none;color:#333;font-weight:normal; }
.tags:hover a { color: #666; text-decoration: none; }
.tags:hover a:hover, #sidebar .tags a:hover { color: #eee;text-decoration: none; }




#right-sidebar { color:#ddd;float:left;width:220px;margin:0;padding:5px;font-size:11px;background: transparent url(images/opa.png); }
#right-sidebar h3 {padding:3px; background: #6e80c4;display: inline; color: #eee; }
#right-sidebar p { color:#ddd; padding-bottom:10px;}
#right-sidebar a   { color:#999;text-decoration:none; }
#right-sidebar a:hover { color:#fff; }
#right-sidebar ul { list-style:none;margin:8px 0 4px; }



/* COMMENTS */
h3#comments, h3#respond { font-weight:normal; font-size: 14px;font-family: arial, verdana;letter-spacing:-1px; color:#ddd;padding:5px 0;}	
ol.commentlist { list-style:none; margin:0; padding:0; }
ol.commentlist cite { text-transform:none; font-style:normal; }
ol.commentlist li { border-bottom:1px dotted #222; padding:15px 0; }
ol.commentlist h5 { font-size:12px; margin:3px 0; padding:0; }	
ol.commentlist h5 a:link { color:#679ef1;}
ol.commentlist h5 a:hover { color:#fff; }
ol.commentlist h5 small { display:block; }	
ol.commentlist li { font-size: 11px; margin: 0; }
ol.commentlist li span.moderate { padding:2px; color:#f30; }



/* form */
#commentform { margin: 1em 0;}
#author, #email,#url,#comment{font:1em arial,helvetica,verdana,sans-serif;margin: 5px 0;padding:2px;}
.comment-warning strong { color: #999; font-weight: bold; }



/* footer */
#footer {color:#343c2c; font-size:10px;line-height:1.4em; clear:both;width:950px;text-align:right; }
#footer a { font-weight: bold;color:#343c2c; text-decoration: none;}
#footer a:hover { text-decoration: underline;}
#footer img { display: none; }