/*  
Theme Name: Deaf Biker Germany
Theme URL: http://www.deafbikergermany.de
*/

* { margin: 0; padding: 0; }
body { background-color: #33333f; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 75%; padding: 0px; margin-top: 0px; color: #e29c21; }

input, button, textarea, select { font: normal 100%/1.4em "Verdana", sans-serif; color: #937c54; vertical-align: middle; }
legend { display: none; }
fieldset { border: none; }
ul, ol { list-style: none; }
ol { list-style-type: decimal;}
table { border-collapse: collapse; width: 100%; }
/* hr { display: none; } */
hr { border-top: 1px dotted #937c54; border-left: 0px solid #000; border-right: 0px solid #000; border-bottom: 0px solid #000; width: 90%; height : 1px; margin: 1em 0; clear: both; }
img { padding: 0px; margin: 0px; border: none; }

a:link { text-decoration: none; color : #937c54; border: 0px; -moz-outline-style: none; }
a:active { text-decoration: none; color : #464646; border: 0px; -moz-outline-style: none; }
a:visited { text-decoration: none; color : #937c54; border: 0px; -moz-outline-style: none; }
a:hover	{ text-decoration: underline; color : #e29c21; border: 0px; -moz-outline-style: none; } 
a:focus { outline: none; -moz-outline-style: none; }

h1, h2, h3, h4 { font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: normal }
h1, h2, h3, h4 a:hover { text-decoration: none; border: none; }
.pagetitle { }

/* diverse -------------------------------------------- */
#clear, .clear { clear: both; }
/* Clearfix-Methode zum Clearen der Float-Umgebungen */
.clearfix:after { content: "."; display: block; font-size: 0; height: 0; clear: both; visibility: hidden; }
/* Diese Angabe ben�tigt der Safari-Browser zwingend !! */
.clearfix { display: block; }
/* IE-Clearing: Ben�tigt nur der Internet Explorer und �ber iehacks.css zugeschaltet */
#ie_clearing { display: none; }

.float_left { float: left; display: inline; margin-right: 1em; margin-bottom: 0.15em; }
.float_right { float: right; display: inline; margin-left: 1em; margin-bottom: 0.15em; }

/* wrapper ----------------------------------------- */
#wrapper { width: 1000px; margin: 20px auto; height: 100%; }

/* header ------------------------------------------ */
.header { width: 100%; min-height: 210px; position: relative; border: 1px solid #000000; }
/**/ * html .header { height: 210px; } /* */ 
.header .logo { padding: 0px; margin: 0px; border-bottom: 1px solid #000; }
.header .logo h1 { background: transparent url(dbg_images/dbg_header.png) no-repeat center top; height: 180px; text-indent: -9999px; }

/* menu */
.menu { text-transform: uppercase; width: 100%; height: 30px; position: relative; display: block; z-index:100; }
.menu ul li a,
.menu ul li a:visited { display: block; font-size: 100%; text-align: right; text-decoration: none; color: #e29c21; background-color: none; height: 10px; margin: 0; padding: 10px 10px 10px 20px; border-left: 1px solid #000; overflow: hidden; }
.menu ul { margin: 0 0 0 30px; padding: 0px; list-style: none; }
.menu ul li { float: left; position: relative; }
.menu ul li ul { display: none; }
.menu ul li a:hover { color: #937c54; background-color: #2d2d38; text-decoration: none; }

.menu ul li:hover ul { display: block; position: absolute; left: -30px; top: 31px; }
.menu ul li:hover ul li a { display: block; background: #33333f; color: #e29c21; width: 100px; margin: 0px; padding: 10px; border-left: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000; }
.menu ul li:hover ul li a:hover { background: #2d2d38; color: #937c54; }
.menu ul li:hover ul li ul { display: none; }

.menu ul li.end a:hover { background-color: #33333f; }

/* container --------------------------------------- */
.container { width: 100%; float: left; background-color: #2d2d38; border-right: 1px solid #000; border-left: 1px solid #000; border-bottom: 1px solid #000;  }

/* sl site left ------------------------------------ */
.sl { width: 500px; float: left; padding: 20px; }

.title { font-size: 200%; padding: 1em; margin-bottom: 15px; }
.note { padding-left: 14px; font-size: 80%; }
.edit a { padding-left: 14px; font-size: 80%; }
.error { color: #cc0000; font-size: 120%; font-weight: bold; }

/* block */
.block { background-color: #24242D; border: 1px solid #000; padding: 0.5em 1.4em 1em; }

/* post ----------------------------------------- */
.post { padding: 0; position: relative; }
/**/ * html .post { width: 99%;} /**/ 

.posthead { padding: 0; margin: 0.5em 0 1em 0; }

.posthead h1, .posthead h1 a, .posthead h1 a:visited, 
.posthead h2, .posthead h2 a, .posthead h2 a:visited, 
.posthead h3, .posthead h3 a, .posthead h3 a:visited { color: #e29c21; text-transform: uppercase; line-height: 1.2em; }
.posthead h1 a:hover, .posthead h2 a:hover, .posthead h3 a:hover { color: #937c54; text-decoration: none; }

.posthead h1 { font-size: 260%; }
.posthead h2 { font-size: 240%; }
.posthead h3 { font-size: 200%; }

.posttime { font-size: 90%; color: #999; }
.postdate { font-size: 90%; color: #999; }

.postcon { font-size: 110%; line-height: 1.4em; color: #e29c21; padding: 0; }

.postcon h1 { font-size: 210%; margin: 1.5em 0em 0.5em 0em; }
.postcon h2 { font-size: 180%; margin: 1em 0em 0.5em 0em; }
.postcon h3 { font-size: 150%; margin: 0.5em 0em 0.5em 0em; }

.postcon h1,
.postcon h2,
.postcon h3 { line-height: 1.2em; }

.postcon p { font-size: 110%; line-height: 1.4em; color: #e29c21; padding: 0px; margin: 10px 0px;}
.postcon ol { list-style: decimal inside; }
.postcon ol { padding: 10px 0px 10px 25px; margin: 0px; }
.postcon ol li { padding: 2px 0px 2px 0px; }
.postcon ul { padding: 10px 0px 10px 20px; margin: 0px; }
.postcon ul li { padding: 2px 0px 2px 13px; list-style-type: none; background: url("images/postcon-li.png") no-repeat left 1px; color: #666; }

.postcon blockquote { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; color: #f3f3f3; padding: 10px 20px; margin: 10px 0px; background: #282826; }
.postcon blockquote p { line-height: 1.6em; }
.postcon blockquote li { padding: 2px 0px 2px 13px; list-style-type: none; font-size: 12px; line-height: 2em; }

.postcon .edit { background: url(images/ed_edit_icon.png) no-repeat left 2px; padding: 3px 0px 3px 20px; font-size: 90%; }

/**/ * html .postcon p img {} /* */ 
.postcon p img { max-width: 460px;}
.postcon p img { width: expression(this.width > 460 ? "460px" : this.width); }
.postcon .border { margin: 0px 10px 10px 0px; float: left; background-color: #262630; padding: 6px; border: solid 1px #000; }
.postcon img { border: none; background: none; }

/* album ------------------------------ */
.album { padding: 10px; margin-bottom: 1em; border: 1px solid #000; background: #24242d; clear: both; }
.album img { display: block; }
.album .logos { padding-left: 80%; position: absolute; height: 75px; width: 75px; }
.album h2 { margin: 0.2em 0 0.2em 0; }
.album h2 a:link,
.album h2 a:hover { color: #e29c21; text-decoration: none; }
.album gegr { font-size: 40%; }
.albumleft { float: left; width: 50%; margin: 0; }
.albumright { float: right; width: 50%; margin: 0; }

.albumdesc { float: left; width: 50%; }
.albumdesc small { margin-top: 8px; line-height: 130%; width: 120px; float: right; color: #888; }

/* postmd ---------------------------------------- */
.postmd { margin: 1em 0 1em 0; padding: 0; border-top: 1px solid #999; }
.postmd ul { padding: 0; margin: 0; }
.postmd li { font-size: 80%; color: #999; display: inline; padding: 5px 10px 6px 10px; margin: 0px; }
.postmd .top { float: left; }
.postmd .tag { float: right; }
.postmd li a { color: #999; }
.postmd li a:hover { color: #555; }

/* sr site right ----------------------------------- */
.sr { width: 440px; padding: 20px 20px 20px 0px; float: right; position: relative; }

/* rss search about [] ----------------------------- */

/**/ *html .search  { height: 1%; } /**/ 

.search { right: 0px; overflow: hidden; padding: 0; margin: 0; margin-bottom: 1em; }
.search h2 { font-size: 150%; color: #e29c21; font-weight: normal; text-transform: uppercase; padding: 0 0 0.4em 0; }
.search form { width: 290px; }
.search fieldset { overflow: hidden; height: 32px; }
.search input { float: left; background: url(./dbg_images/dbg_searchform.png) no-repeat; border: none; padding: 8px; width: 243px; height: 16px; color: #; }
.search button { float: left; background: url(./dbg_images/dbg_searchok.png) no-repeat; border: none; width: 31px; height: 32px; cursor: pointer; text-indent: -1000em; }

.syn { margin: 0 0 2em 0; }
.syn ul { margin: 0; padding: 0px;}
.syn ul li { background: url(dbg_images/dbg_rss_mini.png) no-repeat left center; height: 8px; margin: 0 0 0 1em; padding: 2px 0px 2px 15px; list-style-type: none; font-size: 80%; color: #e29c21; display: inline; }

/* about dgb */
.about { background-color: #1a1a24; border: 1px solid #000; margin: 1em 0 0 0; padding: 1em 10px 1.6em 10px; color: #e29c21; }
.about h2 { padding: 0px; margin: 0px; font-size: 150%; font-weight: normal; text-transform: uppercase; padding: 0.4em 0 0.4em 0; }
.about p { padding: 5px 0px; margin: 0px; font-size: 100%; line-height: 16px; }

/* about articles/comments */
.recent { background-color: #262630; border: 1px solid #000; border-top: none; padding: 10px; margin-bottom: 10px; }
.recent .tabs { overflow: hidden; }
.recent .tabs { height: 1%; padding-bottom: 1em; }
.recent .tabs li { float: left; }
.recent .tabs li a { float: left; font: bold 1.1em/1.2em; padding: 0; margin: 0 5px; text-transform: uppercase; text-decoration: none;}
.recent .tabs li a.active, 
.recent .tabs li a:hover { color: #e29c21; text-decoration: none; }
.recent a, 
.recent a:visited { color: #937C54; }
.recent a:hover { color: #e29c21; }

#tab-comments { display: none; margin-bottom: 5px; }
#tab-comments li { font-size: 1em; padding: 5px 0px 5px 0px; border-bottom: 1px solid #555; color: #e29c21; }
#tab-comments li a { font-size: 0.8em; padding-bottom: 0.5em; display: block; }
#tab-comments li a:hover { color: #e29c21; text-decoration: none; }

#tab-posts { margin-bottom: 5px; font-size: 110%; }
#tab-posts li { font-size: 1em; line-height: 1em; padding: 5px 0px 5px 0px; border-bottom: 1px solid #414147; }
#tab-posts li a { font-size: 1em; color: #e29c21; display: block; }
#tab-posts li a:hover { color: #937C54; text-decoration: none; }

/* sbl sidebar left */
.sbl { width: 290px; float: left; position: relative; padding: 0 10px 0 0; }

/* sbr sidebar right */
.sbr { width: 130px; float: right; padding: 0px 0px 0px 10px;}

.sbr h2 { font-size: 150%; color: #e29c21; font-weight: normal; text-transform: uppercase; padding: 1em 0 0.4em 0; }
.sbr ul { margin: 0px; padding: 0px; }
.sbr ul li { font-size: 90%; list-style-type: none; margin: 0px; padding: 5px 0px 3px 0px; border-bottom: 1px solid #555; }
.sbr ul li em, .sbn ul li em a { font-style: normal; }
.sbr ul li a { }
.sbr ul li a:hover { text-decoration: none; }

.sbn li { list-style-type: none; }
.sbn h2 { font-size: 150%; color: #e29c21; font-weight: normal; text-transform: uppercase; padding: 1em 0 0.4em 0; }
.sbn ul { margin: 0px; padding: 0px; }
.sbn ul li { font-size: 90%; list-style-type: none; margin: 0px; padding: 5px 0px 3px 0px; border-bottom: 1px solid #555; }
.sbn ul li em, .sbn ul li em a { font-style: normal; }
.sbn ul li a { }
.sbn ul li a:hover { text-decoration: none; }

/* stage sidebar tage */
.stage { padding: 0; margin: 2em 0 0 0; postition: relative; width: 440x; line-height: 1.6em; }
.stage h2 { font-size: 150%; color: #e29c21; font-weight: normal; text-transform: uppercase; padding: 1em 0 0.4em 0; }
.stage ul { margin: 0; padding: 0; }
.stage a { text-decoration: none; border: none; }
.stage a:hover { text-decoration: none; border: none; }

/* nav2 --------------------------------------- */
.nav { text-align: right; padding: 1em 0em 1.4em 0; }
.nav a { padding: 5px; background: #33333f; border: solid 1px #000; font-size: 0.9em; }
.nav a:visited {  padding: 5px; border: solid 1px #000; font-size: 0.9em; }
.nav a:hover {  padding: 5px; border: solid 1px #000; text-decoration: none; font-size: 0.9em; }
.nav span { text-transform: uppercase; padding: 5px;font-size: 0.9em; color: #6666; }
.nav .on { padding: 5px; background: #1f1f27; border: solid 1px #000; font-size: 1.1em; color: #e29c21; }

/* nav 2 --------------------------------------- */
.nav2 { overflow: hidden; padding: 2em 0em; }
.nav2 .left a { float: left; background: url(dbg_images/dbg_next_mini.png) no-repeat left 0px; height: 13px; padding-left: 20px; }
.nav2 .right a { float: right; background: url(dbg_images/dbg_prev_mini.png) no-repeat right 0px; height: 13px; padding-right: 20px; }
.nav2 a, .nav2 a:hover, .nav2 a:visited { color: #e29c21; cursor: hand; font-size: 90%; }

/* comments ---------------------------------- */
.comments-list { padding-top: 20px;}
.comments-list h2 { padding: 0; margin-bottom: 1em; }
.comments-list div.entry { margin-bottom: 15px; padding: 20px; border: 1px solid #000; background: #24242d; }
.comments-list div.alt { margin-bottom: 15px; padding-top: 20px; border: 1px solid #000; background: #1b1b22; }
/*
.comments-list p.name { }
.comments-list p.avt { padding: 0px; margin: 0px; float: right; }
.comments-list p.avt img { border: solid 1px #ccc; }
* html .comments-list p.avt { left: -60px; }
*/
.comments-list p.name { font-size: 110%; color: #e29c21; text-transform: uppercase; }
.comments-list p.name a, .comments-list p.name a:visited, .comments-list p.name a:hover { font-size: 110%; color: #e29c21; text-decoration: none; }
.comments-list p.date { font-size: 90%; color: #999; margin-bottom: 5px; }
.comments-list p.date a, .comments-list p.date a:visited, .comments-list p.date a:hover { font-size: 90%; color: #999; text-decoration: none; }

.comments-list .con { margin-right: 90px; }
.comments-list .con p { padding: 5px 0px; margin: 0px; }
.comments-list .con blockquote { margin: 10px 20px; }
.comments-list .con blockquote p { }


/* comments form -------------------------------- */
.comments-form { background: #1b1b22; border: 1px solid #000; padding: 20px; margin: 10px 0px;}
.comments-form h3 { padding: 0; margin-bottom: 1em; }
.comments-form p { padding: 7px 0px; }
.comments-form .required { font-weight: normal; }
.comments-form input { border: 1px solid #000; background-color: #33333f; padding: 5px; width: 210px; margin-right: 7px; }

.comments-form textarea { border: 1px solid #000; background: #33333f; padding: 5px; width: 97%; }
.comments-form .button { color: #e29c21; font-weight: bold; text-transform: uppercase; border: 1px solid #000; background: #33333f; width: auto; padding: 4px 6px; }

/* footer ------------------------------------------ */
.footer-bg { width: 100%; float: left; padding: 0px;}
.footer { width: 980px; margin: 0 auto; padding: 15px 0px 20px 0px;}
.footer p { font-size: 90%; line-height: 1.4em; color: #999; padding: 0px; margin: 0px; }
.footer a { color: #999; text-decoration: underline;}