/*  
Theme Name: articles
Theme URI: http://products.nordahl.me
Description: A HTML5 based wordpress theme to show off the beautiful products you have created. Choose your desired color combination in the theme settings. 
Version: 1.0
Author: Kenneth D. Nordahl
Author URI: http://nordahl.me
Tags: bare, html5, wireframe, striped, stark, naked, modern
Build upon BAREHTML5 by Kenneth D. Nordahl // Creative Commons BY licensed // http://products.nordahl.me/barehtml5
*/

/* 
################################## 
RESET 
################################## 
*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; }
body { line-height:1; }
table { border-collapse:collapse; border-spacing:0; }
section,article,aside,header,footer,nav,dialog,figure { display:block; }

/* 
################################## 
TYPOGRAPHY
################################## 
*/
body,p,a { color:#999;font-family: 'Helvetica', sans-serif; font-size:1em; line-height:1.3em; font-weight:300; }
h1,h2,h3,h4,h5 { font-family:"Helvetica Neue", Helvetica, sans-serif; font-weight:200; color:##1b2426;color:rgba(27,36,38,1); text-shadow:0 1px 0 rgba(0,0,0,0.5); }
.top h1 { font-size:3em; line-height:1.5em; }
h1 { font-size:3em; line-height:1.1em; }
h2 { font-size:2em; line-height:1.1em; }
h3 { font-size:1.2em; line-height:1.1em; }
h4 { font-size:1.05em; line-height:1.1em; }
#navigation h1 { padding:0; }
p{padding:1em 0;}
a { color:#5aa1c8;color:rgba(90,161,200,1); text-decoration:none; }
a:hover { color:#00a8ff;color:rgba(0,168,255,1); text-decoration:underline; }
a:active { outline:0; position:relative; top:1px; }
a.selected { color:#00a8ff;color:rgba(67,90,95,1); }
nav ul li a { font-size:1.7em; font-family:"Helvetica Neue"; font-weight:200; text-decoration:none; color:rgba(255,255,255,1); text-shadow:0 1px 3px rgba(0,0,0,0.5); }
nav ul li a:hover { }
header section h1 a,article header h1 a { font-size:.8em; font-family:"Helvetica Neue",Helvetica; font-weight:100; }
p.copyright { font-family:"Helvetica Neue",Helvetica; font-weight:100; }
p.copyright a { font-family:"Helvetica Neue",Helvetica; font-weight:100; }

/* 
################################## 
TOOLS
################################## 
*/
.italic { font-style:italic; }
.padding-left { padding-left:10px; }
.padding-top { padding-top:24px; }
.left-border { border-left:dotted 1px #333; border-left:dotted 1px rgba(51,51,51,0.3); margin-left:-1px; }
.margin-top { margin-top:20px; }
.table-of-content { margin-left:30px; margin-bottom:20px; }
.table-of-content ol { margin-left:15px; margin-bottom:0; list-style-type:lower-latin; }
.button { font-family:Helvetica; font-weight:bold; font-size:14px; padding:3px; padding-top:5px; background-color:#435A5F; color:#B9BDB6; -webkit-border-radius:3px; -mozborder-radius:3px; border-radius:3px; margin:3px; margin-top:30px; clear:both; }
.button a { color:#151515; }
.button a:hover { color:#fff; text-decoration:none; }
.button:hover { color:#fff; text-decoration:none; }
.background { background:#1b2426; color:#B9BDB6; line-height:20px; padding:10px; -webkit-border-radius:10px; }
.background a { color:#fff; }
.align-left { display:block; float:left; }
.align-right { display:block; float:right; }
.align-center { display:block; margin:0 auto; }

/* 
################################## 
STYLING
################################## 
*/
body { background:#fff; }
body > section { }
img,object,video { border:.625em #fff solid; margin:.625em; box-shadow:0 0 5px #999; -o-box-shadow:0 0 5px #999; -moz-box-shadow:0 0 5px #999; -webkit-box-shadow:0 0 5px #999; }
#navigation { width:115px; padding:10px; padding-top:10px; padding-bottom:10px; border-left:solid #fff 10px; border-right:solid #fff 10px; border-bottom:solid #fff 10px; background: #1b2426; background:rgba(27,36,38,1); box-shadow:0 0 5px #000; -o-box-shadow:0 0 5px #000; -moz-box-shadow:0 0 5px #000; -webkit-box-shadow:0 0 5px #000; }
#navigation h1 a { background:url(images/logo.png) no-repeat; text-decoration:none; color:#fff; font-size:2.8em; line-height:.1em; text-shadow:0 3px 10px #000; display:block; text-indent:-9999px; height:100px; }
#navigation ul li ul li a { font-size:.8em; margin-left:.8em; }
#navigation > a { text-align:center; display:block; }
nav ul li a:hover { color:rgba(0,168,255,1); -moz-transform:all 3s ease-in; -webkit-transform:color 1s ease-in; }
body #navigation { position:fixed; top:0; }
nav ul li { list-style:none; }
.firefox-fix { height:100%; position:absolute; left:0; }
.content { position:relative; min-height:400px; }
header section h1 { padding:2em 0; }
article { }
article ul,article ol { margin-left:20px; }
article img { float:left; margin-bottom:20px; }
article div { margin-top:20px; margin-bottom:20px; }
article section h2 { margin-top:40px; margin-bottom:10px; clear:both; }
table { width:100%; margin-top:10px; margin-bottom:10px; background:#1B2426; color:#B9BDB6; border:solid 5px #1B2426; }
table a { color:#fff; }
table th { border:solid 1px #B9BDB6; }
table td { border:solid 1px #1B2426; }
article .background { background:#1b2426; color:#B9BDB6; line-height:20px; padding:10px; -webkit-border-radius:10px; }
article .background a { color:#fff; }
.replys article { margin-bottom:20px; background:#1b2426; -webkit-border-top-right-radius:20px; -webkit-border-bottom-left-radius:30px; }
article section h1 { margin-top:20px; margin-bottom:-10px; }
.replys article section:first-child { border-right:solid 5px #435A5F; margin-right:-5px; }
.replys article section:first-child h3 { display:block; color:#fff; font-weight:bold; margin-top:10px; margin-left:35px; margin-bottom:10px; }
.replys article section:first-child h3 a { color:#fff; }
.replys article section h4 { margin-left:35px; font-size:10px; }
.replys article section h4 a { color:#fff; }
.replys article section img { display:block; margin-left:35px; margin-bottom:20px; -webkit-box-shadow:0 0 10px #666; }
.replys article section p { color:#B9BDB6; padding:10px; }
footer p.copyright { font-family:"Helvetica Neue",Helvetica; font-weight:100; }
footer p{ padding:40px 0; }