/*
Theme Name: Trikot-Shop24
Theme URI: http://www.trikot-shop24.de/
Description:Trikot-Shop24 Theme
Author: Marco Hillger
Version: 1.0
Tags: trikot, trikot-shop24
*/


/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}

body {
    font-family:Arial, Helvetica, Tahoma, Verdana;
    background: #f6f5f3 url(/tl_files/layout/images/bg.jpg) repeat-x;

}
.clear { clear: both; }
#htop {
    background: url(/tl_files/layout/images/header-bg.jpg) no-repeat center top;
}
#bottom {
    background: url(/tl_files/layout/images/bottom-bg.png) no-repeat center bottom;
    padding-bottom: 20px;
}
#wrapper {
    position:relative;

}

cite,
em,
i {
	font-style: italic;
}
big {
	font-size: 131.25%;
}
ins {
	background: #ffc;
	text-decoration: none;
}
blockquote {
	font-style: italic;
	padding: 0 3em;
}
blockquote cite,
blockquote em,
blockquote i {
	font-style: normal;
}
pre {
	background: #f7f7f7;
	color: #222;
	line-height: 18px;
	margin-bottom: 18px;
	padding: 1.5em;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	position: relative;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}

#wrapper { width:945px; margin:0 auto; }
#header { height:162px; }
#left { float: left; width:145px; }
#right { float: right; width:145px; }
#main {  margin-left:145px; margin-right:145px; position:relative; width:auto;}

a, a:active { color: #000; }
a.more {
    color: #23AE13;
    text-decoration: none;
    background: url(/tl_files/layout/images/arrow.gif) no-repeat right 5px;
    padding-right: 8px;
    font-style: normal;
    font-weight: bold;
}
a.more:hover { text-decoration: underline; }

.inside { position:relative; text-align:left; }
/* Header */
#header {  }
#header .inside {
    z-index:100;
}
#header .logo {
    display: block;
    width: 799px;
    height: 78px;
    background: url(/tl_files/layout/images/logo.png) no-repeat 0px 2px;
}
/* Navigation */
#nav {
    float: left;
    z-index:10;
    margin: 6px 0 0 0;
    padding: 17px 10px 0px 10px;
}
#nav .menu {
    display: inline;
    list-style-type: none;
    margin: 0; padding: 0;

}
#nav li {
    text-align:left;
    float:left;
    margin: 0 12px 0 0;
}
#nav .sub-menu li { float: none; }
#nav a {
    color: #000;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    padding: 2px 4px 2px 4px;
    display: block;
}
#nav a.submenu {
    padding-right: 16px;
    background: url(/tl_files/layout/temp/menu.gif) no-repeat center right;
}
#nav a:hover, #nav li#menu-item-10 a, #nav li a.trail, #nav li:hover a {
    color: #fff;
    background: #27AB19;
}
#nav a.submenu:hover, #nav li.active a.submenu, #nav li.trail a.submenu, #nav li:hover a.submenu {
    background: #27AB19 url(/tl_files/layout/temp/menu-hover.gif) no-repeat center right;
}
#nav .sub-menu { padding: 5px 0 0 0; list-style-type: none; position:absolute; width:15em; top:121px; left:-10000px; background: #27AB19; color:#fff; }
#nav .sub-menu li { padding:0; margin:0; }
#nav .sub-menu a {
    font-weight: bold;
    font-size: 12px;
    padding: 5px 6px 5px 6px;
    border-bottom: 1px dotted #fff;
}
#nav .sub-menu a.last { border: 0; }
#nav .sub-menu a:hover { background: #64C55A; }
#nav li:hover > .sub-menu { left:auto; }

#header .search {
    font-size: 12px;
    float: right;
    margin: 25px 8px 0 0;
}
#header .search input { float: left; }
#header .search .text {
    height: 18px;
    width: 150px;
    border:1px solid #4F4F4F;
    color: #919191;
    font-style: italic;
}
#header .search .active {
    color: #000;
    font-style: normal;
}

.mod_breadcrumb {
    background: #FCFCFC;
    margin: 21px 0 0 0;
    padding: 4px;
    font-size: 11px;
}
.mod_breadcrumb a {
    color: #6E6761;
    text-decoration: none;
}
.mod_breadcrumb a:hover {
    text-decoration: underline;
}

/* Content */
#container{
    clear: both;
    background: url(/tl_files/layout/images/main-bg.png) repeat-y;
    margin-top: 7px;
    color: #221910;
}
#main .inside {
    font-size: 12px;
    margin: 0 14px 0 14px;
}

.post {
    overflow: hidden;
    padding: 10px;
    border-bottom: 1px dotted #000;
}
.page-title { margin: 10px; }
.entry-title { margin-bottom: 10px; }
.entry-title, .entry-title a { font-size:22px; color:#26AD12; text-decoration: none; }
.entry-title a:hover { text-decoration: underline; }
.entry-meta, .entry-meta a { font-size: 10px; color: #999999; }
.entry-content, .entry-summary { margin: 10px 0 10px 0; }

.xoxo {
    list-style-type: none;
}
.widget-container {
    font-size: 11px;
    border-bottom: 2px solid #000;
    margin-bottom: 12px;
}
.widget-container h3 {
    background: #000;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 25px 5px 5px;
}
.widget-container ul {
    list-style-type: none;
}
.widget-container li {
    margin: 0; padding: 5px;
    border-top: 1px dotted #000;
}
.widget-container p.last { border: 0; }
.widget-container quote { display: block; }
.widget-container.italic p {
    font-style: italic;
}

/* Images
-------------------------------------------------------------- */

#main img {
	margin: 0;
	max-width: 640px;
}
#main .attachment img {
	max-width: 900px;
}
#main .alignleft,
#main img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
#main .alignright,
#main img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
#main .aligncenter,
#main img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#main img.alignleft,
#main img.alignright,
#main img.aligncenter {
	margin-bottom: 12px;
}
#main .wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	text-align: center;
	margin-bottom: 20px;
	padding: 4px;
}
#main .wp-caption img {
	margin: 5px 5px 0;
}
#main .wp-caption p.wp-caption-text {
	margin: 5px;
	color: #888;
	font-size: 12px;
}
#main .wp-smiley {
	margin:0;
}
#main .gallery {
	margin: auto;
}
#main .gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
#main .gallery img {
	border: 2px solid #cfcfcf;
}
#main .gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
#main .gallery dl {
	margin: 0;
}
#main .gallery img {
	border: 10px solid #f1f1f1;
}
#main .gallery br+br {
	display: none;
}


/* =Content
-------------------------------------------------------------- */

#main,
#main input,
#main textarea {
	color: #333;
	font-size: 16px;
	line-height: 24px;
}
#main p,
#main ul,
#main ol,
#main dd,
#main pre,
#main hr {
	margin-bottom:24px;
}
#main ul ul,
#main ol ol,
#main ul ol,
#main ol ul {
	margin-bottom:0;
}
#main pre,
#main kbd,
#main tt,
#main var {
	font-size: 15px;
	line-height: 21px;
}
#main code {
	font-size: 13px;
}
#main dt,
#main th {
	color: #000;
}

#main table {
	border: 1px solid #e7e7e7;
	text-align: left;
	margin: 0 -1px 24px 0;
	width: 100%;
}
#main tr th,
#main thead th {
	color: #888;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding: 9px 24px;
}
#main tr td {
	border-top: 1px solid #e7e7e7;
	padding: 6px 24px;
}
#main tr.odd td {
	background: #F2F7FC;
}

.home .sticky {
	background: #F2F7FC;
	border-top: 4px solid #000;
	padding: 18px 20px;
	margin-left: -20px;
	margin-right: -20px;
}
.page-title {
	color: #000;
	font-size: 14px;
	font-weight: bold;
}
.page-title span {
	color: #333;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
}
.page-title a:link,
.page-title a:visited {
	color:#888;
	text-decoration: none;
}
.page-title a:active,
.page-title a:hover {
	color: #FF4B33;
}
#main .entry-title {
	line-height: 1.3em;
	margin-bottom: 0;
}

.entry-meta abbr,
.entry-utility abbr {
	border: none;
}
.entry-meta abbr:hover,
.entry-utility abbr:hover {
	border-bottom: 1px dotted #666;
}
#main .entry-summary p:last-child {
	margin-bottom: 12px;
}
.entry-content fieldset {
	border: 1px solid #E7E7E7;
	margin: 0 0 24px 0;
	padding: 24px;
}
.entry-content fieldset legend {
	background: #fff;
	color: #000;
	font-weight: bold;
	padding: 0 24px;
}
.entry-content input {
	margin: 0 0 24px 0;
}
.entry-content input.file,
.entry-content input.button {
	margin-right: 24px;
}
.entry-content label {
	color: #888;
	font-size: 12px;
}
.entry-content select {
	margin: 0 0 24px 0;
}
.entry-content sup,
.entry-content sub {
	font-size: 10px;
}
.entry-content blockquote.left {
	float: left;
	margin-left: 0;
	margin-right: 24px;
	text-align: right;
	width: 33%;
}
.entry-content blockquote.right {
	float: right;
	margin-left: 24px;
	margin-right: 0;
	text-align: left;
	width: 33%;
}
.page-link {
	color: #000;
	font-weight:bold;
	margin:0 0 22px 0;
	word-spacing:0.5em;
}
.page-link a:link,
.page-link a:visited {
	background: #f1f1f1;
	color:#333;
	font-weight:normal;
	padding:0.5em 0.75em;
	text-decoration:none;
}
.home .sticky .page-link a {
	background: #D9E8F7;
}
.page-link a:active,
.page-link a:hover {
	color: #FF4B33;
}
.page .edit-link {
	clear: both;
	display: block;
}
#entry-author-info {
	background: #F2F7FC;
	border-top: 4px solid #000;
	padding: 18px 20px;
	margin: 24px 0;
	overflow: hidden;
	clear: both;
	font-size: 14px;
	line-height: 20px;
}
#entry-author-info #author-avatar {
	background: #fff;
	border: 1px solid #e7e7e7;
	float: left;
	margin: 0 -104px 0 0;
	padding: 11px;
	height: 60px;
}
#entry-author-info #author-description {
	float: left;
	margin: 0 0 0 104px;
}
#entry-author-info h2 {
	color: #000;
	font-weight: bold;
	font-size: 100%;
	margin-bottom: 0;
}
.entry-utility {
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
.entry-meta a,
.entry-utility a {
	color: #888;
}
.entry-meta a:hover,
.entry-utility a:hover {
	color: #FF4B33;
}
#main .video-player {
	padding: 0;
}


/* =Navigation
-------------------------------------------------------------- */

.navigation {
	font-size:  12px;
	line-height: 18px;
	overflow: hidden;
	color: #888;
        padding: 5px 10px 5px 10px;
}
.navigation a:link,
.navigation a:visited {
	color: #888;
	text-decoration: none;
}
.navigation a:active,
.navigation a:hover {
	color: #FF4B33;
}
.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	width: 50%;
	text-align:right;
}
#nav-above {
	display: none;
}
.paged #nav-above,
.single #nav-above {
	display: block;
        
}

/* =Comments
-------------------------------------------------------------- */
#comments {
        padding: 0 10px 0 10px;
}
#comments .navigation {
	padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
	color: #000;
	font-size: 12px;
	margin-bottom: 0;
}
h3#comments-title {
	padding: 24px 0;
}
.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist li.comment {
	border-bottom: 1px solid #e7e7e7;
	line-height: 24px;
	margin: 0 0 24px 0;
	padding: 0 0 0 56px;
	position: relative;
}
.commentlist li:last-child {
	border-bottom:none;
	margin-bottom:0;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	position: absolute;
	top: 4px;
	left: 0;
}
.comment-author {
}
.comment-author cite {
	color: #000;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: italic;
}
.comment-meta {
	font-size: 12px;
	margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
	color: #888;
	text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
	color: #FF4B33;
}
.commentlist .even {
}
.commentlist .bypostauthor {
    background: #F6F5F3;
}
.reply {
	font-size: 12px;
	padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
	color: #888;
}
.reply a:hover,
a.comment-edit-link:hover {
	color: #FF4B33;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	margin-bottom: 18px;
	padding-bottom: 18px;
	border-bottom: 1px solid #e7e7e7;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888;
	font-size: 12px;
	line-height: 18px;
	display:block;
	margin: 0;
}
#comments .pingback .url {
	font-style: italic;
	font-size: 13px;
}



/* Comments form */
input[type=submit] {
	color: #333;
}
#respond {
	margin: 24px 0;
	border-top: 1px solid #e7e7e7;
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin: 18px 0;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
}
#respond .required {
	color:#FF4B33;
	font-weight:bold;
}
#respond label {
	color: #888;
	font-size: 12px;
}
#respond input {
	margin:0 0 9px;
	width:98%;
        border:1px solid #4F4F4F;
}
#respond textarea {
	width:98%;
        border:1px solid #4F4F4F;
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	width: auto;
	font-size: 14px;
}


/* Footer */

#footer {
    background: url(/tl_files/layout/images/footer-bg.png) no-repeat;
    height: 38px;
}
#footer .inside {
    padding: 10px;
    font-size: 12px;
}
#footer ul {
    display: inline;
    list-style-type: none;
}
#footer li {
    color: #999;
    float: left;
    padding-right: 7px;
}
#footer a { color: #999; text-decoration: none; padding-left: 7px; }
#footer a:hover { text-decoration: underline; }