body { background-color: #bfbfbf; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 15px; padding: 0; margin: 0; }
a { color: #222222; text-decoration: none; }
a:visited { color: #222222; }
img { border: none; }
h2 { color: #ff9600; font-size: 16px; font-family: "Trebuchet MS", sans-serif;text-transform: uppercase; }

ol li { margin-bottom: 10px; }

#body { width: 1000px; margin: 20px auto 20px auto; padding: 0; background-color:#f0f0f0; border: 1px solid #a3a3a3; }

/* nav */
#nav {	width: 900px; height: 50px;	 background-color: #535353; padding: 0 0 0 100px; margin: 0; list-style:none; }
#nav li { font-family: "Trebuchet MS", sans-serif; line-height: 50px; vertical-align: middle; float: left; }

#nav a { color: #ffffff; font-size: 16px; margin-right: 50px; text-decoration: none; text-transform: lowercase; }
#nav a:hover { border-bottom: 1px dotted #ff9600; }
#nav a.current { border-bottom: 1px dotted #ff9600; }

#nav #ar-l { font-size: 30px; color: #ff9600; }
#nav #ar-r { font-size: 30px; color: #ffffff; }

#ar-l a:hover { text-decoration: none; }
#ar-r a:hover { text-decoration: none; }

/* tag and intro */
#tag { clear: both; width: 800px; height: 170px; border-bottom: 1px solid #c8c8c8; background: #f0f0f0 url(../images/head.png) no-repeat bottom left; padding: 10px 0 0 0; margin: 0 auto 0 auto; line-height: 170px; font-size: 32px; color: #626262; font-family: "Trebuchet MS", sans-serif; text-indent: 150px; }
#tag span { color: #ff9600; }

#intro { width: 800px; height: 185; border-bottom: 1px solid #c8c8c8; margin: 0 auto 0 auto; font-size: 20px;  line-height: 30px; text-align: justify; color: #626262; font-family: "Trebuchet MS", sans-serif; padding: 10px 0 10px 0; }
#intro span { color: #000000; }

.breadcrumb { clear: both; width: 800px; height: 20px; line-height: 20px; vertical-align: middle; margin: 20px auto 5px auto; font-size: 10px; }
.breadcrumb a { color: #ff9600; }


/* content area */
#home { overflow: hidden; border-bottom: 1px solid #c8c8c8; 	width: 800px; padding: 20px 0 20px 0; margin: 0 auto 0  auto; }
#home #content { width: 499px; 	min-height: 300px; float: left; border-right: 1px solid #c8c8c8; padding-right: 30px; }

#content div.article { width: 499px; height: 115px; overflow: hidden; clear: both; margin: 0 0 10px 0; }
#content div.image { width: 100px; height: 100px; float: left; border: 1px solid #cdcdcd; }
#content div.description { margin: 0 0 0 15px; height: 100px; width: 382px; float: left; }

/*
#home #content p { margin: 5px 0; padding: 0; font-size: 12px; }
#home #content span a { color: #ff9600; }
*/
#content h3 { margin: 0; padding: 0;  }
#content h2 { margin: 0; padding: 0 0 20px 0;  }
#content span { margin: 0; padding: 0; color: #696969; font-size: 10px; }

#internal { overflow: hidden; border-bottom: 1px solid #c8c8c8; 	width: 800px; padding: 20px 0 20px 0; margin: 0 auto 0  auto; }
#internal #content { width: 499px; 	min-height: 300px; 	float: left; border-right: 1px solid #c8c8c8; padding-right: 30px; text-align: justify; }
a.link { color: #ff9600; }
#internal #content h2 { width: 499px; margin: 0; padding: 0; font-size: 16; color: black; border-bottom: 1px solid #c8c8c8; text-transform: none; }

#internal #content blockquote { background-color: #ffffff; border: 1px solid #dddddd; padding: 10px; margin: 10px 0px 10px 0px; }

/* side bar */
#sidebar { width: 240px; float: left; padding-left: 30px; }
#sidebar a { }
#sidebar h2 { margin: 0; padding: 0; }
#sidebar ul { margin: 0; padding: 0 0 20px 0; list-style: none; }

#sidebar li { font-size: 11px; border-bottom: 1px solid #c8c8c8; padding: 5px 0; }
#sidebar span { margin: 0; padding: 0; color: #696969; font-size: 9px; }
.tagger a { margin: 2px; padding: 2px; line-height: 24px; }

/* footer */
#footer { width: 800px; height: 80px; overflow: hidden; margin: 10px auto 0 auto; }

#copyright { width: 300px; height: 80px; margin: 0; padding: 0; float: left; list-style: none; }
#copyright li { font-size: 10px; color: #696969; line-height: 16px; }

#links { width: 500px; height: 80px; margin: 0; padding: 0; float: left; list-style: none; }
#links li { margin-right: 40px; font-size: 10px; float: left; color: red; line-height: 80px; vertical-align: middle; }

/* comments */
#comment-post { color: #ff9600; background-color: #535353; text-align: left; font-weight: bold; padding: 5px; border: 1px solid #dddddd; cursor: pointer; }
#comment_form { background-color: #fafafa; border: 1px solid #dddddd; padding: 10px; }
#comment-list-header { color: #ffffff; background-color: #535353; text-align: left; font-weight: bold; padding: 5px; border: 1px solid #dddddd; cursor: pointer; }
#comment-list { background-color: #fafafa; border: 1px solid #dddddd; padding: 10px; margin: 0; } 

.comment { text-indent: 0; list-style: none; background-color: #ffffff; border: 1px solid #dddddd; margin: 10px; padding: 15px; }
.comment-header { font-size: 14px; color: #696969; }
.comment-header strong { color: #000000; } 
.comment p { margin-left: 20px; }