/*

Theme Name: TransBlue

Theme URI: http://www.sempai.net/work/rtctoys

Description: A transparent blue styled layout.

Version: 1.0

Author: Shaun Farol

Author URI: http://www.nekomode.com/

*/



/* Div's and layout */



#commentform { font: 110% Arial, Helvetica, sans-serif; margin-top: 10px; }

#commentform #submit { background: url(images/btn-bg.gif) no-repeat; border: none; color: #FFFFFF; cursor: pointer; float: right; font: bold 12px Arial, Helvetica, sans-serif; height: 20px; width: 100px; }

#commentform input { background-color: #ffffff; border: 1px solid #cccccc; margin-top: 3px; padding: 3px; width: 200px; }

#commentform label { color: #262626; font-size: 87%; }

#commentform p { margin: 0px; padding: 6px 0px; }

#commentform textarea { background-color: #ffffff; border: 1px solid #cccccc; height: 115px; margin-top: 3px; padding: 2px; width: 478px; }

#commentform textarea:focus, #commentform input[type="text"]:focus { background: #ffffff; }

#comments, #respond { border-bottom: 1px dotted #CCCCCC; clear: both; padding: 10px 0 5px 0; }

#content { float: left; padding: 0px 10px 0px 20px; width: 490px; }

#credits { color: #7a9299; font-size: 11px; height: 15px; line-height: 120%; margin: 0px auto; padding-bottom: 3px; width: 960px; }

#credits a, #credit a:visited { color: #048db4; }

#footer { clear: both; color: #ACD7EE; font-size: 11px; line-height: 130%; margin-left: auto; margin-right: auto; padding-bottom: 10px; text-align: left; width: 768px; }

#footer a strong { color: #FFFFFF; }

#footer a, #footer a:visited { color: #ACD7EE; }

#footer a:hover { color: #FFFFFF; }

#footer h4 { font: normal 146%/100% Arial, Helvetica, sans-serif; margin: 10px 0px 5px; }

#footer li a { display: block; }

#footer_bg { background: url(images/footer.jpg) no-repeat; height: 72px; width: 768px; }

#nav { clear: both; float: right; list-style: none; margin: 0px 10px 0 0; }

#nav a { border-bottom: 3px solid #FFFFFF; color: #FFFFFF; display: block; float: left; font: 12px/100% Arial, Helvetica, sans-serif; height: 32px; line-height: 32px; margin-right: 3px; text-decoration: none; vertical-align: middle; padding: 0 10px; }

#nav a:hover { border-bottom: 3px solid #0099CC; color: #0099CC; }

#nav li { display: inline; height: 30px; list-style: none; }

#nav ul { margin: 0px; padding: 0px; }

#searchform { margin: 15px 0 0; }

#searchform #s { background: #fff; border: 1px solid #cccccc; color: #000000; cursor: pointer; font-weight: normal; height: 19px; line-height: 19px; margin-right: 2px; padding: 0px 5px 0px 5px; vertical-align: middle; width: 135px; }

#searchform br { display: none; }

#searchform input { background: url(images/search-btn-bg.gif) no-repeat; border: none; color: #FFFFFF; font: bold 11px Arial, Helvetica, sans-serif; height: 20px; line-height: 20px; vertical-align: middle; width: 52px; }

#sidebar { color: #666666; padding: 0px 10px 20px 10px; width: 220px; }

#sidebar a, #sidebar a:visited { color: #5c9699; display: block; text-decoration: none; }

#sidebar a:hover { color: #73a714; display: block; text-decoration: none; }

#sidebar h2, #sidebar .sidebartitle { border-bottom: 1px dotted #CCCCCC; color: #73a714; font: lighter 18px Arial, Helvetica, sans-serif; margin: 20px 0px 2px; }

#sidebar ul { margin: 0; padding: 0; }

#sidebar ul li { border: none; border-bottom: 1px dotted #CCCCCC; list-style: none; margin: 0; padding: 2px 0; }

#sidebar ul li ul { margin: 0; padding: 0; }

#sidebar ul li ul li { border-bottom: 1px dotted #CCCCCC; padding: 2px 0 2px 0px; }

#sidebar ul li ul li ul li { border: none; padding: 1px 0 1px 10px; }


/* Classes and other stuff */


.alignleft { float: left; }

.alignright { float: right; }

.center { text-align: center; }

div.center { text-align: center; margin: 0 auto }

.clear { clear: both; }

.commentlist { line-height: 130%; margin: 10px 0px; padding-left: 20px; }

.commentlist .alt { }

.commentlist cite { color: #CC6600; font-size: 120%; font-style: normal; font-weight: bold; }

.commentlist cite a, .commentlist cite a:visited { color: #CC6600; }

.commentlist li { padding: 5px 10px; }

.commentlist small { display: block; font-size: 87%; margin-bottom: 5px; }

.entry { clear: both; padding-top: 10px; }

.loginout { background: url(images/mini-loginout.gif) no-repeat left center; margin-left: 8px; padding-bottom: 2px; padding-left: 18px; }

.navigation { clear: both; height: 15px; padding: 10px 0px; }

.post { clear: both; }

.post-date { background: url(images/date-bg.gif) no-repeat; float: left; height: 49px; width: 45px; }

.post-day { color: #999999; display: block; font-size: 18px; line-height: 18px; margin-left: -3px; padding-top: 7px; text-align: center; text-transform: uppercase; }

.post-month { color: #FFFFFF; display: block; font-size: 11px; line-height: 11px; margin-left: -3px; padding-top: 2px; text-align: center; text-transform: uppercase; }

.post-title { margin-left: 10px 0; text-transform: capitalize; width: 100%; }

.product {
	float: left;
	margin-top: 8px;
	margin-bottom: 30px;
	list-style-type: none;
	list-style-image: none;
	margin: 10px 5px;
	
}
.product li a {
	border-bottom: 1px solid #EAE4D8;
	display: block;
	width: 125px;
	padding: 5px 15px;
	font-size: 13px;
	font-weight: bold;
	color: #447BB9;
}