/* RESET CSS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block }
body { line-height: 1 }
ol, ul { list-style: none }
blockquote, q {	quotes: none }
blockquote:before, 
blockquote:after,
q:before, q:after { content: ''; content: none }
table { border-collapse: collapse; border-spacing: 0 }




body { font: 14px/1.3 "Arial", Helvetica, sans-serif; color: #000000 }

.hidden,
.content .breadcrumb,
.content .article-interactions,
.article-detail h4,
.jp-show-comment-form,
a img,
form,
.menu,
.popup,
.share-line,
.paginator,
.mediabox,
.mediabox-bottom,
.share-line,
.footer,
.capacity-share-line,
.langs,
#ajax-spinner {	display: none }

.contact-panel{margin-top: 15px;}

/* GALLERY -------------------------------------------------------------------------------- */
.gallery h3 { margin-top: 15px }
.image-envelope a img { display: block }
.image-envelope { width: 145px; height: 145px; border: 1px solid #bbb; text-align: center; float: left; margin-right: 15px; margin-bottom: 15px  }





/* ARTICLES ------------------------------------------------------------------------------- */
.content .article { padding: 35px 0; border-bottom: 1px solid #d7d7d7 }
.content .article h3 { float: left }
.content .article h3 a { color: #125EAE }
.content .article .article-title { float: left; margin: 3px 10px 0 0 }
.content .article .article-tags { float: left }

.content .article-data { float: right; margin-top: 4px }
.content .article-data .article-date { float: left; font-size: 12px; margin-right: 5px }
.content .article-data .article-author { float: left; font-size: 12px }

.content .article-detail h2 { float: left }
.content .article-detail .article-data { float: right; line-height: 24px }




/* ARTICLE BADGES ------------------------------------------------------------------------- */
.article-container { padding: 3px 5px; margin-right: 5px; margin-top: 5px; float: left; font-size: 12px }

.corners10 { -webkit-border-radius: 10px; border-radius: 10px }  
.corners5 { -webkit-border-radius: 5px; border-radius: 5px }  
.shadow { -webkit-box-shadow: 2px 2px 10px 5px gray; box-shadow: 2px 2px 10px 5px gray }   
.text-shadow-black { text-shadow: 1px 1px 1px #000000 }




/* COMMENTS TO ARTICLE -------------------------------------------------------------------- */
.comment-header { color: #654c4b; font-weight: bold; font-size: 14px }
.comment-date { font-size: 10px }
.comment-content { margin-top: 10px }
.comment-react { color: #125EAE; text-decoration: none }
.comment-react:hover { text-decoration: underline }
.comments .comment { margin-top: 10px; padding: 10px; background: #e8e8e8 }
.comments { margin-top: 30px }




/* ESSENTIALS ------------------------------------------------------------------------------ */
a { outline: none; color: #125EAE; text-decoration: none }
a:hover { text-decoration: underline }
ul.error { margin-bottom: 10px; color: red }

/* Floats */
.float-left { float: left }
.float-right { float: right }
.clear { clear: both }

/* Headings */
h1, h2, h3, h4 { font-weight: bold; text-decoration: none }
h1 { font-size: 28px; color: #654c4b }
h2 { font-size: 24px; color: #654c4b }
h3, h3 a { font-size: 20px; color: #654c4b }
h3 a { text-decoration: none }
h4 { font-size: 16px; color: #654c4b }

/* Sizes */
.w430 { width: 430px }
.w500 { width: 500px }

.font12 { font-size: 12px }
.font13 { font-size: 13px }
.font14 { font-size: 14px }
.font15 { font-size: 15px }
.font16 { font-size: 16px }
.font18 { font-size: 18px }
.font20 { font-size: 20px }
.font22 { font-size: 22px }
.font24 { font-size: 24px }

/* Colors */
.c-black { color: #272828 }
.c-white { color: #fff }

/* Other */
.bold { font-weight: bold }
.hidden { visibility: hidden }

.no-margin { margin: 0px !important }
.margin-center { margin: 0 auto }

.padding-right10 { padding-right: 10px }
.padding-top10 { padding-top: 10px }
.padding-left10 { padding-left: 10px }
.padding-bottom10 { padding-bottom: 10px }

.margin10 { margin: 10px }
.margin-right10 { margin-right: 10px }
.margin-top10 { margin-top: 10px }
.margin-left10 { margin-left: 10px }
.margin-bottom10 { margin-bottom: 10px }

.http-error { width: 500px; text-align: center; margin: 0 auto }
.http-error p { margin: 15px 0 }