html, body { padding: 0; margin:0; }
body { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #555; }



.start img {border:0;}

h3 { font-weight: bold; font-size:70%; }

#main-1, #footer { width: 770px; margin: 20px auto 0 auto; }
#main-1 { margin: 20px auto 0 auto; display: table;}
#footer { margin: 30px auto 50px auto; }
#main, #main1, #main2 {float: left; width: 100%; }
#main  { background: url(../imgs/main_bg.png) repeat-y -770px 0;    }
#main1 { background: url(../imgs/main_bg.png) no-repeat 0 0; }
#main2 { background: url(../imgs/main_bg.png) no-repeat -1540px 100%; padding: 0; }

h2 { text-transform: uppercase;  font-weight: bold; font-size:75%;  }
h2 em { color: #c23520; font-style: normal;  }

#main-1 h2 a { color:#555; text-decoration:none; }
#main-1 h2 a:hover {color:#555; text-decoration:none; background-color:#ebebea; }


#header, #header1 { height: 50px; position: relative; }
#header1 {
	line-height: 50px;
	padding-left:98px;
	
}
#header h1 {
	padding: 0;
	margin: 0;
	color: #bcbcbc;
	font-size: 80%;
	font-weight: bold;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
#header h1 em { color: white; font-style: normal; }
#header h1 .logo2  {   }

.designPlusLogo {position: absolute; top:0; left: 0;}
.designPlusLogo img {border:0;}
.icoGLogo {position: absolute; top: 0; right: 12px;}
.icoGLogo img {border:0;}

#sidebar { width: 218px; float:left; }
#sidebar1 { padding: 10px; }
#sidebar .hr { height: 2px; background: url(../imgs/sidebar_hr.gif) repeat-x 0 50%; margin: 20px -10px; font-size:2px; }
#sidebar ul.projects { margin: 0; padding: 0; }
#sidebar ul.projects li { display: block; text-transform: uppercase; font-size: small; padding-left: 20px;
	background: url(../imgs/list_bullet.gif) no-repeat 5px 50%; } 
	
.projects a { color:#555; text-decoration:none; font-size:70%;}
.projects a:hover {color:#555; text-decoration:none; background-color:#ebebea; }
	
 #content { width: 532px; float: right; margin: 0; }
.W3C #content {  padding: 10px 10px 15px 10px;  }
.IE #content { padding: 10px 10px 25px 0; }
#content p { font-size: 70%; margin-right:6px; line-height:15px;}

#greyBox {background: #58595b; color:white; padding: 12px; font-size:70%; line-height:20px;}
#greyBox em { color: #c23520; font-style: normal;  }

#footer { text-align: right; font-size:65%; margin-top:10px!important; marin-top:-10px;}
#footer img { border:0;}
#footer li { display: inline; padding: 2px; color:#999;	margin-right: 5px; line-height: 50px;  }
/*#footer #siteByR { background: url(../imgs/r_logo.gif) no-repeat 100% 50%; }
#footer #siteBy6s { background: url(../imgs/6s_logo.gif) no-repeat 100% 50%; }*/
#footer a { color:#555; text-decoration:none; }
#footer a:hover {color:#555; text-decoration:underline; }

input:hover, input:active, input:focus, textarea:hover, textarea:active, textarea:focus {border-color: #c23520;}
.fixwidth {	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;	font-size: 80%;	width:196px;	margin:0; padding:0;}
.subbut {margin-top:0px; padding:0;}
textarea {overflow: auto;}
form {margin: 0 0 15px 0;}

#loginForm {padding: 0; margin:10px 0 0 0;}
#loginForm fieldset {border: 0px solid #ccc; padding: 0; margin:0;}
#loginForm label {display: inline; margin: 0; padding:0 5px 2px 0;text-transform: uppercase;}
#loginForm label span {	padding: 0 10px 0 0; color: #555; font-size: 60%;	font-weight: bold; /*text-shadow: #191919 0 1px 1px; */}
#loginForm .noteerror {font-size:70%; color:#FF0000; margin:0; padding:5px 0;}

.note {font-size:70%;}
.commentShell {background:white; border:solid 1px #666; margin: 0 0 10px 0;}
.comTitle {	border-bottom:solid 1px #666;	color:#c23520;;	font-size:65%;	display: block; padding:2px 5px;}
.comBod  {color:#666; font-size:65%; padding:2px 5px;}
.comsub {color:#666; font-size:70%; padding:2px 5px; background:#fff; border:1px solid #999;}
.comsub a { color:#c23520; text-decoration:none;}
.comsub a:hover {color:#c23520; text-decoration:none; background-color:#ebebea; }


.noComments {font-size:65%;}
#thumbsCon { text-align: right; width:520px;}
#thumbsCon ul { margin:0; padding:5px 0; }

#thumbsCon li { display: inline; font-weight: bold; color:#999;  margin:0; padding:0; width:36px; height:36px; position:relative;	/*margin-right: 0 2px; line-height: 40px; */ }

#thumbsCon img { padding:0; margin:0; border:1px solid #DEDED7; /*border-top:1px solid #777; /*border-right:1px solid white;border-bottom:none; border-left:none;*/  }

/*#thumbsCon ul li {with:35px; height:35px;}
#thumbsCon ul li a  {border:1px solid #DEDED7; with:36px; height:36px;}
#thumbsCon ul li a:hover {border:1px solid #B80000; with:36px; height:36px;}
#thumbsCon ul li a:active {border:1px solid #B80000; with:36px; height:36px;}*/

#commentArch {padding:25px; background-color:#ccc;}

.menuComment {padding:3px 0 10px 0; font-size:60%; text-align:right;}
.menuComment a {border:1px #555 solid; padding:3px; color:#c23520; text-decoration:none; background-color:white;}
.menuComment  strong {border:1px #555 solid; padding:3px; color:#555;}