/*  
Theme Name: dissozialitaet.ch - Standard
Theme URI: http://www.insign.ch/
Description: Standard-Layout f&uuml;r das Expertennetzwerk. Basierend auf dem albeo Theme von <a href="http://designdisease.com/">designdisease</a>.
Version: 1.0
Author: insign GmbH	
Author URI:  http://www.insign.ch/
*/



/* Begin Typography & Colors */
* { margin: 0; padding: 0; }
body { background: #fbfcf7; color:#4a5c68; font: normal 12px Verdana, Tahoma, Arial, sans-serif; margin: 0px; padding: 0px; }
input, textarea, select {  font: normal 12px/12px Verdana, Tahoma, Arial, sans-serif; color:#2d3538; vertical-align: middle; }
input {border: none; background: url(images/input-form.png) no-repeat;
font: 11px Verdana,Tahoma,Arial,sans-serif; font-size:11px; line-height:14px; padding:6px 7px 10px;}

button {
margin:0 0 0 -2px;
text-align:center;
background:transparent none repeat scroll 0 0;
border:medium none;
cursor:pointer;
overflow:visible;
white-space:nowrap;
}

button span {
background:transparent url(images/button-left-h.png) left top no-repeat;
padding-left:3px;
}

button em {
background:transparent url(images/button-right-h.png) right top no-repeat;
padding:5px 5px 5px 2px;
}

button span, button em {
display:block;
font: normal 11px Verdana, Tahoma, Arial, sans-serif;
font-weight:bold;
color:#fff;
margin:0;
}

button:hover span {
color:#0064A6;
background:url(images/button-left-h.png) no-repeat 0 -23px;
}

button:hover em {
color:#0064A6;
background: url(images/button-right-h.png) no-repeat 100% -23px;
}

legend { display: none; }
fieldset { border: none; }
ul, ol { list-style: none; }
table { border-collapse: collapse; width: 100%; }
hr { display: none; }
img { padding: 0px; margin: 0px; border: none; text-align: center;}
.sl-a img { padding: 0px; margin: 0px; border: 5px solid #d5d5da; text-align: left;}


a:link { text-decoration: none; color : #0064a6; border: 0px; -moz-outline-style: none;}
a:active { text-decoration: underline; color : #0064a6; border: 0px; -moz-outline-style: none;}
a:visited { text-decoration: none; color : #0064a6; border: 0px; -moz-outline-style: none;}
a:hover	{ text-decoration: underline; color : #4a5c68; border: 0px; -moz-outline-style: none;} 
a:focus { outline: none;-moz-outline-style: none;}

h1, h2 { font-family: Century Gothic, Trebuchet MS, Lucida Sans, sans-serif; }
h3, h4 { font-family: Verdana, Tahoma, Arial, sans-serif; }

#bg { width: 870px; margin: 25px 0 0 20px;}
.con { width: 870px;}

/* Smiley Stats
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
img#wpstats{display:none}


/* Header 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.header { width: 810px; padding: 25px 30px 12px 30px; margin-bottom: 10px; 
border-bottom: solid 1px #83b819; float: left; position: relative;}
.header h1 { letter-spacing:-2px;  padding: 10px 0px; margin: 0px; float: left; font: normal 36px/36px Century Gothic, Trebuchet MS, Lucida Sans, sans-serif; }
.header h1 a, .header h1 a:visited, .header .LogoText h1 a:hover { color:#0064a6; text-decoration: none;}


.header .rss { position: absolute; top: 52px; right: 0px;}
.header .rss li { background:transparent url(images/rss-ico.png) no-repeat scroll left top; height:27px; margin-right:15px; padding:4px 0 0 25px; }

.menu { width: 810px; padding: 15px 30px; margin-bottom: 2px; float: left;}
.menu li { display: inline; font: bold 12px/14px Verdana, Tahoma, Trebuchet MS; float: left; }
.menu li ul { display: none;}
.menu li a { padding-left: 3px; margin-right: 10px; background: url(images/menu-left.png) no-repeat left top; float: left;}
.menu li a span { padding: 4px 5px 5px 2px; display: block; background: url(images/menu-right.png) no-repeat right top; float: right; }
.menu li a span { float: none; color: #0064a6;}
.menu li a:hover { background-position: 0% -23px; color:#0064a6; text-decoration: none;}
.menu li a:hover span { background-position: 100% -23px; color:#0064a6;}

.menu .current_page_item a { background: url(images/menu-left-h.png) no-repeat left bottom; color:#fff; }
.menu .current_page_item a span, .menu .current_page_item a:visited span, .menu .current_page_item a:hover span { background: url(images/menu-right-h.png) no-repeat right bottom; color:#fff; }


/* Side Left 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.sl-a { width: 540px; float: left; }
.sl-t { background: url(images/sl-t.png) no-repeat top; width: 540px; height: 15px; float: left;}
.sl-b { background: url(images/sl-b.png) no-repeat bottom; width: 540px; height: 15px; float: left;}
.sl { width: 490px; padding: 10px 29px; background:#fff; border: solid 1px #d5d5da; 
float: left; min-height: 300px;}
* html .sl { height: 300px;}

.title { font: normal 26px/28px Century Gothic, Trebuchet MS, Lucida Sans, sans-serif; color:#0064A6; border-bottom: solid 1px #83B819; padding: 16px 0 5px 0; margin-left:-1px;}


/* Post Single
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.post { padding: 15px 0 35px 0;}

.post .p-head { padding-bottom: 10px; background:url(images/post-head.png) repeat-x bottom;}
.post .p-head h1 { font: normal 26px/30px Century Gothic, Trebuchet MS, Lucida Sans, sans-serif; color:#83b819; text-decoration: none; padding:0 0 5px 0; margin-left:-1px;}

.post .p-head h2 { font: normal 26px/30px Century Gothic, Trebuchet MS, Lucida Sans, sans-serif; color:#83b819; text-decoration: none; padding:0 0 5px 0; margin-left:-1px;}
.post .p-head h2 a, .post .p-head h2 a:visited { color:#83b819; text-decoration: none;}
.post .p-head h2 a:hover { color:#4779ac; }

.post .p-head h3 { font: normal 24px/23px Century Gothic, Trebuchet MS, Lucida Sans, sans-serif; padding:0 0 5px 0; margin-left:-1px;}
.post .p-head h3 a, .post .post-head h3 a:visited { color:#83b819; text-decoration: none;}
.post .p-head h3 a:hover { color:#4779ac; }
.post .p-who-date { font-size: 11px; color:#4a5c68;}

.post .p-con { padding: 10px 0px; }
.post .p-con p { font: normal 12px/17px Verdana, Tahoma, Arial, sans-serif; color:#4a5c68; }
.post .p-con img { margin-bottom: 10px; }
.post .p-con ol { padding: 10px 0px 10px 20px; margin: 0px; }
.post .p-con ol li { padding: 2px 0px 2px 0px; font-size: 12px; line-height: 15px; color:#63565f; list-style-type:decimal;}
.post .p-con ul { padding: 5px 0px; margin: 0px; }
.post .p-con ul li { padding: 2px 0px 2px 15px; list-style-type: none; 
background: url(images/p-con-li.png) no-repeat left top; font-size: 12px; line-height: 15px; color:#63565f; }
.post .p-con blockquote { padding: 20px; margin: 10px 0px; color:#4A5C68; background: #F7F9F2; }
.post .p-con blockquote p {color:#4A5C68; padding: 0px; font-style:italic; line-height:18px;}
.post .p-con blockquote li { padding: 2px 0px 2px 13px; list-style-type: none; font-size: 11px;}

.post .p-det { padding: 5px 0px;}
.post .p-det li { display: inline; margin-right: 5px; font-size: 11px; color:#4A5C68;}
.post .p-det .p-cat { background: url(images/p-cat-ico.png) no-repeat left 2px; padding-left: 20px; }
.post .p-det .p-com { background: url(images/p-com-ico.png) no-repeat left 2px; padding-left: 14px; margin-left:5px; display:block;}

.post .p-tag { background: url(images/p-tag.png) no-repeat left 1px; padding-left: 18px; font-size: 11px; clear:both;}


/* Post Pages
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.post-page {}
.post-page h1 { font: normal 26px/30px Century Gothic, Trebuchet MS, Lucida Sans, sans-serif; color:#83b819; text-decoration: none; padding:16px 0 5px 0; margin-left:-1px;}
.post-page h2 { font: normal 24px/28px Century Gothic, Trebuchet MS, Lucida Sans, sans-serif; color:#83b819; text-decoration: none; padding:16px 0 5px 0; margin-left:-1px;}

.post-page p { font: normal 12px/17px Verdana, Tahoma, Arial, sans-serif; padding: 5px 0px; color:#4a5c68; }
.post-page ol { padding: 10px 0px 10px 25px; margin: 0px; }
.post-page ol li { padding: 2px 0px 2px 0px; font-size: 12px; line-height: 15px; color:#63565f;
list-style-type:decimal; }
.post-page ul { padding: 5px 0px; margin: 0px; }
.post-page ul li { padding: 2px 0px 2px 13px; list-style-type: none; background: url(images/p-con-li.png) no-repeat left top; font-size: 12px; line-height: 15px; color:#63565f; }
.post-page blockquote { padding: 10px; margin: 0px; color:#333; background: #f8f8f2;}
.post-page blockquote p { font-size: 12px; padding: 0px; margin: 0px; line-height: 18px;}
.post-page blockquote li { padding: 2px 0px 2px 13px; list-style-type: none; font-size: 12px; line-height: 18px;}

/* Images
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
p img { padding: 0; max-width: 100%; }
img.aligncenter, .aligncenter img, img.centered { display: block; margin-left: auto; margin-right: auto; border: solid 5px #f2f0ea; }
img.alignright { padding: 1px; margin: 0 0 5px 15px; display: inline; border: solid 5px #f2f0ea; }
img.alignleft { padding: 1px; margin: 0 15px 5px 0; display: inline; border: solid 5px #f2f0ea; }
.alignright { float: right;  padding: 1px; margin: 0 0 5px 15px; }
.alignleft { float: left; padding: 1px; margin: 0 15px 5px 0;}
.post .p-con p.wp-caption-text  {font: bold 10px/12px Verdana, Tahoma, Trebuchet MS;}


/* Navigation
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
.nav { overflow: hidden; margin: 0px 0px 10px 0px; font-size: 13px; font-size: 10px; line-height: 12px; font-weight: bold; text-align: right;}
.nav .left { float: left; background: url(images/nav-left.png) no-repeat left 1px; padding-left: 15px; }
.nav .right { float: right; background: url(images/nav-right.png) no-repeat right 1px; padding-right: 15px; }
.nav a { cursor: hand; }



/* Side Right 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.sr-a { width: 300px; float: right;}
.sr-t { background: url(images/sr-t.png) no-repeat top; width: 300px; height: 15px; float: left;}
.sr-b { background: url(images/sr-b.png) no-repeat bottom; width: 300px; height: 15px; float: left;}

.sr { float: left; background: #fff; border: solid 1px #d5d5da; padding: 12px 11px 0px 11px; width: 276px; font-size: 11px;}
.sr h3 { font-size: 12px; color:#4a5c68; background: url(images/sr-h3-ico.png) no-repeat left 4px; padding:1px 0 5px 18px}

.search-all { background: #d6e4ee; width: 276px; margin-bottom: 12px;}
.search { padding: 10px 15px; }
.search h3 { padding-bottom: 5px; background: none; padding-left: 0px;}
.search input { border: none; background: url(images/search-form.png) no-repeat; 
padding: 6px 7px 10px 7px; font: normal 11px/14px Verdana, Tahoma, Arial, sans-serif;}
.search button { background: none; border: none; padding: 0px; margin: 0px; width: 58px; height: 26px;}

.categ-all { background: #ebf3db; width: 276px; margin-bottom: 12px;}
.categ {padding: 15px; }
.categ ul { border-top: solid 1px #d5d5da; border-bottom: solid 1px #fefdf5; }
.categ li { border-bottom: solid 1px #d5d5da; border-top: solid 1px #fefdf5; padding: 2px 0px 3px 17px; background: url(images/categ-arrow.png) no-repeat left 7px;}
.categ li a:hover { text-decoration: underline;}
.categ .current-cat { font-weight: bold;}

.widget-all { padding: 15px; }
.widget { background: #f7f9f2; width: 276px; margin-bottom: 12px;}
.widget ul { border-top: solid 1px #d5d5da; border-bottom: solid 1px #fefdf5; }
.widget li { border-bottom: solid 1px #d5d5da; padding: 2px 0px 3px 17px; background: url(images/categ-arrow.png) no-repeat left 7px;}
.widget li ul { padding-top: 4px; margin: 0px; border:none;}
.widget li ul li { border: none; padding: 2px 0px; background: none; font-size: 11px;}
.widget li a:hover { text-decoration: underline;}

.widget_tag_cloud { font-family: "Trebuchet MS"; line-height: 20px;}
.widget_calendar table { width: 100%;}
.widget_calendar table td { text-align: center; padding: 3px 5px; }
.widget_calendar table th { text-align: center; padding: 5px 5px; border-bottom:1px solid #D5D5DA;
border-top:1px solid #FEFDF5;}
.widget_calendar caption { background: #d6e4ee; padding: 5px 0px; color:#4A5C68;
font-size:12px; font-weight:bold;}
.widget_calendar #today { font-weight:bold;}
.widget_search #s { border: solid 1px #d6e4ee; padding: 3px; margin-bottom: 5px;}
.widget_calendar a { border:1px solid #D5D5DA; padding:2px;}

.widget_flickrRSS h3 { margin-bottom: 10px;}
.widget_flickrRSS ul { padding: 0px; margin: 0px; border-bottom: none; border-top: none;  }
.widget_flickrRSS li { border-bottom: none; border-top: none; background: none; list-style-type: none; display: inline; padding: 0px; margin: 0px 8px 0px 0px; }
.widget_flickrRSS li a img { border: solid 1px #999; width: 50px; height: 50px; margin-bottom: 10px;}
.widget_flickrRSS li a:visited img { border: solid 1px #999; width: 50px; height: 50px; margin-bottom: 10px;}
.widget_flickrRSS li a:hover img { border: solid 1px #000;}


/* Recent
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.recent-all { background: #f7f9f2; width: 276px; margin-bottom: 12px;}
.recent { padding: 15px;  }
.recent .tabs { padding-bottom: 10px; border-bottom: solid 1px #d5d5da; border-top: solid 1px #fefdf5; width: 246px; float: left; }
.recent .tabs li { display: inline; font: bold 10px/10px Verdana, Tahoma, Arial, sans-serif; 
float: left; }
.recent .tabs li a { padding: 0 4px; background: url(images/tab-left.png) no-repeat left top; float: left; color: #9a9a9d;}
*html .recent .tabs li a { padding: 0 2px;}

.recent .tabs li a span { padding:4px 5px 5px 3px; display: block; background: url(images/tab-right.png) no-repeat right top; color: #9a9a9d;}
.recent .tabs li a:hover { background-position: 0% -19px; color:#4a5c68; text-decoration: none;}
.recent .tabs li a:hover span { background-position: 100% -19px; color:#4a5c68; text-decoration: none;}

.recent .tabs li a:link.active { background: url(images/tab-left.png) no-repeat left bottom; color:#4a5c68; }
.recent .tabs li a:link.active span { background: url(images/tab-right.png) no-repeat right bottom; color:#4a5c68; }
.recent .tabs li a:visited.active { background: url(images/tab-left.png) no-repeat left bottom; color:#4a5c68; }
.recent .tabs li a:visited.active span { background: url(images/tab-right.png) no-repeat right bottom; color:#4a5c68; }

#r-tags { display: none; font-family: "Trebuchet MS"; line-height: 20px; padding-top: 10px;}
#r-posts li { border-bottom: solid 1px #d5d5da; border-top: solid 1px #fefdf5; padding: 2px 0px 3px 4px;}
#r-com { display: none; }
#r-com li { border-bottom: solid 1px #d5d5da; border-top: solid 1px #fefdf5; padding: 3px 0px 3px 4px; line-height: 15px; color:#7e7e7e;}
#r-com li a { display: block; background:url(images/p-com-ico.png) no-repeat left 4px; 
padding:0 0 5px 14px; text-decoration: underline;}
#r-posts ul { border-bottom: solid 1px #d5d5da;}
#r-com ul { border-bottom: solid 1px #d5d5da;}


/* Comment List
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */	
.com-list {}
.com-list h3 { font-size: 12px; line-height: 14px; font-weight: bold; padding-bottom: 10px; margin-bottom: 15px; background: url(images/post-head.png) repeat-x bottom;}
.com-entry { margin-bottom: 20px; border: 1px solid #D5D5DA;}
.com-con { padding: 10px 70px 10px 20px; font-size: 12px; line-height: 16px; position: relative;}
.com-name { font: bold 12px/12px Verdana, Tahoma, Arial, sans-serif; color:#2d3538; margin-bottom: 10px; }
.com-avt { position: absolute; top: 10px; right: 20px; width: 30px; height: 30px; }
* html .com-avt { right: 50px;}
.com-avt img { border: 1px solid #D5D5DA;}
.com-date { font-size: 10px;  margin-bottom: 10px; }



/* Comment Form
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */		
.com-form { background:#F7F9F2; padding-top: 10px; }
.com-form-bot { padding: 5px 20px 20px 20px;}

.com-form h3 { font-size: 12px; letter-spacing: -1px; border-bottom: 1px solid #83B819; padding-bottom: 5px; margin-bottom: 10px;}
.com-form p { padding: 6px 0px; position: relative;}
.com-form p strong { color : #0064a6; font-weight: normal; }
.com-form label { position: absolute; top: 10px; left: 250px; font-size: 11px;}
.com-form a, .com-form a:visited { color : #0064a6; text-decoration: underline; }
.com-form input { background: #fff; border: 1px solid #c3bfb5; padding: 4px; margin-right: 10px; font-size: 12px; }
.com-form textarea { background: #fff; border: 1px solid #c3bfb5; padding: 4px; margin-right: 10px; }
/*.com-form button { cursor: pointer; display: block; width: 108px; height: 24px; background: #faf9f6 url(images/post-comment.png) no-repeat; border: none; text-indent: -1000em; margin-top: 5px;}*/




/* Footer 

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.footer { width: 870px; padding: 20px 0px; float: left;}

.footer p { font-size: 11px; padding-left: 20px; color:#7f8286;}

.footer .theme { border-top: solid 1px #83b819; padding-top: 10px; margin-top: 10px;  width:530px;}