/* CSS Mastery: Advanced Web Standards Solutions - pramit mehta copyright @ PHAT Fitness */

body, p			{ font-family:Tahoma, arial, "Trebuchet MS", "Lucida Sans Unicode" }
img 			{ border:0 }
body			{ background-color:#f0f0f0 }
.blogbg			{ background:url(../images/blog-bg.jpg) 0 0 repeat-x;  }
p				{ padding:3px 5px; margin:0; font-size:12px; color:#333; line-height:18px;}
.p				{ padding:0; font-size:16px; font-family:georgia; color:#333;}

body, h1, h2, h3, h4, h5, h6, li  { margin:0; padding:0; list-style:none}

.ul				{ padding:0 0 0 15px; margin:8px 0 0 15px}
.ul	li  		{ font-size:12px; color:#333; line-height:17px; list-style:circle;}
/* default links */
a 		 		{ font-size:12px; color: #000}
a.black	 		{ color: #000; font-size:12px}
a.gray    		{ font-size:11px; color:#333}
a.red    		{ font-size:11px; color:#ba0000;}
.bullet a	 	{ background:url(../images/arrow.png) 0 0 no-repeat; padding-left:20px; color: #000; font-size:12px; }

a:hover, a.black, a:hover.gray, a.red, a:hover.bullet	{ text-decoration: underline}
a, a:hover.black, a.gray, a:hover.red, a.bullet	{ text-decoration: none}

a:hover        		{ color: #7A001C}
a:hover.black 		{ color: #7A001C}
a:hover.gray	   	{ color: #666}
a:hover.red		   	{ color: #000}

.btnlogin, .btnloginhover	 { height:19px; width:45px; cursor:pointer; border:none; vertical-align:middle; font-family:"Trebuchet MS"; font-size:11px; font-weight:700; color:#FFF; padding-bottom:3px; #padding-bottom:0}
.btnlogin			 { background:url(../images/btn-small.jpg) 0 0 no-repeat}
.btnloginhover  	 { background:url(../images/btn-small.jpg) 0 -19px no-repeat; color:#FFF}

.btnclick, .btnclickhover	 { height:36px; width:208px; cursor:pointer; border:none}
.btnclick			 { background:url(../images/btn-click.jpg) 0 0 no-repeat}
.btnclickhover  	 { background:url(../images/btn-click.jpg) 0 -36px no-repeat}

.redcolor		{ color:#F00; }
label			{ margin:3px 0; position:absolute;}
.input100, .input, .input01, .inputpad, .inputleft	{ font-size:12px; color:#666}
.input100		{ border:1px solid #cbcbb3; width:100px; padding-bottom:3px}
.input			{ margin:2px 0 2px 80px; width:45px}
.input01		{ margin:2px 0 2px 1px; width:45px}
.inputpad		{ margin:2px 0 2px 80px; width:120px}
.inputnone		{ margin:2px 0 2px 80px}
.inputnone01	{ margin:2px 0 2px 1px}

.label{ float: left; width: 120px; font-weight: bold; }
.inputleft, .textarea{ width: 180px; margin:0 0 5px 140px; }
.textarea{ width: 250px; height: 120px; }
.boxes{ width: 1em; margin:0 0 5px 140px; }
#submitbutton{ margin-left: 140px; margin-top: 5px; width: 90px; }
.default		{ font-size:13px; letter-spacing:1px; text-transform:uppercase; margin:3px 10px; color:#900; font-weight:100;}

br{ clear: left; }
/* -- content ------*/
h1					{ font-size:18px; color:#cb4418; font-weight:700; text-transform:uppercase; font-style:italic}
h1 span				{ font-size:11px; color:#333; font-weight:700; font-style:normal}
h2					{ font-size:23px; color:#000; font-weight:700; font-family:Georgia}
h3					{ font-size:18px; color:#fff; font-weight:100; font-family:"Trebuchet MS", Georgia; border-bottom:3px solid #000; background:#830D1B url(../images/yellowled.png) 2px center no-repeat; text-indent:20px; padding:4px 3px; margin-bottom:5px}
h4					{ font-size:16px; color:#000; font-weight:700; font-family:Georgia; background:url(../images/bullet.jpg) 0 center no-repeat; text-indent:20px; text-decoration:underline; margin-bottom:5px}
h4:hover			{ text-decoration:none}
h5					{ font-size:13px; color:#C30; font-weight:700; background-color:#f0f0f0; padding:5px }
h6					{ padding:0 0 0 5px; text-align:right; font-size:11px; border-bottom:1px solid #000; padding-bottom:2px; color:#666; font-weight:100; }


.floatl				{ float:left}
.floatr				{ float:right}
.clear				{ clear:both; overflow:hidden; height:1px}

.main				{ width:950px; min-height:500px; margin:auto; background:url(../images/bg.jpg) left top repeat-y}
.blogmain			{ width:950px; min-height:500px; margin:auto;}
.mainpadd			{ margin:0 35px}
.MainContent 		{ width:auto; }


.content15px             { font-size:15px; color:#333}
.content12px             { font-size:12px; color:#333}
.content11px             { font-size:11px; color:#666}
.content10px 			 { font-size:10px; color:#333}
.title		             { font-size:14px; color:#a00000; font-family:Arial}

.padding5px				 { padding:5px}
.padding10px			 { padding:15px}
.padding15px			 { padding:0 15px}
.padding20px			 { padding:20px}
.space15px               { height:15px}
.space10px               { height:10px}
.space5px                { height:5px}

/* -- rounded div ------*/
.t {background:#fff url(../images/round-topbg.jpg) 0 0 repeat-x}
.b {background: url(../images/round-bottombg.jpg) 0 100% repeat-x}
.l {background: url(../images/round-leftmbg.jpg) 0 0 repeat-y}
.r {background: url(../images/round-rightmbg.jpg) 100% 0 repeat-y}
.bl {background: url(../images/round-leftb.jpg) 0 100% no-repeat}
.br {background: url(../images/round-rightb.jpg) 100% 100% no-repeat}
.tl {background: url(../images/round-leftt.jpg) 0 0 no-repeat}
.tr {background: url(../images/round-rightt.jpg) 100% 0 no-repeat; padding:5px}

/*	-- Footer -- */
.footerl		{ width:223px; border-top:5px solid #525252; padding-top:10px; text-align:center; color:#af283f; font-size:12px; height:35px}
.footerr		{ width:647px; border-top:5px solid #8b8b8b; padding-top:5px; line-height:15px; text-align:center; color:#838383; font-size:11px}

ul.menunav				{ width:auto; list-style:none; margin:3px 0; padding:3px 0;}
ul.menunav li			{ padding:0 0 5px 0; float:left; display:block; background:#D7DCBC url(../images/bullet-white.gif) -1px center no-repeat; width:212px; border:1px solid white}
ul.menunav li a			{ padding:0 0 0 18px; font-size:13px; font-weight:700; color:#333; text-decoration:underline;}
ul.menunav li a:hover	{ color:#000; text-decoration:none}

/* -- nav div ------*/

ul#primary-nav,
ul#primary-nav ul { margin: 0; padding: 0; width: 198px; /* Width of Menu Items */ background: #fff; /* IE6 Bug */ font-size: 100%; z-index:2000}

ul#primary-nav li { position: relative; list-style: none; #z-index:105}
 
ul#primary-nav li a { display: block; text-decoration: none; color:#000; font-weight:700; padding: 5px 5px 5px 35px; border: 1px solid #fff; border-bottom:1px solid #ccc; zoom: 1; background:transparent url(../images/nav.jpg) no-repeat 0 0}

/* Fix IE. Hide from IE Mac \*/
* html ul#primary-nav li { float: left; height: 1%}
* html ul#primary-nav li a { height: 1%}
/* End */

ul#primary-nav ul { position: absolute; display: none; left: 198px; /* Set 1px less than menu width */ top: 0; border:1px solid #ccc}
ul#primary-nav ul ul{ position: absolute; display: none; left: 255px; /* Set 1px less than menu width */ top: 0; z-index:999} 

ul#primary-nav li ul li a { padding:5px 3px 5px 7px; background-color:#fff; font-size:11px; font-family:Tahoma; color:#000; text-indent:25px;} /* Sub Menu Styles */
ul#primary-nav li ul li a:hover { padding:5px 3px 5px 7px; color:#f00; z-index:99999} /* Sub Menu Styles */

ul#primary-nav li:hover ul ul,
ul#primary-nav li:hover ul ul ul,
ul#primary-nav li:hover ul ul ul ul,
ul#primary-nav li.over ul ul,
ul#primary-nav li.over ul ul ul,
ul#primary-nav li.over ul ul ul ul{ display: none} /* Hide sub-menus initially */

ul#primary-nav li:hover ul,
ul#primary-nav li li:hover ul,
ul#primary-nav li li li:hover ul,
ul#primary-nav li li li li:hover ul,
ul#primary-nav li.over ul,
ul#primary-nav li li.over ul,
ul#primary-nav li li li.over ul 
ul#primary-nav li li li li.over ul{ display: block; width:255px} /* The magic */

ul#primary-nav li.menuparent { #height:26px; color:#333}

ul#primary-nav li.menuparent:hover, ul#primary-nav li.over {#height:24px; color:#333} 
ul#primary-nav li a:hover { bbackground-color:#666; color:#333; text-decoration:none;}

.border			{ border:1px solid #ccc}
.border	td		{ border:1px solid #f0f0f0}
.tableborder td	{ border:1px dashed #f0f0f0}

ol				{ margin:10px 0 0 25px; padding:5px 0; font-size:14px }
ol.commentlist li { list-style:decimal; margin-left:0; border:1px solid #B0B0B0; margin-bottom:10px; padding:10px; }
ol.commentlist li cite { text-transform:capitalize; font-style:normal } 
ol.commentlist li p { padding-top:10px; }
ol.commentlist .children { list-style-type:none; }
ol.commentlist li .avatar {  border:1px solid #B0B0B0; float:right; margin:0; padding:2px; }

<!--tableless div-->
.left_column, .central-colunm, .right_column, .col{ background-color:#fff; float:left; text-align:left; border-bottom:1px #E1E1E1 solid; padding:2px 4px; margin:0}

.wrapper { width:632px; border:1px #830D1B solid; padding:1px;}
.left_column { width:179px; background-color:#fff; float:left; text-align:left; border-bottom:1px #E1E1E1 solid; padding:2px 4px; margin:0}
.central-colunm { width:167px}
.right_column { width:85px} 
.col { width:169px}
.spacer{ clear:both; margin:0; padding:0; line-height:0px; }
.bgcolor	{ background-color:#f0f0f0; }