body {
    font-size:100%;
	background-color:#7d8085;
	font-family:Arial, "Myriad Pro", "Trebuchet MS", Verdana;
	color:#555;
	margin:0;
	padding:0;
}

#wrapper {
    width:794px;
    margin:10px auto 10px auto;
    background:url(http://snippets.jc21.com/assets/images/wrapper_bg.jpg) left top repeat-y;
    font-size:12px;
    position:relative;
}

#wrapper div.wrapper_top {
    height:27px;
    background:url(http://snippets.jc21.com/assets/images/wrapper_top.jpg) left top no-repeat;
}
#wrapper div.wrapper_bot {
    height:27px;
    background:url(http://snippets.jc21.com/assets/images/wrapper_bot.jpg) left bottom no-repeat;
}

a:link, a:visited {
    text-decoration:none;
    color:#fff;
}
a:hover {
    text-decoration:none;
    color:#F29900;
}

#side {
    width:178px;
    position:absolute;
    top:20px;
    right:22px;
    text-align:center;
    color:#7d8085;
}

#side h2 {
    font-size:30px;
    font-weight:normal;
    margin:0;
    padding:0;
    font-family:"Myriad Pro", Arial, "Trebuchet MS", Verdana;
}

#side h2 a:link, #side h2 a:hover, #side h2 a:visited {
    color:#7d8085;
    text-decoration:none;
}

#side h2 .smaller {
    font-size:12px;
}

#side form {
    margin:20px 0 0 0;
    padding:0;
}

#side form input {
    background-color:#dbdbdb;
    border:1px solid #3d3e42;
    height:15px;
    width:150px;
    color:#7d8085;
    font-size:12px;
    padding:0 0 0 2px;
}

div.side_header {
    font-size:18px;
    margin:20px 0 0 0;
}

ul.side_list {
    list-style:none;
    margin:10px 0 10px 0;
    padding:0;
}
ul.side_list li {
    list-style:none;
    margin:5px 0 5px 0;
    padding:0;
    color:#7d8085;
}
ul.side_list li a:link, ul.side_list li a:visited {
    color:#7d8085;
    text-decoration:none;
}
ul.side_list li a:hover {
    color:#3D3E42;
}

#wrapper div.wrapper_content {
    color:#c6c6c6;
    margin:0 216px 3px 25px;
    min-height:300px;
}

#wrapper h1 {
    color:#f29900;
    font-size:30px;
    font-weight:normal;
    margin:0 0 35px 0;
    padding:0 0 0 10px;
    border-bottom:1px solid #7d8085;
    font-family:"Myriad Pro", Arial, "Trebuchet MS", Verdana;
    position:relative;
}

#wrapper h1 .right {
    font-family:Arial, "Myriad Pro", "Trebuchet MS", Verdana;
    font-size:12px;
    color:#c6c6c6;
    font-weight:none;
    position:absolute;
    bottom:-18px;
    right:5px;
    padding:0;
}

#wrapper .bookmark_add {
    background:url(http://snippets.jc21.com/assets/images/note_add.png) right top no-repeat;
    padding:0 20px 0 0;
}

#wrapper .bookmark_minus {
    background:url(http://snippets.jc21.com/assets/images/note_delete.png) right top no-repeat;
    padding:0 20px 0 0;
}

#wrapper div.wrapper_content p {
    padding:0 0 0 10px;
}

#wrapper div.wrapper_content div.code {
    background-color:#EFEFEF;
    border:1px solid #F29900;
    margin:5px;
}



div.custom_header {
    color:#fff;
    font-size:18px;
    margin:20px 0 0 0;
    padding:0 0 0 10px;
    border-bottom:1px solid #505256;
    position:relative;
}
div.custom_header .right {
    font-size:12px;
    color:#9e9fa1;
    position:absolute;
    right:4px;
    top:7px;
}
div.custom_header .right a:link, div.custom_header .right a:visited {
    color:#9e9fa1;
    text-decoration:none;
}
div.custom_header .right a:hover {
    color:#fff;
}

ul.custom_list {
    list-style:none;
    margin:3px 0 10px 0;
    padding:0;
}
ul.custom_list li {
    list-style:none;
    margin:0;
    padding:3px 0 4px 10px;
    position:relative;
    border-bottom:1px solid #505256;
    color:#c6c6c6;
}
ul.custom_list li .right {
    font-size:12px;
    color:#7d8085;
    position:absolute;
    right:4px;
    top:2px;
}
ul.custom_list li a:link, ul.custom_list li a:visited {
    color:#c6c6c6;
    text-decoration:none;
}
ul.custom_list li a:hover {
    color:#fff;
}
ul.custom_list li .right a:link, ul.custom_list li .right a:visited {
    color:#7d8085;
    text-decoration:none;
}
ul.custom_list li .right a:hover {
    color:#fff;
}

#wrapper div.wrapper_content table {
    margin:10px auto 10px auto;
}

#wrapper div.wrapper_content table.login_table {
    margin:50px auto 150px auto;
}

p.list_footer {
    position:relative;
    margin:0 0 20px 0;
    padding:0;
}

p.list_footer .right {
    font-size:12px;
    color:#9e9fa1;
    position:absolute;
    right:4px;
    top:-7px;
}

#footer {
    font-size:12px;
    text-align:center;
    color:#3F3F41;
}

/* COMMENTS */

#comment_contents {
    width:534px;
    height:100px;
    border:1px solid #999;
    margin:5px 0 0 8px;
    background-color:#EFEFEF;
}

input.input_text {
    width:534px;
    border:1px solid #999;
    margin:5px 0 0 8px;
    background-color:#EFEFEF;
}

#comment_submit {
    margin:0 8px 0 0;
}

dl {
    margin:10px 0 0 12px;
}

dl dt {
    color:#fff;
    border-bottom:1px solid #7d8085;
    padding:0 0 2px 20px;
    position:relative;
    background:url(http://snippets.jc21.com/assets/images/note.gif) left top no-repeat;
}
dl dt span {
    position:absolute;
    right:2px;
    top:0;
}

dl dd {
    margin:0 0 20px 0;
}

span.highlight {
    color:#F29900;
}