/*
Theme Name: Dokuquadrat
Theme URI: http://doku2.de/
Description: Dokuquadrat-Theme
Version: 1
Author: Dokuquadrat - Benjamin Weiß, Dennis Mußgnug
Author URI: http://doku2.de
*/

.entry { padding-top: 5px;background: url(http://doku2.de/tl_files/gfx/trennlinie_duenn.gif) no-repeat;background-position:top; }


/*
 * ERWEITERUNGEN FÜR DOKU2 WEBSITE INTEGRATION
 */
.wp-paginate { margin: 10px; color:#333; }
.wp-paginate .current {background: url(http://blog.doku2.de/wp-content/uploads/2010/09/txtmarker.png) repeat-y;padding: 5px 10px;color:#fff;font:bold; }
.wp-paginate a, .wp-paginate a:hover, .wp-paginate a:link, .wp-paginate a:hover, .wp-paginate a:active {margin: 5px;text-decoration:none; padding: 5px 10px;color:#333;}

#gallery-1 img { border: 1px solid white;}
#gallery-1 .gallery-item {width: 0%;}

.trennlinie {
text-align:center;
}

.logo {
float:right;
margin-right:15px;
margin-top:20px;
}

.hauptmenu {
padding: 20px 0px 0px 0px;
margin: 0px;
float:left;
}

.hauptmenu li {
float:left;
display:inline;
}

#footer {
background: url(http://www.doku2.de/tl_files/gfx/schatten_unten.png) repeat-x;
margin: 0px 0px 20px 0px;
padding: 0px 35px;
height:60px;
width:890px;
text-align:left;
}

#footer a {
color:#333;
}


/*
 * Begin Typography & Colors
 */
* { margin: 0; padding: 0; }
body { background: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 13px; padding: 0px; color:#333; background:url(http://www.doku2.de/tl_files/gfx/bg_beton.jpg) left 0px;}
input, button, textarea, select {  font: normal 13px/13px "Arial", sans-serif; color:#2d3538; 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; }
img { padding: 0px; margin: 0px; border: none; text-align: center;}
h1, h2, h3, h4 { font-family: Arial, Helvetica, sans-serif; }
h2.title { margin-bottom: 20px;color:#bbb;font-weight:normal; }

a:link { text-decoration: none; border: 0px; -moz-outline-style: none;} 

a:active { text-decoration: underline; border: 0px; -moz-outline-style: none;}
a:visited { text-decoration: none; border: 0px; -moz-outline-style: none;}
a:hover	{ text-decoration: underline; border: 0px; -moz-outline-style: none;} 
a:focus { outline: none;-moz-outline-style: none;}

.cat-item { color:#bbb; }
.clear { clear:both; }

p a, p a:visited, p a:focus, p a:link, .comment-edit-link, .name a { text-decoration: none; color: #333; border: 0px; -moz-outline-style: none; background: url(http://blog.doku2.de/wp-content/uploads/2010/09/txtmarker.png) repeat-x 0% 50%;} 


/*
 * BG 
 */
#bg { width: 960px; margin: 0 auto; }
#bg-all { width: 960px; background: #fff; overflow: hidden; margin-top: 30px;}

/*
 * Container 
 */
.container { padding: 40px 30px 30px 30px; }

/*
 * Logo
 */

div#text-4.widget.widget_text { padding:0px; }


/*
 * Post Single
 */
.post, .attachment { width: 100%; position: relative; background: url(http://doku2.de/tl_files/gfx/trennlinie_duenn.gif) 0% 0px no-repeat;background-position:bottom;padding-bottom: 50px;}
.p-head, .comment_head { padding: 0px 0px 5px 0px;float:left; }
.p-head h1, .p-head h1 a, .p-head h1 a:visited { color:#272d36; font: normal 34px/34px "Helvetica"; }
.p-head h1 a:hover { color:#00B0CC; text-decoration: none; }
.p-head h2 { color:#272d36; font: normal 32px/32px "Helvetica"; }
.p-head h2 a, .p-head h2 a:visited { color:#272d36; }
.p-head h2 a:hover { color:#00B0CC; text-decoration: none; }
.p-head h3 { color:#272d36; font: normal 28px/28px "Arial"; }
.p-head h3 a, .p-head h3 a:visited { color:#272d36;}
.p-head h3 a:hover { color:#00B0CC; text-decoration: none;}
.p-x { font: normal 11px/14px 'Arial'; padding:15px 0px; width:200px; }
.p-con { float:right; width:610px;}
.p-con p { font: normal 13px/19px "Arial"; padding: 5px 0px; margin: 5px 0px;}
.p-con ol { list-style: decimal inside; }
.p-con ol { padding: 10px 0px 10px 25px; margin: 0px; }
.p-con ol li { padding: 2px 0px 2px 0px; }
.p-con ul { padding: 0px 0px 10px 20px; margin: 0px; }
.p-con ul li { color: #333; }
.p-con ul li span { color: #333; }
.p-con ul li { padding: 2px 0px 2px 13px; list-style-type: none; background: url("images/p-con-li.png") no-repeat left 1px; }
.p-con blockquote { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; padding: 10px 20px; margin: 10px 0px; background: #ecf6f8; }
.p-con blockquote p { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; }
.p-con blockquote li { padding: 2px 0px 2px 13px; list-style-type: none; font-size: 12px; line-height: 17px;}
.p-det { margin-top: 15px;}
.p-det li { color:#7f7f7f; display: inline; padding: 4px 0px 6px 30px; margin-right: 10px; }
.p-det li.p-det-com { background: url("images/p-det-com.png") left center no-repeat; }
.p-det li.p-det-com a { font-weight: bold; }
.p-det li.p-det-tag { background: url("images/p-det-tag.png") left center no-repeat; }
.p-det li a,.p-det a:visited { font: normal 13px/18px "Arial"; margin-right: 3px;}
.p-con .wpunlimited_bookmarks strong { font-weight: normal; color:#999; padding-bottom: 2px; font-size: 10px; text-transform:uppercase; }
.p-con .wpunlimited_bookmarks a img { display:inline; border:none; padding:0; margin:0; margin-top: 5px; }
.p-head h2 { letter-spacing: 0.6px;padding: 10px 0px 0px;width: 270px; }

.p-det-tag a, .p-det-tag a, .p-cat a { text-decoration:underline; color:#333; }
.p-author { margin-right:-4px;}

* html .p-author { margin-right:0px; }

/*
 * Images
 */
.p-con img { padding: 0; max-width: 100%; }
.p-con img.centered { display: block; margin-left: auto; margin-right: auto; padding: 1px; }
.p-con img.alignright { margin: 5px 0 10px 20px; display: inline; padding: 1px; }
.p-con img.alignleft { margin: 5px 90px 10px 0; display: inline; padding: 1px; }
.p-con .alignright { float: right; }
.p-con .alignleft { float: left }

/*
 * Navigation

.nav { overflow: hidden; padding-bottom: 20px; }
 */

.nav .left a { float: left; background:url(images/nav-left.png) no-repeat left 0px; padding-left: 20px; }
.nav .right a { float: right; background:url(images/nav-right.png) no-repeat right 0px; padding-right: 20px; }
.nav a, .nav a:visited { cursor: hand; font: bold 13px/16px "Arial"; }

/*
 * Comments
 */
.kommentar {background:url(images/sprechblase.png) no-repeat 2px; padding:8px 6px 12px 8px; margin:0px;}
.kommentar a, .kommentar a:visited {font-weight:bold; color:#ffffff; font-size:10px;}
.kommentar a:hover {font-weight:bold; color:#272d36; font-size:10px; text-decoration:none;}
.comment_det { font: normal 13px/14px 'Arial'; }
.con { width:610px; float:right; }
.comments-list h2 { color:#272d36; font: normal 28px/28px "Arial";margin: 10px 0 10px 0; }
.comments-list p.name { font: bold 13px/13px "Arial" sans-serif; color:#000;}
.comments-list p.avt img { border: solid 1px #ccc;}
.comments-list p.date { border:1px solid #f00;font-size: 11px; }
.comments-list p.date a, .comments-list p.date a:visited, .comments-list p.date a:hover { color:#96b1bc; text-decoration: underline;}

.comments-list .con { font: normal 13px/17px "Arial";color:#333;margin-bottom:35px;padding-top: 3px;}

.comments-list .con p { font: normal 13px/17px "Arial"; padding: 5px 0px; margin: 0px; color:#333;}
.comments-list .con blockquote { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; color:#666; margin: 10px 20px; }
.comments-list .con blockquote p { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; color:#666; }
.comments-list a.datum, .comments-list a.datum:hover { color:#999; }
.comments-list .comment_head h2 { font-size:175%; }
.comments-list .entry { clear:both; }
.comments-list .comment_det { padding-top:9px; }


/*
 * Comments Form
 */
.comments-form { width: 472px; padding: 20px 20px 20px 20px;margin-left: 270px; }
.comments-form h3 { color:#272d36; font: normal 28px/28px "Arial"; padding-bottom: 5px; margin-bottom: 5px; border-bottom: solid 1px #d9d9d9; }
.comments-form p { padding: 7px 0px; color:#808080;}
.comments-form .required { font-weight: normal; color:#00B0CC;}
.comments-form input { padding: 5px; width: 210px; margin-right: 7px; }
.comments-form input.formid { border: 1px solid #d9d9d9; background: #fff; padding: 5px 5px 5px 5px;}
.comments-form input.formemail { border: 1px solid #d9d9d9; background: #fff; padding: 5px 5px 5px 5px;}
.comments-form input.formuri { border: 1px solid #d9d9d9; background: #fff; padding: 5px 5px 5px 5px;}
.comments-form textarea { border: 1px solid #d9d9d9; background: #fff; padding: 4px; width: 97%;}
.comments-form .button { border: 0px solid #00B0CC; background-color: #00B0CC; color:#fff; width: auto; font-size: 11px; font-weight: bold; padding: 4px 6px 4px 4px;}

/*
 * Side Left
 */
.SL { width: 100%; }

/*
 * Side Right
 */
.SR { width: 810px; padding-left: 35px; margin-right: 30px; margin-top:30px;position:absolute;top:65px;}

/*
 * Search 
 */
.SR .search { width: 190px; background: #3d96d5 url(images/search-bkg.png) no-repeat left bottom; right: 0px; padding: 15px; overflow: hidden;}
.SR .search form { padding: 10px; border: 1px solid #3ac6e5; background: #2abada; }
.SR .search fieldset { overflow: hidden; height: 1%;  }
.SR .search input { float: left; margin-right: 2px; background: url(images/search-input.png) no-repeat; border: none; padding: 5px 3px 5px 65px; width: 145px; color:#666;}
.SR .search button { float: left; background: url(images/search-button.png) no-repeat; width: 26px; height: 24px; border: none; cursor: pointer; text-indent: -1000em; }
.SR .syn ul { margin: 10px 0px;}
.SR .syn li { background: url(images/SynIco.png) no-repeat left center; margin: 0px 5px 0px 0px; padding: 3px 0px 3px 15px; list-style-type: none; color:#ffcc66; display: inline; font: bold 13px/13px 'Arial'; }
.SR .syn li a {color:#fff; }
.SR .syn li a:visited {color:#fff; }
.SR .syn li a:hover {color:#fff; }

/*
 * widget
.SR .widget { left:243px; top:100px; position:absolute;}


.SR .widget li { display:inline; padding:10px; font-size: 13px; color:#bbb; line-height: 20px; font-weight:normal;}

 */
.SR .widget li { display:inline;padding:0px; font-size: 13px; color:#bbb; line-height: 20px; font-weight:normal;}

.SR .widget { margin-bottom: 3px; color:#bbb;}




#linkcat-2 { background-image: url(http://www.doku2.de/tl_files/gfx/rechtespalte_bg_blogroll.jpg); background-repeat:no-repeat; background-position: 5px left; padding: 68px 23px 40px 38px; margin-bottom: 3px; margin-top: 45px; color:#bbb;}


.SR .widget h3 {font: bold 13px/13px 'Arial'; color:#102a30; padding-bottom: 10px; }

.SR .widget a, .SR .widget a:visited { color:#333; text-decoration: underline;}
.SR .widget a:hover { color:#00B0CC; text-decoration: underline;}

.SR .widget_tag_cloud, .SR .widget_tag_cloud a, .SR .widget_tag_cloud a:hover { color:#35383d;}

.SR .widget_footer, .SR .widget_footer a, .SR .widget_footer a:hover, .SR .widget_footer a:visited { color:#d6d6d6; font-size: 10px;}

.SR .widget_calendar table { width: 100%;}
.SR .widget_calendar table td { text-align: center; padding: 3px; }
.SR .widget_calendar caption { background: #d2e9e3; padding: 5px 0px; margin-bottom: 10px;}
.SR .widget_calendar #today { background: #d2e9e3;}
.SR .widget_search #s { width: 140px; border: solid 1px #cacaca; padding: 3px; margin-bottom: 5px;}
.SR #text-3 { background-color: #fff; }

/*
 * Footer
 */
.footer { height: 100px; width: 960px; margin: 30px auto; padding: 0px;}
.footer p { padding: 0px; margin: 0px; font-family: 'Arial'; font-size: 13px;  }
.footer p.copy { color:#cacaca; }
.footer p.copy a, .footer p.copy a:visited, .footer p.copy a:hover { color:#cacaca; text-decoration: underline;}