/*
Theme Name: Action Shirts
Theme URI: http://www.action-shirts.com/
Description: WordPress Theme für action-shirts.com.
Version: 0.1
Author: Dirk Jaster
*/

html, body, div, span, iframe,
h1, h2, h3, h4, h5, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, 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;
}
ol, ul {
	margin-left: 2em;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
.clear {
    clear: both;
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}


html, body { width:100%; height:100%; }
body { background:#000; color: #08F0FA; font: 14px/21px 'Open Sans', sans-serif; }

a:link,
a:visited { color: #08F0FA; text-decoration:underline; }
a:focus,
a:hover   { color: #fff; }
a:active  { color: #fff; }

a[href$='.pdf'] { background: url(img/file-icons.png) no-repeat 0 0; padding-left: 20px; }
a[href$='.xls'], a[href$='.xlsx'] { background: url(img/file-icons.png) no-repeat 0 -20px; padding-left: 20px; }
a[href$='.doc'] { background: url(img/file-icons.png) no-repeat 0 -40px; padding-left: 20px; }
a[href$='.zip'] { background: url(img/file-icons.png) no-repeat 0 -60px; padding-left: 20px; }

h2 { font-size:22px; font-weight:500; margin-bottom:1em; }
h3 { font-size:19px; font-weight:500; margin-bottom:1em; }
h4 { font-size:16px; font-weight:500; margin-bottom:1em; }
hr { border:0; margin: 2em 0; color: #A4A0A4; background-color: #A4A0A4; height: 1px; }
strong { font-weight:700; }

small, .small { font-size: 12px; }
.alignleft { float:left; }
img.alignleft { margin:0 20px 10px 0; }
.alignright { float:right; }
img.alignright { margin:0 0 10px 20px; }
.right  { text-align:right; }
.center { text-align:center; }

/* #08F0FA */

#hd1 { width:30%; margin:46px auto 20px; }
#hd1 h1 a { display: block; width:100%; padding-top:35%; text-indent: -999em; background:#08F0FA url(img/action-shirts.png) no-repeat center; background-size:auto 100%; }
.to_nav  { display: none; }

#nav1    { position:absolute; top:0; left:0px; width:100%; font-size: 14px; line-height: 26px; text-transform: uppercase; background:#08F0FA; }
#nav1 li { display: inline-block; padding: 0 5px; }

#nav1 a:link,
#nav1 a:visited { color: #000; text-decoration:none; }
#nav1 a:focus,
#nav1 a:hover   { color: #fff; background: #000;  }
#nav1 a:active  { color: #fff; }

#menu-de { float:left; padding-left:15px; }
#menu-en { float:right; padding-right:15px; }


#wrapper { width:80%; max-width:1000px; margin:auto; }


#ft1 { font-size: 12px; padding:4em 1em 1em; text-align: center; color: #08F0FA; }



#sidebar1 { float: left; width: 40%; }
#sidebar1 ul { margin:0 10px 0 0; list-style: none; }
#sidebar1 .wp-post-image { width:100%; height:auto; }
#sidebar1 p, #sidebar1 h4 { margin:0; }





.post { float: right; background: #fff; color: #000; width: 60%; }

.post a { color: #000; }
.post header { padding:20px 20px 0; }
.post section { padding:20px; }
.post .wp-post-image { width:100%; height:auto; }



.page {  }
.page a {  }
.page header {  }
.page section { }
.page .wp-post-image { width:100%; height:auto; margin-bottom: 20px; }
.page p { margin-bottom:1.5em; }
.page .copyright { font-size: 12px; }

iframe { width:100%; margin-bottom: 2em; }

#news-archive header h1 { font-size: 20px; font-weight: 400; text-transform: uppercase; padding: 20px 0; }
#news-archive .wp-post-image,
#news-archive .nothumbnail { float:left; width: 90px; height: 90px; background: #ff8; margin-right: 10px; }
#news-archive ul { margin-bottom:1.5em; list-style: none; margin:0; }
#news-archive ul a { display: block; padding: 10px; text-decoration: none; background: #ff0; color: #000; margin-bottom: 5px; } 
#news-archive ul a:hover { background: #fff; border-color: #335; } 
#news-archive ul strong { font-size: 20px; font-weight: 500; }

.pagination .page-numbers { display: inline-block; padding:4px 10px; background: #ff0; color: #000; } 
.pagination a:hover { background: #fff; color: #000; }
.pagination .current { font-weight: 700; } 


#news-single header p { margin: 0; text-align: right; }
#news-single h1 { font-size: 22px; font-weight: 400; margin-top:10px; }

#news-single nav { padding: 0 20px; border-top: 2px solid #000; font-size: 13px; }
#news-single nav .prev { float: left; width: 49%; padding: 20px 0; border-right: 2px solid #000; }
#news-single nav .next { float: right; width: 49%; padding: 20px 0; text-align: right; }






@media only screen and (max-width: 768px) {
 
	a.to_nav { display: block; float:right; background: #000; text-decoration: none; padding: 5px 10px; margin:30px 10px 0 0; }
	#hd1 h1 a { }
 	#nav1 { position: relative; text-align: left; padding:0; margin-top: 20px; }
 	#nav1 li { display: block; padding: 0 !important; background: #ff0; margin-bottom:3px }
 	#nav1 li a { display: block; padding: 4px 10px; }
 	.post { width: 100%; margin-bottom:10px; }
 	#sidebar1 { width: 100%; }
 	#sidebar1 ul { margin:0; }

}