﻿body
{
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	text-align:left;
	padding:0px;
	margin:0px;
	font:62.5% Garamond,'Adobe Garamond Pro','Apple Garamond','ITC Garamond',Georgia,Times,'Times New Roman',serif
}

h1, h2.title 
{
	color:#4C4B4A;
	display:block;
	float:left;
	font-size:4.2em;
	line-height:50px;
	width:445px;
	margin:0;
	padding:0;
}

h2 
{
	color:#525252;
	font-size:1.8em;
	margin:20px 0 10px;
}

h3 
{
	color:#525252;
	font-size:1.3em;
	font-weight:bold;
	margin:20px 0 10px;
	text-transform:uppercase;
}

h4 
{
	color:#525252;
	font-size:1.65em;
	font-style:italic;
	margin:20px 0 10px;
}
h1,h2,h3,h4,h5 { font-weight:normal;}

p { margin:10px 0;}
a, a:visited { color:#525252; text-decoration:underline;}
a:hover { color:#222; text-decoration:none;}
a img { border:none;}
ul, ol { padding-left:15px;	margin:5px 0; }
ul li, ol li ul li { list-style-type:square; margin-bottom:5px;}
ol li, ul li ol li { list-style-type:decimal; margin-bottom:5px;}
hr { clear:both; border-top:1px dotted #ccc; border-bottom:none; border-left:none; border-right:none; margin:0px;}
small { font-size:11px; font-weight:normal;}
big { font-size:140%;}
input.button { padding:2px 10px;}
blockquote { margin: 5px 15px; font-style:italic; line-height:160%}

#menu, #wrap, #footer
{
	width:640px;
	margin:0 auto;
}

#head{ margin:40px 0;}

#footer
{
	clear:both;
	margin-bottom:20px;
	margin-top:20px;
	color:#555;
	font-size:1.4em;
	text-align:right;
	border-top:4px double #CCCCCC;
	padding-top:10px;
}

/*-------------------->>>	Menu	<<<--------------------*/
.menubg { background-color:#494949; color:#fff; height:27px;}
#menu { padding-top:6px;}
#menu a{ text-decoration:none; font-size:1.3em; text-transform:uppercase; color:#fff;}
#menu a:hover{	color:#808080;}
#menu span{	padding:0 16px;}

#footer a{ text-decoration:none; text-transform:uppercase;}
#footer a:hover { text-decoration:underline;}
/*-------------------->>>	Menu	<<<--------------------*/

h1 a, .post h2.title a { text-decoration:none;}

.hTitle
{
	font-size:4em;
	font-weight:700;
	line-height:30px;
	text-transform:uppercase;
}
.hTitle a { text-decoration:none;}

.smallTitle { color:#4C4B4A; font-size:2em; margin:0 0 25px 150px;}
.up { text-transform:uppercase;}

.dots
{
	clear:both;
	color:#8E8E8E;
	font-size:1.5em;
	letter-spacing:1px;
	line-height:5px;
}

.description
{
	color:#8E8E8E;
	font-size:2em;
	font-style:italic;
	margin:0;
}

.post
{
	clear:both;
	margin:0 auto 50px;
	padding-right:30px;
	width:610px;
}

.post .date,
.comment .date
{
	color:#A1A1A1;
	float:left;
	font-size:1.4em;
	margin-right:25px;
	padding-top:10px;
	text-align:right;
	width:140px;
	margin-top:0;
	margin-bottom:0;
}

.post .entry
{
	color:#717171;
	font-size:1.6em;
	line-height:21px;
	padding:5px 0;
	margin-left:165px;
	clear:both;
}

.post .entry:first-child:first-line  
{
	font-size:125%;
	line-height:1.4;
}

.post p.continue
{
	font-size:1.6em;
	line-height:21px;
	margin-left:165px;
	font-style:italic;
}

.post .dots{	margin-left:165px;}

.separator { clear:both; margin:20px 0;}

.pager { font-size:1.6em; color:#717171;}
.pager span, .pager a{ color:#717171; padding:0 4px;}
.pager a:hover { color:#222222;}
.pager .current{ font-size:125%; color:#222222;}

form { color:#4C4B4A;}
form label
{
	display:block;
	float:left;
	font-style:italic;
	margin-right:25px;
	text-align:right;
	width:140px;
	font-size:1.35em;
}

form { font-size:1.4em;}
form .error { font-size:1.35em;}
form label.error { clear:both; margin-bottom:15px; float:none; width:auto; text-align:left; margin-left:160px;}
form input.text
{
	background:none repeat scroll 0 0 transparent;
	border-color:#B4B4B4;
	border-style:none none solid;
	border-width:medium medium 1px;
	display:block;
	float:left;
	font-family:'Courier New',Courier,monospace;
	margin-bottom:15px;
	outline:medium none;
	padding:5px 0;
	width:250px;
}

form input.submit
{
	background:none repeat scroll 0 0 #FFFFFF;
	border:medium none;
	color:#4C4B4A;
	cursor:pointer;
	font-family:Georgia,Serif;
	font-size:0.6em;
	padding:10px 3px 0;
	text-transform:uppercase;
	vertical-align:top;
}

form textarea
{
	background:none repeat scroll 0 0 transparent;
	border-color:#B4B4B4;
	border-style:dashed dashed dashed none;
	border-width:1px 1px 1px medium;
	font-family:'Courier New',Courier,monospace;
	outline:medium none;
	padding:10px 0 10px 15px;
	width:430px;
}

form .field { clear:both; margin-bottom:4px;}
form .bracket { font-size:5em;}

.comment 
{
	margin-bottom:30px;
	clear:both;
}

.comment .num
{
	float:left;
	height:55px;
	overflow:hidden;
	width:70px;
}

.comment .num span
{	
	color:#CCCCCC;
	display:block;
	font-size:5.5em;
	font-weight:bold;
	text-align:center;
	width:70px;
}
.comment .entry
{
	color:#4C4B4A;
	float:left;
	font-size:1.6em;
	margin:0 0 0 10px;
	width:360px;
}

img.border { border:1px solid #CCCCCC;}

.login{	width:270px;	margin-left:auto;	margin-right:auto;	padding:40px;	border:1px solid #CCCCCC;	background-color:#FFFFFF;	font-family:Verdana, Arial; font-size:12px;}
.login h1{ margin:0px; color:#4C4B4A; font-size:22px; margin:0; padding:0; width:auto; float:none;}
.login label {float:none;font-size:12px;font-style:normal;margin:0;text-align:left;width:auto;}
.login .error {clear:both;float:none;margin:0;text-align:left;width:auto;}
.login a { text-decoration:none;}
.login a:hover { text-decoration:underline;}
.login .text{	border-color:#666666 #CCCCCC #CCCCCC #999999;	border-style:solid;	border-width:1px;	padding:4px 0 4px 4px;	font-size:16px;	width:260px;}
.login .field{	padding-top:20px;	padding-bottom:10px;	color: #626262;	font-size:12px;	font-weight:normal;	margin:0px;}

/*------>>		Helper	<<------*/
a,a img,img{	outline:0;}

#inuse{ color:Red; font-weight:bold;}
#available{ color:Green; font-weight:bold;}
.inStock{ color: #228b22; font-size:11px;}
.noStock{ color: #8b0000; font-size:11px;}
.desc { font-size:11px; color:#808080; font-weight:normal;}
.rowDel{ background-color:#FF4C3B;}
.bold { font-weight:bold;}
.pointer { cursor:pointer; }
.star { color:#FF0000; font-weight:normal;}
.fl{ float:left;}
.fr{ float:right;}
.clear{	clear:both;}
.error { color:#D84830;}
.tcenter { text-align:center;}
.tright  { text-align:right;}
.divcenter{ margin-left:auto; margin-right:auto;}
.w50{ width:50px}
.w70{ width:70px}
.w80{ width:80px}
.w100{ width:100px}
.w110{ width:110px}
.w120{ width:120px}
.w150{ width:150px}
.w170{ width:170px}
.w200{ width:200px}
.w220{ width:220px}
.w230{ width:230px}
.w250{ width:250px}
.w280{ width:280px}
.w300{ width:300px}
.w320{ width:320px}
.w350{ width:350px}
.w400{ width:400px}
.w450{ width:450px}
.w500{ width:500px}
.w600{ width:600px}
.w900{ width:900px}
.wp30{ width:30%;}
.wp40{ width:40%;}
.wp49{ width:49%;}
.wp50{ width:50%;}
.wp60{ width:60%;}
.wp70{ width:70%;}
.wp90{ width:90%;}
.wp98{ width:98%;}
.wfull{ width:100%;}
select.w250{ width:256px;}
.h250{ height:250px;}

.t5{ padding-top:5px;}
.t10{ padding-top:10px;}
.t20{ padding-top:20px;}
.t30{ padding-top:30px;}
.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}

.b5{ padding-bottom:5px;}
.b10{ padding-bottom:10px;}
.b20{ padding-bottom:20px;}
.b30{ padding-bottom:30px;}
.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}

.l5 { padding-left:5px;}
.l10{ padding-left:10px;}
.l20{ padding-left:20px;}
.ml0 { margin-left:0px;}
.ml5 { margin-left:5px;}
.ml10{ margin-left:10px;}
.ml20{ margin-left:20px;}
.ml30{ margin-left:30px;}
.ml50{ margin-left:50px;}

.r5{ padding-right:5px;}
.r10{ padding-right:10px;}
.r20{ padding-right:20px;}
.mr0 { margin-right:0px;}
.mr5 { margin-right:5px;}
.mr10{ margin-right:10px;}
.mr20{ margin-right:20px;}
.mr30{ margin-right:30px;}
.mr50{ margin-right:50px;}