article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html,button,input,select,textarea{font-family:sans-serif}
body{margin:0}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
h1, h2, h3, h4, h5, h6 { margin: 0; color: #403B17; }
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
blockquote{margin:1em 40px}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
p,pre{margin:1em 0}
code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:'';content:none}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
dl,menu,ol,ul{margin:1em 0}
dd{margin:0 0 0 40px}
menu,ol,ul{padding:0 0 0 40px}
nav ul,nav ol{list-style:none;list-style-image:none}
img{border:0;-ms-interpolation-mode:bicubic}
svg:not(:root){overflow:hidden}
figure { margin: 5px; }
figure img { display: block; margin: 10px 25px; }

form{margin:0}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0;white-space:normal;*margin-left:-7px}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}
button,input{line-height:normal}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}
button[disabled],input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}

html, button, input, select, textarea { color: #222; }

::-moz-selection { background: #ccc; text-shadow: none; }
::selection { background: #ccc; text-shadow: none; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
img { vertical-align: middle; }
fieldset { border: 0;  margin: 0; padding: 0; }
textarea { resize: vertical; } 
.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

h1, h2, h3, h4, h5, h6 { font-family: 'Exo'; }

h1 { font-size: 36pt; }
h2 { font-size: 30pt; }
h3 { font-size: 24pt; }
h4 { font-size: 20pt; }
h5 { font-size: 14pt; }
h6 { font-size: 12pt; }

body { background: #fff url(images/interface/bgg.jpg) repeat; font-size: 10pt; line-height: 1.4; font-family: 'Exo', Arial, sans-serif;  }
a { color: #0C2931; }
a:hover { color: #da2e06; }

#topbar { background: #00313f; clear: both; width: 100%; height: 24px;}
	#topbar ul { margin: 4px 0 4px 0; list-style: none; display: block; float: right; color: #B7C0C3; }
	#topbar ul li { font-size: 9pt; display: inline; padding: 0 15px 0 0; }
		#topbar ul li a { color: #fff; text-decoration: none; }
			#topbar ul li a:hover { color: #f1f1f1; }
	#topbar ul li input { border: none; background: #566C72; color: #fff; width: 120px; height: 12px; }
#whitebg { width: 100%; min-width: 1000px; }		

#hprimary { background: url(images/interface/bg3.jpg) top center no-repeat; height: 182px; }
#hprimary h1 { padding: 40px 0 0 0; line-height: 58pt; text-align: center; text-transform: uppercase; font-family: 'Exo'; font-weight: 600; font-size: 64pt; }
#hprimary h1 a { display: block; text-decoration: none; color: #fff; }
	#hprimary h1 span { font-size: 24pt; color: #fff; display: block; margin-top: -105px; font-family: 'Exo'; text-transform: uppercase; font-weight: 600; }
	
header nav ul { padding: 7px 0 4px 30px; list-style: none; text-align: center; background: #00313f; margin: 0; }
	header nav ul li { font-weight: 400; display: inline; padding: 10px 16px 4px 16px; font-size: 15pt; }
		header nav ul li a { text-decoration: none; color: #fff; }
			header nav ul li a:hover { color: #006581; }
#categorynav { padding: 15px 10px 10px; }
	#categorynav ul { padding: 0 10px; list-style: none; text-align: center; margin: 0; }
		#categorynav ul li { font-weight: bold; text-transform: uppercase; display: inline; padding: 8px 12px 4px 12px; font-size: 11pt; }	
			#categorynav ul li a { text-decoration: none; color: #da2e06; }	
				#categorynav ul li a:hover { text-decoration: none; color: #006581; }	

#primary .wrap { overflow: auto; background: #fff url(images/interface/bg2.png) repeat-x; min-height: 100px; }
	#crumbs a { text-decoration: none; }		
#leftcol { width: 200px; float: left; padding: 0 25px; }
	#leftcol h5, #rightcol h5 { font-size: 14pt; }
	#leftcol p, #rightcol p { font-weight: bold; font-size: 10pt; text-align: center; } 
#primecol { width: 695px; padding: 0 25px 20px 30px; float: left; }
	#primecol article p { font-family: Arial; font-size: 11pt; line-height: 18pt; }
#midcol { width: 500px; float: left; }
	#midcol article table { width: 500px; }
#rightcol { width: 200px; padding: 0 25px; float: left; overflow: hidden; }
#single-entry #rightcol { margin-top: 10px; }

#news h6 { border-bottom: 1px solid #ccc; padding: 7px 0 6px 15px; font-family: 'Exo'; font-size: 12pt; }
#news h6 a { text-decoration: none; }
#news article { margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid #CCC; overflow: auto; clear: both; }
	#news h3, #articles h3, #popular h3, #leftcol h5, #rightcol h5 { display: block; font-size: 14pt; font-family: Arial, sans-serif; font-weight: bold; color: #fff; border: none; padding: 2px 0; text-align: center; margin: 0 0 8px 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: #00313f; letter-spacing: 1px; }


#articles {  }

article h1 { font-family: 'Exo'; font-size: 18pt; padding: 6px 0 0; line-height: 18pt; }
article h1 a { text-decoration: none; }
article h3 { font-family: 'Exo'; font-size: 16pt; }
	article h3 a { text-decoration: none; }
	article h6 { font-family: 'Exo'; font-size: 12pt; }
	article h6 a { text-decoration: none; }
article p.sub { margin: 2px 0 2px 0; font-style: italic; font-size: 9pt; line-height: 11pt; }
article p.sub a { color: #da2e06; font-weight: bold; }
	article p.sub a:hover { color: #0C2931; }
article p { line-height: 16pt; }

#authors h3 { clear: both; }
#authors img { display: block; float: left; margin: 5px 25px 12px 0; }
#authors p { margin: 0 0 10px 0; }
#authors ul { padding: 0; margin-top: 4px; display: block; float: left; }
#authors ul li { list-style: none; border-top: 1px solid #e6e6e6; padding: 5px 0; }
	#authors ul li a { text-decoration: none; }

#leftcol h6, #rightcol h6 { font-size: 11pt; }
#leftcol h6 a, #rightcol h6 a { text-decoration: none; }
#leftcol img, #rightcol img { display: block; margin: 5px auto; }

#single-entry {  }
	#single-entry #primecol article h1 { margin: 10px 0; font-size: 30pt; line-height: 32pt; }

#paginate { text-align: center; font-size: 12pt;  }
#paginate a { padding: 4px 10px; background: #566c72; text-decoration: none; margin: 0 2px; color: #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; text-shadow: 1px 1px 1px #2f4950; }
#paginate a:hover { background: #0C2931; }

footer { clear: both; background: #00313f; color: #fff; }

footer ul { margin: 0; padding: 8px 0 8px 30px;; list-style: none; text-align: center; }
	footer ul li { font-weight: bold; text-transform: uppercase; display: inline; padding: 8px 8px 4px 8px; font-size: 12pt; }
		footer ul li a { text-decoration: none; color: #fff; }
			footer ul li a:hover { color: #b7c0c3; }
.twitter-share-button { margin: -10px 0 0 10px; padding-top: 10px; }

.imgleft { display: block; float: left; margin: 4px 20px 6px 0; border: 1px solid #ccc; }
a.more { display: block; margin: 5px auto 10px; width: 120px; text-decoration: none; height: 15px; padding: 4px 8px 4px; text-align: center; background: #006581; color: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; text-shadow: 1px 1px 1px #2f4950; font-size: 9pt; }
	.more:hover { background: #0C2931; }
a.continue { color: #da2e06; font-weight: bold; }
	a.continue:hover { color: #0C2931; }

.wrap { margin: 0 auto; width: 1000px; min-width: 1000px; }

.comment { border: 1px solid #efefef; padding: 0px 20px; margin: 10px 0; }
	.comment p { line-height: 16pt; }
.by { font-style: italic; }
.screen-reader { display: block !important; left: -9999px !important; position: absolute !important; }


/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow:none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}