
/* Reset Elements */
img, a img { border: none; display: block }
input, select, textarea { outline: none }

/* Main */
body { font-size: small; font-family: Arial,Helvetica,sans-serif; margin: 0; background-color: #fff }

/* Typography */
a:link { color: #09F; text-decoration: none }
a:visited { color: #09F; text-decoration: none }
a:hover { color: #36f ; text-decoration: none }
a:active { color: #09F; text-decoration: none }
#header a, #topnav a, #promotxt { color: #fff }
div.h2 { background-color: #f1f1f1; padding: 3px; border-bottom: 1px solid #ddd; margin-bottom: 3px; clear: both }
div.h2 { background-color: #f1f1f1; padding: 3px; border-bottom: 1px solid #ddd; margin-bottom: 3px; clear: both }
div.dark { background-color: #333; color: #fff; border-bottom: 1px solid #000 }
div.h4 { margin: 0.5em 0; font-weight: bold }
p { margin: 1em 0; line-height: 1.2em }

/* Forms */
form{ margin: 0; padding: 0 }
form.content-form { background-color: #f9f9f9; border: 1px solid #e5e5e5; padding: 5px; margin: 0.5em 0 }
form.content-form span { display: block }
label { display: block }
input.txt-b,input.btn { display: block }
input.btn { margin: 6px 0 0 0 }
fieldset{ margin: 0; padding: 0; border: none; background: none }
textarea { width: 90% }

/* Structure - Header */
#header { background-color: #000; padding: 0 0 5px 0; height: 21px }
#header img { margin: 0 0 0 3px; float: left }
#header #signin-button { float: right; background-color: #444; padding: 2px }

/* Structure - Top Nav */
#topnav { background-color: #000; color: #555; padding: 3px 3px 5px 3px; clear: both }
#topnav span { padding: 0 2px }
#topnav span.active { background-color:#fff }
#topnav span.active a { color:#323232 }

/* Structure - Content */
#content { padding: 3px }
#promo img { width:100% }
#promotxt{ background-color: #333; color: #fff; padding: 6px 4px; margin-bottom: 3px; border-bottom: 1px solid #000; font-size: small }
#promotxt a { color:#fff }
.article,.img-article { border-bottom: 1px solid #e9e9e9; clear: left; padding: 0.5em 0 }
.img-article { min-height: 50px }
.feature { background-color: #f1f1f1; padding: 0.5em 3px }
.byline { font-size: smaller; display:block; color:#666 }
.carousel { margin: 0 0 3px 0 }
.carousel-img { width: 56px; text-align: center; float: left; background-color: #e5e5e5; font-size: smaller; color: #000; padding-bottom: 3px; margin: 0 3px 3px 0 }
.carousel-img img { margin: 3px 0 3px 3px }
img.left { float: left; margin-right: 5px }
.article-tools { background-color: #f1f1f1; padding: 3px; margin: 0.5em 0; clear: both }
.article-tools img { display: inline; margin-right: 3px; vertical-align: middle }
.page-controls { background-color: #f9f9f9; padding: 3px; margin: 0.5em 0; clear: both }
.commentor { color: #666 }
.comment-item { background-color: #fff; margin-bottom: 7px; border: 1px solid #e5e5e5 }
.comment-item .article-tools { margin-bottom: 0 }
.comment-alt { background-color: #f9f9f9; margin-bottom: 5px; border: 1px solid #e5e5e5 }
.comment-item p.comment { margin: 5px 3px }
.comment-item span.byline, .comment-alt span.byline { padding: 3px; background-color: #e5e5e5 }
.gallery-pic { width: 100% }
.play-button { padding: 3px 6px; -webkit-border-radius: 3px; background-color: #323232; float: left; font-size: smaller; margin-top: 3px  }
.play-button a { color: #fff }
.social-signin { margin: 0.5em 0 }
.social-signin img { display: inline }
.tag { display: inline-block; padding: 0 3px 0 0; font-size: 0.9em }
.likes { display: inline-block; padding: 0 3px 0 0; font-size: 0.9em }
.posts { display: inline-block; padding: 0 3px 0 0; font-size: 0.9em }
.viral { display: inline-block; padding: 0 3px 0 0; font-size: 0.9em }
img.pic-choose { display: inline }

/* Structure - Menu */
#browse { clear: both; padding: 0 3px } 
#browse span { display: block; padding: 0.5em 0; border-bottom: 1px solid #ddd; background-color: #f9f9f9; padding-left: 3px }


/* Structure - Footer */
#footer { clear: both; border-top: 1px solid #ddd; padding: 3px 3px 6px 3px }

.success { padding: 6px 3px 6px 22px; margin: 3px 0 0 0; background: #390 url(../../media/pics/accept.png) 3px center no-repeat; color: #fff }
.warning { padding: 6px 3px 6px 22px; margin: 3px 0 0 0; background: #c00 url(../../media/pics/warning.png) 3px center no-repeat; color: #fff }
.success a,.warning a { color: #fff; text-decoration: underline }
.label-error { color: #fff; background-color: #c00; padding: 3px 6px }
.instruction { margin: 0.5em 0 }

.last { border: none!important }
.clear { height: 1px; clear: both; font-size: 1px }
.nomargin { margin: 0!important }

/* Structure - Search */
#search-form { margin: 3px 0 }