body {margin: 0; padding: 0; background: #fff; text-align: center; font: 12px 'Lucida Grande','Arial', sans-serif;}
table, td {font: 11px 'Lucida Grande','Arial', sans-serif; color: #000;}

#header { width: 680px; margin: 10px auto ; text-align: center;}

#main, #breadcrumb, #footer { width: 680px; margin: 1.5em auto; text-align: left;}
#main div.column { text-align: left; margin-bottom: 1em;}
#main p { margin: 0 0 1em 0;}
#main p.last { margin: 0;}
#main p.intro { font-weight: bold;}
#main .lite { color: #79767C;}
#main h1 { font-size: 24px; margin: 0 0 .5em 0;}
#main h2 { margin: 0; font: 16px 'Lucida Grande','Arial', sans-serif;}
#main h3 { font-size: 12px; margin: 0;}
#main h4 { font-size: 10px; margin: 0;}
#main .more { text-align: right;}

#main .subcolumn1-2 { float: left; width: 330px;}
#main .subcolumn2-2 { float: right; width: 330px;}
#main .subcolumn1-3, #main .subcolumn2-3, #main .subcolumn3-3 { width: 212px; float: left;}
#main .subcolumn1-3, #main .subcolumn2-3 { margin-right: 20px;}
#hello { float: left; width: 500px;}
#hello2 { padding-top: 16px;}
#side { float: right; width: 160px; padding-top: 15px;}
#text { max-width: 500px;}
#flickr img { width: 500px;}
#content { float: left; width: 500px;}
#under { margin: 0px 0 50px 0;}

#content img { max-width: 500px;}

#content .subcolumn1-2 { float: left; width: 0px;}
#content .subcolumn2-2 { float: right; width: 0px;}
#content .subcolumn1-3, #content .subcolumn2-3, #content .subcolumn3-3 { width: 0px; float: left;}
#content .subcolumn1-3, #content .subcolumn2-3 { margin-right: 22px;}

#main .box { border: 1px solid #a1a5a9; padding: 0 5px 5px 5px; margin: 0 0 1.25em 0;}
#content .box h2 { border-bottom: 1px solid #a1a5a9; padding: 5px; background: #f2f2f2; margin: 0 -5px 5px -5px; font-size: 12px;}
#sidebar .box h2 { border-bottom: 1px solid #a1a5a9; padding: 5px; background: #f2f2f2; margin: 0 -5px 5px -5px; font-size: 10px;}

img.left { float: left; border: 0px none; margin-left:0; margin-right:10px; margin-top:2px; margin-bottom:5px}
img.right { float: right; border: 0px none; margin-left:10px; margin-right:0; margin-top:2px; margin-bottom:5px}
img.across { border: 0px none; margin-left:0; margin-right:0; margin-top:0; margin-bottom:10px}

ul { list-style: none outside; margin: 0; padding: 0 0 1em 0;}
ul.square { list-style: square outside; margin: 0 0 0 16px; padding: 0 0 1em 0;}
ul.circle { list-style: circle outside; margin: 0 0 0 16px; padding: 0 0 1em 0;}
ol { list-style: decimal; margin: 0 0 0 2.8em; padding: 0 0 1em 0;}
li { padding-bottom: .3em;}
ul ul.circle { margin-top: .3em;}
ul ul.square { margin-top: .3em;}

ol.last { padding: 0;}
ul.last { padding: 0;}

sup { vertical-align: baseline; font-size: 1em; color: #76797C;}

.sosumi { font-size: 10px !important; color: #76797C; margin-bottom: 1em;}
ol.sosumi { margin-left: 0; padding-left: 1.5em; clear: both;}

#breadcrumb, #footer { text-align: center; clear: both;}
#breadcrumb { clear: both; font-size: 10px; padding: 1em 0;}

#footer { font-size: 10px; border-top: 1px solid #a1a5a9; padding-top: 1em;}
#footer form { margin-bottom: 2em;}
#footer form input { vertical-align: bottom;}

div .clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px;}


/* -------- */
.alignleft { float: left;}
.alignright { float: right;}
.aligncenter {  margin-left:auto; margin-right:auto;}

#sidebar ul{
	margin: 0 0 10px 0;
	padding: 0;
	list-style-type: none;
}

#sidebar h2{
	margin-bottom: 10px;
	color: #ff0066;
}

#comments{
	width: 500px;
	overflow: hidden;
	margin-top: 20px;
}

#cmd span, #mda span{
	display: none;
}

#cmd{
	display: inline-block;
	width: 33px;
	height: 21px;
	background: url(../images/cmd.gif) no-repeat;
	margin-bottom: -7px;
}

#mda{
	display: inline-block;
	width: 21px;
	height: 21px;
	background: url(../images/mda.gif) no-repeat;
	margin-bottom: -7px;
}

#under{
	clear: both;
}

img.alignleft{
	margin: 10px 15px 10px 0;
}

img.alignright{
	margin: 10px 0 10px 15px;
}