* {
	margin:0;
	padding:0;
}

body {
	font:70%/1.8em verdana;
	color:#333333; 
	margin:0;
	padding:0;
}

a {
	color:#1E1E1E;
	text-decoration:none;
}

a:hover {
	color:#3C3C3C;
	text-decoration:underline;
}

a:visited {
	color:#969696;
	text-decoration:none;
}

h1 {
	font:130% Arial, Sans-Serif;
	letter-spacing:0.3em;
	margin:10px 25px 0 0;
	padding:4px 0 6px 8px;
	color:#4B4B4B;
	background: url(images/sidebar-header-bg.gif) repeat-x left bottom;
	border:1px solid #EEF0F1;
}

h2 {
	font:120% Arial, Sans-Serif;
	letter-spacing:0.3em;
	margin:10px 0 0 0;
	padding:4px 0 2px 8px;
	color:#4B4B4B;
	border-bottom:1px solid #EEF0F1;
}

h3 {
	font:115% Arial, Sans-Serif;
	letter-spacing:0.2em;
	margin:10px 0 0 0;
	padding:4px 0 6px 8px;
	color:#4B4B4B;
}

p {
	padding:0;		
	margin:10px;
}	

blockquote{
	font-size:90%;
	width:90%;
	margin:10px 0 0 10px;
 	padding:0 10px 0 15px;
  	background: url(images/quote-grey.gif) no-repeat 5px 5px;
}

/*** WRAPPER ***/

#wrapper {
	margin:0 auto; 
	width:780px;
}

/*** HEADER ***/

#header {
	position:relative;
	height:40px;
	margin:0;
	padding:0 25px;
}

#header-logo {
	position:relative;
	clear:both;
	height:100px; 
	margin:5px;
	padding:5px 25px 0;
}

#header-logo #logo {
	font:bold 30px "trebuchet MS", Arial, Tahoma, Sans-Serif;
	letter-spacing:10px;
}

.logo-grey {
	color:#E1E1E1;
	font-size: 24px;
}

.logo-pale-grey {
	color:#D2D2D2;
	font-size: 24px;
}

#header ul {
	position:absolute;
	list-style:none;
}

#header li {
   display:inline;
}

#header a {
	float:left;
	font:110% Arial, Sans-Serif;
	letter-spacing:0.2em;
	margin:10px 10px 0 0;
	padding:5px;
	color:#4B4B4B;
	background: url(images/sidebar-header-bg.gif) repeat-x left bottom;
	border-top:1px solid #EEF0F1;
	border-bottom:1px solid #EEF0F1;
	border-right:3px solid #EEF0F1;
	border-left:1px solid #EEF0F1;
}

#header a:hover {
	text-decoration:none;
	border-right:3px solid #FAFAFA;
}

#header form.search {
	position:absolute;
	right:25px;
	bottom:0px;
	padding:3px 5px 3px 5px;
	background: url(images/sidebar-header-bg.gif) repeat-x left bottom;
	border:1px solid #EEF0F1;
}

#header form.search input.textbox { 
	margin:0;
	width:120px;
	color:#333; 
	border:1px solid #DDDDDD; 
	background:#FFFFFF;
}

#header form.search input.submit {
	font:bold 100% Arial, Sans-serif;
	height:20px;
	width:50px; 
	color:#3C3C3C;
	background-color:#EEF0F1;
	border:1px solid #CCCCCC;	

}

/*** SIDEBAR ***/

#sidebar {
	float:left;
	width:220px;
	margin:0; padding:0; 
	background-color:#FFFFFF; 	
}

#sidebar p {
	margin:0;
	padding:10px;
	text-align:justify;
}

#sidebar h1 {
	margin:10px 0 0 25px; 
	padding:4px 0 6px 8px; 
	font:115% Arial, Sans-Serif;
	letter-spacing:0.2em;
	color:#4B4B4B;
	background: url(images/sidebar-header-bg.gif) repeat-x left bottom;
	border:1px solid #EEF0F1;
}

#sidebar .sidebar-box {
	border:1px solid #EEF0F1;
}

#sidebar ul.sidebar-menu {
	list-style:none;
}

#sidebar ul.sidebar-menu li {
	font-size:110%;	
	margin:0;
	padding:6px 5px 0px 25px;
	background:url(images/bullet-grey-square.gif) no-repeat 8px 10px;
}

#sidebar p a {	
	padding:2px 15px 0px 0px;
	background:url(images/bullet-grey-arrow.gif) no-repeat right top;
}

#sidebar .sidebar-box img {
	display:block;
	margin-right:auto;
	margin-left:auto;
	padding:10px;
	border:none;
}

#sidebar form {
	padding:10px;
	margin:0;
  	background:#FAFAFA;
}

#sidebar form label {
	font-size:90%;
	display:block;
}

#sidebar form input {
	width:96%;
	border:1px solid #DDDDDD;
	padding:4px;
	margin:2px 0 5px 0;
}

#sidebar form .submit {
	width:30%;
	font:bold 100% Arial, Sans-serif; 
	margin:0; 
	padding:2px; 
	color:#3C3C3C;
	background-color:#EEF0F1;
	border:1px solid #CCCCCC;
}

#sidebar form textarea {
	width:96%;
	border:1px solid #DDDDDD;
	padding:4px;
	margin:5px 0 10px 0;
}

/*** CONTENT ***/

#content {
	float:right;
	margin:0 0 20px 0;
	padding:0;
	width:545px;	
}

.article-controls {
	margin:5px 10px 0 10px;
	text-align:right;
}

.article-controls img {
	border:none;
}

.article-controls a.comment {
	padding: 0 20px 0 0;
  	background: url(images/comment-grey.gif) no-repeat right top;
}

.article-controls a.download {
	padding: 0 15px 0 0;
  	background: url(images/bullet-grey-arrow-down.gif) no-repeat right top;
}

.article-controls a.demonstration {
	padding: 0 20px 0 0;
  	background: url(images/bullet-grey-eye.gif) no-repeat right top;
}

#content .content-box {
	padding:4px 0 6px 8px; 
	border:1px solid #EEF0F1;
}

#content .content-box img {
	display:block;
	margin-left:auto;
    margin-right:auto;
	border:2px solid #EEF0F1;
}

#content ul {
	margin:0 0 10px 40px;
}

#content ul li {
 	list-style-type:disc;
 	list-style-position:outside;
}

#content ol {
	margin:0 0 10px 40px;
}

#content ol li {
 	list-style-type:upper-roman;
 	list-style-position:outside;
}

#content p img {
	float:left;
	clear:both;
	margin:0 10px 10px 0;
	border:2px solid #EEF0F1;
}

#content form {
	padding:10px;
  	background:#FAFAFA;
	border:1px solid #EEF0F1;
}

#content form label {
	font-size:90%;
	display:block;
}

#content form input {
	border:1px solid #DDDDDD;
	padding:4px;
	margin:2px 0 5px 0;
}


#content form textarea {
	width:98%;
	padding:4px;
	margin:2px 0 4px 0;
	border:1px solid #DDDDDD;
}

#content form .submit {
	width:30%;
	font:bold 100% Arial, Sans-serif; 
	margin:0; 
	padding:2px; 
	color:#3C3C3C;
	background-color:#EEF0F1;
	border:1px solid #CCCCCC;
}

/*** FOOTER ***/

#footer {
	font:80% Verdana;
	color:#808080;
	text-align:center;
	padding:50px 0 10px 0;
	clear:both; 	
}

#footer a{
	color:#808080;
	text-decoration:none;
}

/*** END OF STYLESHEET ***/