*{margin:0;padding:0;outline:0;}
img {border:none;}

body {background-color:white;font:12px "Trebuchet MS", Verdana, Arial, sans-serif;color:#666;}

a {text-decoration:none;color:#666;}

input {height:21px;border:solid 1px #CCC;padding:5px 0 0 3px;font:12px "Trebuchet MS", Verdana, Arial, sans-serif;color:#666;}
input.button {border:none;height:auto;height:28px;}

#main {margin:0 auto;width:771px;height:auto;position:relative;}

#footer {clear:both;width:auto;height:35px;background:url(../images/back_footer.png) repeat-x;padding:5px 0;text-align:center;margin:0 auto;}

#adSense{clear:both;width:auto;height:100px;padding:5px 0;text-align:center;margin:0 auto;}

#header {position:absolute;width:300px;height:200px;top:40px;right:10px;text-align:right;}
#header h1 {font-size:36px;color:#333;}
#header h3 {font-size:20px;color:#999;font-weight:normal;}
#header p {margin-top:50px;}

#sidebar {position:absolute;width:260px;top:240px;right:0;background:url(../images/back_menu.png) repeat-y;}
#sidebar img {float:left;}
#sidebar #list {float:left;margin-left:20px;padding:0 10px;width:200px;height:auto !important;height:300px;min-height:300px;background:#FBFBFB url(../images/back_menu_list.png) bottom no-repeat;}
#sidebar #list li{list-style:none;}
#sidebar #list h2 {font-size:16px;color:#333;border-bottom:solid 1px #CCC;margin-top:10px;}
#sidebar #list ul li {border-bottom:dotted 2px #CCC;}
#sidebar #list ul li a {display:block;padding:3px 5px;}
#sidebar #list ul li a:hover {background-color:yellow;}
#sidebar #list ul li a.selected {background-color:yellow;}
#sidebar form {padding-bottom:10px;float:left;}
#sidebar input {float:left;width:135px;margin-top:5px;}
#sidebar input.button {width:60px;float:left;margin:0 0 0 -3px;}

#content {float:left;width:420px;margin:20px 0 0 60px;height:auto !important;height:500px;min-height:500px;}
#content h2 {font-size:26px;color:yellow;}
#content h2 a {background-color:#333;color:yellow;text-decoration:none;padding:2px 5px;}
#content h2 a:hover {background-color:yellow;color:#333;}
#content h3 {font-size:14px;color:#999;margin:5px 0 15px 0;}
#content h4 {font-size:14px;border-bottom:dotted 2px #CCC;}
#content p {margin-bottom:14px;line-height:16px;}
#content p a {background-color:yellow;color:#333;}
#content p a:hover {background-color:white;color:#666;text-decoration:underline;}
#content p big {font-weight:bold;font-size:18px;}
#content p strong{font-weight:bold;font-size:14px;}
#content p small{font-size:11px;background-color:#CCC;}
#content ul {margin: 0 0 14px 20px;}
#content ul li {list-style:circle;}
#content ul li big{background-color:yellow;color:#333;font-size:12px;}
#content ul li small{font-size:11px;margin-left:10px;padding-left:10px;border-left:solid 1px #CCC;}
#content .postinfo {color:#999;font-weight:bold;border-top:dotted 2px #CCC;border-bottom:dotted 2px #CCC;margin-bottom:40px;padding:5px 0;}
#content .postinfo p {margin:0;}
#content .postinfo img {vertical-align:middle;}
#content .postinfo a {color:#999;background-color:white;}
#content .postinfo a:hover {background-color:yellow;color:#333;text-decoration:none;}

.comments {width:700px;}
.commentlist li {font-size:24px;font-weight:bold;color:#999;padding:10px;margin-left:30px;background-color:#FBFBFB;border-top:dotted 2px #CCC;border-bottom:dotted 2px #CCC;}
.commentlist li.alt {background-color:white;border:none;}
.commentlist li cite {font-size:12px;font-style:normal;background-color:yellow;}
.commentlist li cite a:hover {background-color:white;text-decoration:underline;}
.commentlist li small {font-size:11px;}
.commentlist li strong {font-weight:normal;font-size:12px;}
.commentlist li p {font-size:12px;}
.comments textarea {width:700px;border:solid 1px #CCC;font:12px "Trebuchet MS", Verdana, Arial, sans-serif;color:#666;}
.comments label {display:block;font-size:12px;font-weight:bold;}
.comments input {width:160px;}
.comments input.button {width:auto;float:right;}

#primary h1 {background-color:#333;color:yellow;margin-bottom:20px;padding:2px 5px;}
#primary h3 {margin:0;}
#primary ul {margin:0 0 20px 20px;}
#primary ul li {padding:3px 0;border-bottom:dotted 2px #CCC;}
#primary ul li a {background-color:yellow;}

.feed { background: url(/images/mephisto/icons/feed-icon-12x12.gif) 0 50% no-repeat;padding-left: 16px;border: none !important; }
