/*

Theme Name: Homywhite



Theme URI: http://www.ehomy.net/blog

Author: Eyoung

Author URI: http://www.ehomy.net

Description: This is a blog theme with two columns and white color for WordPress.

Version: 1.07

Tags: white, two-columns, flexible-width, right-sidebar



Created Date: 2009.06.04

Latest Updated: 2009.06.23

.

This work is released under GNU General Public License, version 3 (GPL).

http://www.gnu.org/licenses/gpl.html

.

*/



/* blue: #14568A  blood red: #cc0000 */



/****************************************************************************

/********************************* general *********************************/



body {

	background: white;

	font: 80%/150% Georgia, "Times New Roman", "Bitstream Charter", Times, serif;

	font-style: normal;

	margin: 0px;

	line-height: 1.28em;

	text-align: center;

}



#wrap {

	width: 960px;

	border: none;

	margin: 0px auto;	/* make the wrap center of the page */

	text-align: left;

	color: #111;		/* default color of the fonts */

}



h1, h2, h3 {

	font-weight: bold;

	margin: 6px 0px;

	padding: 0px;

	clear: both;

	color: #333;

}



h1 {

	font-size: 3.5em;

	letter-spacing: -1px;

}



h1 a:link, h1 a:visited 

{

	color: #111;

	text-decoration: none;

}



h1 a:hover {

	color: #14568A/*#006699*/;

	text-decoration: none;

}



h2 

{

	font-size : 2em;
	text-align:left;
	padding: 40px 0px 4px 0px;
	line-height:1em;

}



.pagetitle
{

	font-size : 1em;
	text-align:left;
	padding: 40px 0px 4px 0px;
	line-height:1em;
	color:#666666;
	
}


h2 a:link, h2 a:visited 

{

	color: #333;

	text-decoration: none;

}



h2 a:hover {

	color: #14568A/*#006699*/;

	text-decoration: none;

}



h3 

{

	margin: 10px 0px;

	font-size: 1.2em;

}



blockquote {

	background: url('images/quote.gif') no-repeat;

	color: #666;

	margin-left: 30px;

	padding-left: 40px; 

}



pre {

	padding: 4px;

	font-family: Arial, "Courier New", Sans-Serif;

	border: 1px solid #ddd;

	overflow: hidden;

	}



code {

	color: #666666;

	background: #f6f6f6;

	font-family: Arial, "Courier New", Sans-Serif;

	border: 1px solid #ddd;

	padding: 0px 10px 0px 10px;

	overflow: hidden;

	}



img {

	border-style : none;

	margin: 2px;

	overflow: hidden;

	}



.hidden

{

	display: none;

}



.screen-reader-text

{/* for hidden the search text */

	display: none;

}



/* ---- Link Color ----*/

a:link, a:visited 

{

	color : #1B65A0/*#069 #69c*/;

	text-decoration : none;

}



#wp-calendar a:link, #wp-calendar a:visited 

{

	font-weight:bold;

	color : #1B65A0 /*#69c*/;

	text-decoration : none; 

}



a:hover, a:active,#wp-calendar a:hover, #wp-calendar a:active {

	color : #CC0000 /*blood red*/; 

	text-decoration : none;

} 



/*tables*/

table {

	color : #003; 

	width: 100%;

	margin: 1px auto;

	padding: 0px;

	font-size:100%;

	border: 1px dotted #ccc;

}



caption {

	color: #003;

	font-weight: bold;

	padding: 2px;

	border-top: 1px dotted #ccc;

	border-left: 1px dotted #ccc;

	border-right: 1px dotted #ccc;

}



td, th, tr {

	padding: 1px;

	text-align:center;

}



/****************************************************************************

/********************************* header **********************************/



#header 

{

	/*border-top: 4px solid #ccc;*/

}



#topline 

{

	background-image: url(images/topbg.png);

	background-repeat: repeat-x;

	height: 10px;

}



#headerTitle 

{

	padding-top: 40px;

	padding-bottom: 10px;

	padding-left: 100px;

	background: url(images/back.png) no-repeat left;

}



.logoImage {

	position:relative;

	top:-800px;

	left: 4px;

	margin: 0px;

	padding: 0px;

}



#headerimg 

{

	height: 164px;

	border: 1px solid #ccc;

}



.description {
	/*margin: 0px auto auto 0px;*/
	font-family: arial;

	font-size: 1.2em;

	color: #000000;
	padding-top:10px;
	text-transform:uppercase;
}



.musicPos 

{

	float: right;

	padding: 6px 10px 0px 10px;

}



.translayer 

{

	position: absolute;

	width: 150px;

	height: 30px;

	

	margin: -6px 0px 0px -7px;

	background-color: #666;

	* transparent *

	filter:alpha(opacity=20);

    -moz-opacity:0.2;

    opacity:0.2

}



.musicInfo

{

	position: relative;

	color: #eeeeee;

	font-family: Tahoma, "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;

	font-weight: bold;

	font-size: 0.9em;

	

	top: -17px;

	margin-left: 22px;

	 

	filter: alpha(opacity=100); 

	-moz-opacity: 1.0;

	opacity: 1.0;



}





/****************************************************************************

/******************************** content **********************************/



#content 

{

	float: left;

	padding: 0px 30px 40px 0px;

	width: 69% /*67.6%*/;

	border-right: 1px dotted #ccc;

}



.post {
	padding: 6px 0px;

	border-bottom: 1px dotted #ccc;
	text-align: justify;
}



.superscript {

	position: relative; 

	top: -8px; 

	left: 4px;

	color: #CC0000;

	font-size: 1.1em; 

}

.superscript a:link, .superscript a:visited {

	color: #CC0000;

}

.superscript a:hover {

	color: #14568A;

}



.postinfo, .postmetadata

{

	color: #7d7d7d;

	font-size: 0.8em;

	margin: 0px;

	font-style: italic;

}



.entry 

{

	font-size: 1.0em;

}



.navigation

{

	font-size: 1.0em;

	height: 1.3em;

	padding: 7px 8px 7px 10px;

}



.center 
{
	text-align: center;
}



.redfont 

{

	color: #cc0000;

}



/****************************************************************************

/****************************** sidebar ************************************/



#sidebar 

{

	float: right;

	font-size: 1.0em;

	padding: 8px 0px;

	width: 240px;

}



#sidebar ul {

	list-style-type: none;

	margin: 0px;

	padding: 2px 0px;

}



#sidebar li {

	list-style-type: none;

	margin: 0px;

	padding: 2px 0px;

}



#sidebar div {

	margin: 2px 0px;

	padding: 0px;

}



#sidebar h2 {

	margin: 0px;

	padding: 8px 0px 4px 0px;

	color : #003;

	font-size: 1.4em /*100%*/;

	font-weight: normal;

	letter-spacing: -1px;

	border-top: 1px dotted #ccc;

}



#sidebar li a {

	border:none;

}



#sidebar li li {

	margin: 0px;

	padding: 2px 0px;

	border-bottom: none;

}



#sidebar li li li {

	/*border: 1px dotted #ccc;*/

	border-bottom: none;

	margin: 0px;

	padding-top: 2px;

	padding-left: 20px;

}





/****************************************************************************

/******************************** footer ***********************************/



#footer {

	border-top: 1px solid #ccc;

	color: #666;

	clear: both;

	padding: 8px 10px;

	text-align: center;

	font-size: 0.86em;

}



#footer ul {

	margin: 2px;

	/*padding: default value*/

}



#footer li {

	display: inline;

	margin: 0px 3px;

}



/*

#footer a:link, #footer a:visited, #footer a:hover 

{

	font-size: 1.2em;

	font-style: italic;

}



#footer a:hover 

{

	/*text-decoration: underline;

}*/



a.top-link
{
	background: transparent url(images/top-sprite.png) 0 5px no-repeat; 
    padding-left: 8px;
}
a.top-link:hover  

{

	background-position: 0 -29px; 

}



.wordpress 

{

	/*background: url(images/wordpress-logo+.png);*/

	font-weight: bold;

	padding: 1px 3px;

	border: 1px solid #888;

	background-color: #464646;

	color: white;

}



.wordpress-org 

{

	color: #8a8a8a;

}



/* select box */



select 

{

	font: 1.0em "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;

	color : #666666;

	padding: 3px;

	border: 1px solid #ccc;

}



option 

{

	border-bottom: 1px dotted #ccc;

}



/**************** general forms ***************/



input, textarea

{

	font: 1.0em "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;

	color : #666666;

	padding: 3px;

	border: 1px solid #ccc;

}



input[type="submit"] 

{

	font-weight: bold;

	padding: 2px 3px;	/* for Firefox */

	padding: 3px 6px\9;	/* for IE8.0 */

	+padding: 2px 0px 0px 0px;	/* for IE7.0 */

	_padding: 3px 6px;	/* for IE6.0 */

}



textarea:hover, input:hover, textarea:focus, input[type="text"]:focus {

	border: 1px solid #666;

}



/************* Search forms ***************/



#searchform 

{

	margin-bottom: 8px;

}

/*

#searchform input[type="text"] 

{

	background: url(images/search-icon.gif) center no-repeat;

}

*/

#searchform input[type="submit"]

{	

	border: 1px solid #E48348;

	background: #C63C00;

	color: white;

}



#searchform input[type="submit"]:hover {

	background: #14568A;

	border: 1px solid #3797E2 /*#1E83D2*/;

}



/* commentform */



#commentform 

{

	font: 1.0em "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;

}



#commentform textarea 

{

	width: 78%;

}



#commentform input[type="submit"] 

{

	background: #666;

	color: white;

}



#commentform input[type="submit"]:hover 

{

	border: 1px solid #A1C1A1;

	background: #5C895C;

}



/* comment list*/

.commentlist 

{

	margin:0px;

	font: 0.9em "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;

}





.commentlist li {

	font-weight: bold;

}



.depth-1 {

	border-bottom: 1px dotted #ddd;

	margin-top: 4px;

	padding-bottom: 4px;

}



.commentlist li ul {

	list-style-type: none;

}



.commentlist li ul li {

	border-top: 1px dotted #ddd;

	margin-top: 4px;

	padding-top: 4px;

}



.commentlist li .avatar {

	float: right;

	border: 1px solid #eee;

	padding: 2px;

	background: #fff;

}



.commentlist cite, .commentlist cite a {

	font-weight: bold;

	font-style: normal;

	font-size: 1.1em;

}



.commentlist p {

	font-weight: normal;

	line-height: 1.5em;

	text-transform: none;

}

	

.commentmetadata {

	font-weight: normal;

}





/* wp-cation */



.aligncenter,

div.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



.alignleft {

	float: left;

}



.alignright {

	float: right;

}



.wp-caption {

	border: 1px solid #ddd;

	text-align: center;

	background-color: #f3f3f3;

	padding-top: 4px;

	margin: 10px;

	/* optional rounded corners for browsers that support it */

	-moz-border-radius: 3px;

	-khtml-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

}



.wp-caption img {

	margin: 0;

	padding: 0;

	border: 0 none;

}



.wp-caption p.wp-caption-text 

{

	font-size: 11px;

	line-height: 17px;

	padding: 4px 4px 5px;

	margin: 0;

}