body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, textarea, p, blockquote, th, td {margin: 0; padding: 0;}
table {border-collapse: collapse; border-spacing: 0;}
fieldset, img {border: 0;}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal;}
ol, ul {list-style: none;}
caption, th {text-align: left;}
h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight: normal;}
q:before, q:after {content: '';}
abbr, acronym {border: 0;}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* */


/* general */
body {background: #2b2b2b url("/media/image/bg.png") top center repeat-x; font-family: arial, sans-serif; font-size: 13px;color: #dcdcdc;}
#frame {background: url("/media/image/frame_bg.png") no-repeat 0 180px; width: 760px; margin: 0 auto; padding: 0 14px;}
a {color:#ffd800; text-decoration: none;}
a:hover {text-decoration: underline;}
ol {list-style: decimal inside; padding-left: 12px;}
ul {list-style: circle inside; padding-left: 12px;}
h3 {font-weight: bold; font-size: 16px; padding-top: 12px;}
.error{border: 1px solid red; margin: 3px 0; padding: 6px; background: #550000;}
.error_list{ margin: 3px 0;}
.error_list ul {list-style: none; color: #CC0000; font-weight: bold;}
strong {color: #EEE;}
i {font-style: italic;}

/* header */
#header{background: #2b2b2b; height: 134px; position: relative; padding: 0 12px;}
#logo{position: absolute; right: 12px; bottom: 0px;}
#primary_nav li{float: right;height: 134px;}
#primary_nav li.current{background: #ffd800 url("/media/image/primary_nav_current.png");}
#primary_nav li.current a{color: #2b2b2b}
#primary_nav li.current a:hover{color: #2b2b2b}
#primary_nav a{display: block;padding: 92px 28px 24px 28px;;text-decoration: none; font-weight: bold; color: #555555;font-size: 14px;}
#primary_nav a:hover{color: #bbbbbb}

/* subnav */

ul.subnav {display: block; list-style: none none; padding: 0; margin: 0; padding: 0; font-family:"Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,Sans-Serif;}
ul.subnav li {float: left; padding-right: 4px;}
ul.subnav li a {display: block;padding:7px 16px 8px 16px; color: #bbb; background: #333;}
ul.subnav li.active a {background: #222;}
ul.subnav li.inside a {color: #f6ae2d;}
ul.subnav li.active a:hover {background: #222;}
ul.subnav li a:hover {text-decoration: none; background: #444; color: #ddd;}
ul.subnav li a .title {}
ul.subnav li a .count {color: #555;}
ul.subnav li a:hover .count {color: #777;}

/* app links */
#app_links {float: left; list-style: none none; padding: 8px 0;}
#app_links li {}
#app_links li a {display: block; font-size: 14px; padding: 9px 9px 19px 44px; height: 14px; color: #bbb;}
#app_links li a:hover {color: #ddd;}
#app_links li.twitter a {background: url("/media/image/icon/twitter_32x32.png") no-repeat;}
#app_links li.linkedin a {background: url("/media/image/icon/linkedin_32x32.png") no-repeat;}
#app_links li.flickr a {background: url("/media/image/icon/flickr_32x32.png") no-repeat;}

/* content_well */
#content_well{background: #2b2b2b; margin-top: 3px;padding: 12px; position: relative;}
#page_title{font-size: 18px;padding: 12px; margin-top: 12px;}
.byline {padding: 0 12px; color: #888;}
#content_well .rss {position: absolute; right: 19px; top: 19px;}
.back {display: block; padding: 0 12px 12px;}
.back span{font-size: 9px;}
.content {margin-top: 12px;padding: 12px; color: #888888;background: #222222}
.content ul, .content ol{list-style: disc; margin: 8px 16px;}
.content li{margin: 10px 0;}
.content h2{font-size: 20px; color: white;margin:32px 0 14px 0; border-bottom: 1px solid #888;}
.content h3{font-size: 14px; color: white;margin-top: 16px;}
.content p{margin-bottom: 14px; line-height: 20px;}
.content b{color: #DDD}
.content .image-container {text-align: center;}
.content .image-container img {border: 2px solid #333;}

ul.content_list{list-style: none; padding: 0;}
.content_list_title {font-size: 18px;padding: 6px;background: #353535;}
.content_list a.content_list_item {padding: 12px; margin: 3px 0;display: block;background: #222222;}
.content_list a:hover {background: #353535; text-decoration: none;}
.content_list a .title {display: block;font-size: 18px; color: #dcdcdc; margin: 3px 0 6px; color: #EEE}
.content_list a .description{color: #888888;}
.content_list li {}

/* comments */
.comment_header{font-size: 18px;padding: 12px;background: #353535;}
.comment_list{list-style: none; padding: 0;}
.comment_item {padding: 6px; margin: 16px 0; position: relative;background: #202020;}
.comment_item .author{display: block; float: left; font-size: 16px;}
.comment_item .date{display: block; float: right; color: #454545;}
.comment_item .comment{display: block; padding: 6px 12px;clear: both; color: #999; line-height: 20px;}
.comment_item p{display: block; padding: 6px 12px;clear: both;}

.comments h2{font-size: 18px;padding: 12px;background: #353535; margin: 3px 0;}
.comments form div.row{background: #353535; margin: 3px 0;}
.comments form div.row .field_label{float: right; font-size: 14px; font-weight: bold; padding: 12px 6px; color: #777777;}
.comments form div.row .field_entry{float: right; border-left: 3px solid #2b2b2b; width: 73%; padding: 1%;}
.comments form div.row .field_entry input{padding: 3px; display: block; width: 350px;font-size: 14px; background: #777777; border: 2px solid #222222;}
.comments form div.row .field_entry textarea{padding: 3px; display: block; width: 350px; font-size: 14px; margin: 0; background: #777777; border: 2px solid #222222;}
.comments form div.row .submit{padding: 6px;}

/* forms */

form .button{
display: block;
background:url(/media/image/button_bg.png);
padding:0px 6px;
border: 1px solid #222222;
height:28px;
line-height:22px;
color:#FFFFFF;
font-size:12px;
margin: 0 auto;
text-decoration:none;
}

.feature {
text-align: center;
padding: 10px;
}