* 
{
	margin: 0; padding: 0; 
	font: normal normal normal 100%/1.7 "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Arial, "Hiragino Kaku Gothic Pro", HiraKakuPro-W3, Osaka, sans-serif; 
	text-align: left; 
	background-color: transparent;
}

span, em, strong, dfn, code, q, sub, sup, samp, kbd, var, cite, abbr, acronym, ins, del {
	display: inline;
}

h1, h2, h3, h4, h5, h6, dl, ul, ol, pre, br, hr, blockquote, address, p, div, fieldset, table, form {
	display: block; 
}


body 
{
	margin: 0px;  
	padding: 0px;
	width: 100%;
	max-width: 100%; 
	max-height: 100%; 
	text-align: center; 
	color: #333; 
	background-color: #A9A9A9; 
}

.gray-box
{
	position: relative;
	margin: 0;  
	padding: 0;
	width: 100%; 
	background-color: #A9A9A9; 
	text-align: center; 
}


.white-box
{
	position: relative;
	margin: 0;  
	padding: 0;
	width: 100%; 
	background-color: #FFF; 
	text-align: center; 
}


#header 
{
	position: relative;
	margin: 0 auto 0 auto; 
	padding: 30px 0 10px 0; 
	width: 146px; 
	text-align:center;
}


#header p a
{
	font-size: 10px;
	color: white;
	text-decoration: none;	
}


#container, #content, #sidebar, #content-title
{
	clear: both;
	position: relative;
	margin: 0 auto 0 auto; 
	width: 35em; 
	text-align: left; 
	background-color: #FFF; 
	padding: 4em 0 4em 0; 
}


#footer 
{
	width: 35em; 
	margin: 0 auto 2px auto; 
	padding: 5px 0 5px 0; 
	text-align: left; 
	background-color: #A9A9A9; 
}

#footer p a
{
	color: #333; 
}

a 		{ color: #3366CC; text-decoration: none; }
a:link		{ color: #3366CC; text-decoration: none; }
a:visited	{ color: #6699FF; text-decoration: none; }
a:active	{ color: #6699FF; text-decoration: none; }
a:hover		{ color: #3366CC; text-decoration: underline; }


p { 
	font-size: 0.85em;
	margin: 0 0 1.1em 0; 
}

li{
	font-size: 0.85em;
	margin-left:2em;
}

small { 
	font-size: 0.7em;
	color: #aaa;
}

input, textarea, select 
{
	font-size:1em;
	color: #555;
	background-color: #eee;
}


dl dt
{
	font-size:1.1em;
	font-weight: bold; 
	vertical-align: middle; 
	line-height: 1.3; 
	padding: 3px 0 auto 0;
	border-bottom: 1px dotted #555;
	margin-bottom: 0.5em;

}



dl dd
{
	margin-top: auto;
	vertical-align: middle; 
	margin-bottom: 1em; 
	line-height: 1.5;

}

img 
{
	border: 0;
}

h1#title 
{
	margin: 0em;
	font-size: 1.2em; 
	font-weight: bold; 
	line-height: 1.3; 
	padding-left: 28px;
	padding-top:2px;
	padding-bottom:auto;
	height: 25px;
	margin-bottom: 2em;
	color: #555;
	border-bottom: 1px solid #555;
}

h2.subtitle
{
	font-size:1.1em;
	font-weight: bold; 
	vertical-align: middle; 
	line-height: 1.3; 
	padding: 3px 0 auto 0;
	border-bottom: 1px solid #DDD;
	margin-bottom: 1em;

}

#mainMenu ul {
	position: relative;
	margin: 0 auto 0 auto; 
	padding: 0; 
	text-align: center; 
	width: 30em;
	height: 2em;
}

#mainMenu li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 1em;
}

#mainMenu li a {
  float: left;
  margin: 0 2px;
  padding: 4px 0.5em;
  text-decoration: none;
  font-weight: bold;
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
  border-top: 1px solid #CCC;
  color: #FFF;
}

#mainMenu li a:hover
{
  color: #555;
  background-color: #EEE; 
}

#mainMenu li a.here 
{
  color: #555;
  background-color: #FFF; 
}


.infobox
{
	background-color:#FEFEFE; 
	border:1px solid #DDD; 
	padding:1em;
	margin-bottom:1em;
}

.nomargin
{
	margin: 0;
}


/* for blog *****************************************************/



h2
{
	border-bottom: 1px dotted #555;
	text-align:left;
}

h2 a
{
	font-size: 1.1em; 
	font-weight: bold; 
}

h3
{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	border-bottom: 1px dotted #555;
	text-align:left;
}


.post
{
	clear: both;
	padding-bottom: 2em;
}

.postmetadata
{
	border-top: 1px dotted #CCC;
}

.entry
{
	padding-top: 1em;
}

.entry li
{
	font-size: 0.85em;
	margin-left:2em;
	padding-bottom:0.5em;
}

.commentlist li
{
	font-size: 0.8em;
	list-style: none;
	background-color: #EEE;
	padding: 1em;
	border-bottom: 1px dotted #555;
	
}

.commentlist
{
	margin-bottom: 2em;
}

.navigation
{
	margin-top:-2em;
	font-size: 0.85em;
	height:3em;
}

.alignleft
{
	float:left;
}

.alignright
{
	float:right;
}




#sidebar
{
	padding: 1em;
 	background-color:#eee;
	margin-bottom: 1em;
}

#content-title
{
	padding: 4em 0 1em 0; 
}

#content
{
	padding: 0 0 2em 0; 
}

#page
{
	padding: 0 0 1em 0; 
}

#sidebar  li
{
  	list-style: none;
  	margin:0;
  	padding:0;
	font-size: 0.85em;
}

#sidebar p
{
	margin: 0;
}


blockquote
{
	background-color:#FEFEFE; 
	border:1px solid #DDD; 
	padding:1em;
	margin-left:1em;
	margin-bottom:1em;
}


#url
{
	color:#222;
	background-color:#FFD;
}