/*
Theme Name: Helotheme
Theme URI: http://heloholo.com/says
Description: Custom theme for my blog. Based on "Starkes"
Version: 1.0
Author: Olly Holovchenko
Author URI: http://heloholo.com
Tags: heloholo, Olly Holovchenko, Mr.Gipsy

Colors:
#FFFFFF
#000000
#00FFCC
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";


/*Main*/

 
body 		{font-size:0.9em; font-family:Georgia, serif; background:url(http://heloholo.com/says/images/bg_line.png); background-repeat:repeat-x;}

img a {color:#ffffff; border-bottom: none; text-decoration:none; background:none}
img a:hover {color:#ffffff; border-bottom: none; text-decoration:none; background:none}

img  {border-bottom: none; background:none}
img:hover  {border-bottom: none; background:none}

/*Utility*/

.floatleft {float:left}
.floatright {float:right}
.clear {clear:both}



.button { 	border:1px solid #000000; background:#000000; color:#FFFFFF; font-family:Georgia, serif; font-style:italic; font-size:0.6em; padding:3px 4px; margin-top:15px; margin-bottom:20px;}
.button:hover {
	border:1px solid #00FFCC;
	background:#00FFCC;
	color: #000000;}

.newlink a {color:#ffffff; border-bottom: none; text-decoration:none; background:none}
.newlink a:hover {color:#ffffff; border-bottom: none; text-decoration:none; background:none}




/*Search*/

.s-button { height:18px;
	border:1px solid #000000; background:#000000; color:#FFFFFF; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:0.6em; vertical-align:top; margin-top:12px}
.s-button:hover {
	border:1px solid #00FFCC;
	background:#00FFCC;
	color: #000000;}


#s {width:100px; height:16px; border: 1px solid #000000; background:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:0.8em; font-weight:bold; float:left; vertical-align:top;margin-top:12px}


.custom12 {height:6px; width: 120px}


.im a {background:#000000;}
.im a:hover {background:#000000;}




/*Type and Colors*/

h1					{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:2.5em; padding:12px 0 12px 0;}
	
h2					{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:1.5em; padding:12px 0 3px 0;}	

h3					{font-family:Georgia, serif; font-style:italic; font-size:1.2em; padding:12px 0 3px 0;}

a, a:visited 		{color:#000000; border-bottom:1px dotted #000000; text-decoration:none;}

a:hover 			{border-bottom:1px solid #000000; background:#00FFCC;}

a:active 			{color:#00FFCC; border-bottom:1px solid #00FFCC;}

p					{margin-bottom:8px;}




		
/*Structure*/

#page-wrap 			{width:960px; margin: 0px auto 0; min-height:100%; height:auto !important; height:100%; align: center;}

#left-sidebar		{width: 160px; float:left; margin: 40px 30px auto 0;}
#main-col 			{width: 600px; float:left; margin-top: 40px;}
#right-sidebar		{width: 140px; float: right; padding-left: 30px; margin: 40px 0 0 0;}

.posthead a, a:visited {color:#000000; border-bottom:0px;}

.posthead a:hover {	border-bottom:0px;background:#00FFCC;}

.posthead a:active 			{border-bottom:0px;background:#00FFCC;}

.ok a, a:visited 		{color:#000000; border-bottom:1px dotted #000000; text-decoration:none;}

.ok a:hover 			{border-bottom:1px solid #000000; background:#00FFCC;}

.ok a:active 			{color:#00FFCC; border-bottom:1px solid #00FFCC;}


/*Header*/

#logo					{text-align:	left;	float:	left; margin-bottom:-20px}

#logo a {background:none; border-bottom:none;}
#logo a:hover {background:none;}




/*Sidebar*/

.widget ul {font-style:italic; font-size: 0.7em; line-height:1.6;}
.widget ul a {color:#000000;
	border-bottom:0px dotted #ffffff;
	text-decoration:none;}
.widget ul a:hover {background:#00FFCC; color:#000000}


.comment-button {
	border:1px solid #000000; background:#000000; padding: 4px 8px; color:#FFFFFF;}
	comment-button:hover {
	border:1px solid #00FFCC;
	background:#00FFCC;
	color: #000000;
	}





/*Post*/
.data {font-family: Arial, Helvetica, sans-serif; font-size:0.7em; color: #000000;padding: 2px 0 15px 0;}






/*Footer*/


#footer				{height: 100px; padding-top: 60px;  padding-left:185px; font-family: Georgia, serif; font-size:1em; color:#000000; float:left;}
#footer-inside		{width: 600px; margin: 0 auto;}



#comments {margin-top: 30px;}
ol.commentlist li					{ margin: 20px 0; }
.c-data {font-family: Arial, Helvetica, sans-serif; font-size:0.7em; color: #000000;padding: 2px 0 6px 0;}