/*
Theme Name: conpublica
Theme URI: conpublica.de
Description: Indivudual theme based on Twenty ten
Author: Christoph Zillgens, zillgensdesign.de
Version: 1.0
Tags: 
*/


/* =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, hr,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;}
	
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

:focus {
	outline: 0;}
	
a {
	text-decoration:none;}


/* !clearfix =================== */

.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}

.ie7 address {
font-style: normal;
}

img { 
-ms-interpolation-mode: bicubic; 
}

.clearfix {
display: inline-block;
}

/* Hides from IE-mac \*/ 
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/* !Global elements ################################################ */


/* !colors =================== */

body,
.categories a,
#secondary a,
.category #content h2 a,
.archive #content h2 a {
	color:#333;}
	
#quick-contact.formlink,
#quick-contact .formlink a,
#quick-contact .formlink a:hover {
	color:#444;}
	
#quick-contact .formlink a:hover {
	color:#000;}
	
.category h1,
.archive h1 {
	color:#777;}
	
#site-info,
#site-info a {
	color:#888;}
	
.contact-action,
.entry-meta {
	color:#999}

		
/* !green ---------- */	
#site-description span,
#menu-hauptmenu .current_page_item a,
#menu-hauptmenu .current-page-ancestor a,
.category #menu-item-301 a,
.single-post #menu-item-301 a,
#site-description span {
	color:#c3dc28;}
	
#content a,
.category a:hover {
	color:#8bb800}
	
#content a:hover,
#secondary a:hover {
	color:#6b8e00;}

	


/* !Typography =================== */

body { 
	font-family: "camingodos-web", Tahoma, Arial, sans-serif;
	font-size:14px;
	line-height:1.5;}
	
#content h1 {
	font-size:24px;
	margin:2px 30px 10px; }
	
#content h2 {
	font-size:18px;
	margin:28px 30px 10px;}
	
#content h3 {
	font-size:16px;
	margin:14px 30px 10px;}
	
#content p {
	margin:10px 30px;}
	
#content li p {
	margin:10px 0;}
	
#content ul {
	margin:10px 50px;}
	
#content li {
	list-style:disc;}

#content a {
	font-weight:bold;}
	
#content a:hover,
#primary a:hover {
	text-decoration:underline;}
	
#site-description {
	font-family: adelle, "Droid Serif", Georgia, serif;}
	
pre,
code {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

/* !home ---------- */

#site-description {
	font-size:28px;
	line-height:1.3em;}
	
#site-description span {
	font-size:48px;
	line-height:24px;}
	
p.contact-action {
	font-size:17px;}
	
.home p strong {}
.home .col,	
#quick-contact li {
	font-size:13px;}
	
/* !headlines ---------- */
#primary h3,
#secondary h3 {
	font-size:15px;}
	
	
/* !classes =================== */

/* Text meant only for screen readers */
.screen-reader-text {
	position: absolute;
	left: -9000px;
}

.alignleft {
	float:left;
	margin:0 20px 8px 30px;}
	
.alignright {
	float:right;
	margin:0 30px 8px 20px;}
	
p .alignleft {
	float:left;
	margin:0 20px 8px 0;}
	
p .alignright {
	float:right;
	margin:0 0 8px 20px;}
	
/* !infobox Hauptinhalt---------- */
#content .infobox {
	background:#bdcdd3;
	margin:20px 30px 0;
	padding:1px 10px;}
	
#content .infobox h2,
#content .infobox p {
	margin:10px 0;}
	
#content .infobox a {
	color:#1a6aa7;}
	
#content .infobox a:hover {
	color:#17527f;}
	
/* !infobox Sidebar---------- */
#primary .infobox {
	background:#bdcdd3;
	margin:0 50px 0 0;
	padding:1px 10px;}
	
#primary .infobox h2,
#primary .infobox p {
	margin:10px 0;}
	
#primary .infobox a {
	color:#1a6aa7;}
	
#primary .infobox a:hover {
	color:#17527f;}

/* !CSS3 =================== */

/* !border radius ---------- */
#container,
.menu li a,
.menu li a:hover,
.profiles_sprite a span,
#seminar-liste .col,
#primary .infobox,
#s {
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;}
	
#content .infobox,
.wpcf7 input,
.wpcf7 textarea  {
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;}
	
#seminar-liste h3 {
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;}
	
/* !gradients ---------- */

#seminar-liste h3 {
	background:#333;
	background:-moz-linear-gradient(top, #333333 0%, #1E1E1E 50%, #141414 50%, #000000 100%); 
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(50%,#1E1E1E), color-stop(50%,#141414), color-stop(100%,#000000));
	background:linear-gradient(top, #333333 0%, #1E1E1E 50%, #141414 50%, #000000 100%);}


/* !basics ################################################ */

html,
body,
#main-bg {
	height:100%;}

body {
	background:#fff url(img/body-bg.jpg);
	text-align:center;}
	
#main-bg {
	background:transparent url(img/bg-subpages.jpg) left -155px repeat-x;}
	
#wrapper {
	margin:0 auto;
	min-height:100%;
	position:relative;
	text-align:left;
	width:960px;}
	
#masthead {
	height:120px;}

/* !logo ---------- */	
#site-title {
	background: transparent url(img/logo.png) no-repeat;
	display:block;
	height:125px;
	left:10px;
	position:absolute;
	text-indent:-9999px;
	width:190px;}
		

/* !nav main =================== */

#menu-hauptmenu {
	float:right;
	margin:14px 10px 0 0;
	width:auto;}
	
#menu-hauptmenu li {
	float:left;
	margin-left:2px;
	width:auto;}
	
#menu-hauptmenu li a {
	color:#eee;
	display:block;
	-webkit-font-smoothing:antialiased;
	font-weight:normal;
	height:30px;
	line-height:30px;
	padding:0 10px;
	text-decoration:none;}
	
#menu-hauptmenu li a:hover {
	background:rgba(0,0,0,.2);}

#menu-hauptmenu li a:active {
	background:rgba(0,0,0,.4);}	

#menu-hauptmenu .current_page_item a,
#menu-hauptmenu .current-page-ancestor a,
.category #menu-item-301 a,
.single-post #menu-item-301 a {	
	background:#333;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.6)), to(rgba(0,0,0,.2)));
	background: -moz-linear-gradient(top, #000, #333);
	background: linear-gradient(top, #000, #333);
	border-bottom:1px solid rgba(255,255,255,.25);}

	
/* !sidebar =================== */

#primary h3,
#secondary h3 {
	border-bottom:1px solid #bfbfbf;
	color:#999;
	font-style:italic;
	margin:20px 0 10px;
	padding:0 50px 3px 2px;}
		
/* !nav sub ---------- */
#primary {
	float:left;
	padding-top:80px;
	width:240px;}
	
#primary .menu {
	margin-left:2px;
	width:188px;}
	
#primary .menu a {
	color:#333;
	display:block;
	margin:2px 0;
	padding:6px 20px 6px 10px;
	text-decoration:none;}

#primary .menu li a:hover, 	
#primary li.current_page_item a,
#primary .current-menu-item a,
#primary .current-category-ancestor a,
#primary .current-post-ancestor a {
	background:#333 url(img/arrow.png) 168px 50% no-repeat;
	background:url(img/arrow.png) 168px 50% no-repeat, -moz-linear-gradient(top, #333333 0%, #1E1E1E 50%, #141414 50%, #000000 100%); 
	background:url(img/arrow.png) 168px 50% no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(50%,#1E1E1E), color-stop(50%,#141414), color-stop(100%,#000000));
	background:url(img/arrow.png) 168px 50% no-repeat, linear-gradient(top, #333333 0%, #1E1E1E 50%, #141414 50%, #000000 100%);
	color:#eee;}
	
/* !secondary widget ---------- */		
#secondary li li {
	margin-left:10px;}	
	
/* !categories ---------- */
.current-cat {
	font-weight:bold;}

/* !content main =================== */

#main {
	margin:0 9px;
	padding-bottom:210px;}	
	
#container {
	background:#fff;
	border:1px solid rgba(0,0,0,.25);}
	
#container.subpage {
	float:right;
	padding:30px 0;
	width:700px;}


/* !footer widgets ---------- */
#footer_widgets {
	float:right;
	width:690px;}
	
.home #footer_widgets {
	float:right;
	width:940px;}
		
.profiles_sprite ul {
	margin-top:10px;}
	
#footer_widgets li {
	float:left;
	margin-right:5px;}

#footer_widgets a img {
	opacity:.7;}
#footer_widgets a:hover img {
	opacity:1;}
#footer_widgets a:active img {
	position:relative; margin-top:1px;}
	
.home .profiles_sprite a img {
	height:24px;
	width:24px;}

.profiles_sprite a {
	display:block;
  height:31px;
  padding-top:1px; /*to avoid collapsing margins on span */}
	
.profiles_sprite a span {
	background:rgba(0,0,0,.9);
	color:#fff;
  display:block;
  margin-top:-50px;
  opacity:0;
  padding:0 15px 0;
  position:absolute;
  text-align:center;
  -webkit-transition-property: opacity, margin-top;
  -webkit-transition-duration: .3s, .3s;}
    
    
.profiles_sprite a:hover span {
  opacity:1;
  margin-top: -65px;
  text-indent:0;
  z-index:2;}
	
/* !footer =================== */	

#footer {
	background:#666 url(img/bg-start.jpg) repeat-x;
	height:155px;
	margin-top:-155px;
	position:relative;}
	
#colophon {
	background:transparent url(img/people.jpg) 50% bottom no-repeat;
	height:155px;
	position:relative;}
	
#site-info {
	margin:0 auto 0;
	padding-top:110px;
	text-align:left;
	width:940px;}
	
/* !search field =================== */

#s {
	/*background: #fff;  old browsers */
	background: -moz-linear-gradient(top, #cdcdcd 0%, #dedede 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdcdcd), color-stop(100%,#dedede)); /* webkit */
	background: linear-gradient(top, #dedede 0%, #eee 100%);
	border:1px solid rgba(0,0,0,0);
	border-top:1px solid #bbb;
	border-bottom:1px solid #fff;
	padding:6px 8px 5px;
	width:140px;}	
	
#s:focus {
	background:#fff;
	border-color: #bbb;
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
	-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
	box-shadow: inset 0 1px 3px rgba(0,0,0,.2);}
	
#searchsubmit {
	background: url(img/search-bg.png) no-repeat; 
	border:none;
	height:26px;
	text-indent:-9999px;
	width:26px;}
	
#searchsubmit:hover {
	background-position:left -26px;
	cursor:pointer;}	
	
	
/* !!indiviual pages ################################################ */
	
/* !Start =================== */

.home #main-bg {
	background:transparent url(img/bg-start.jpg) left -155px repeat-x;}

.home #masthead {
	background:transparent url(img/frank.jpg) no-repeat 595px bottom;
	height:350px;}
	
#site-description {
	left:70px;
	position:absolute;
	top:170px;
	z-index:1;}
	
#site-description span {
	background:#fff;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	display:block;
	left:-30px;
	padding:7px 8px 5px;
	position:absolute;
	top:-5px;
	z-index:-1;} 
	
.home #main {
	}	



/* !3 Cols ---------- */
.home .col {
	float:left;
	margin:40px 19px 0 0;
	width:300px;}
	
.home p strong {
	font-style:italic;}
	
.home .col1 p {
	padding:0 0px 0 30px;}
	
.home .col2 {
	margin-top:-30px;}	
	
.home .col3 {
	margin-right:0;}
.home .col3 p {	
	padding:0 30px 0 0px;}
	
.home hr {
	background: transparent url(img/start_hr-bg.png) no-repeat;
	clear: both;
	display:block;
	height:50px;
	width:940px;

	font-size: 0;}	
	
p.contact-action {
	-webkit-font-smoothing:antialiased;
	font-style:italic;
	padding:0 150px;
	text-align:center;}
	
/* !Quick contact btn ---------- */

#content #quick-contact {
	margin:40px 0 60px 320px;}
	
#quick-contact:after {
		clear:both;
		color:transparent;
		content:".";}
	
#quick-contact li {
	background: transparent url(img/contact-action-btn.jpg) no-repeat;
	float:left;
	font-weight:bold;
	list-style:none;
	padding:12px 0 11px 43px;
	text-shadow:0 1px 0 rgba(255,255,255,.7);
	width:100px;}
	
#quick-contact .formlink {
	background:none;
	padding:0;
	width:159px;}
	
#quick-contact .formlink a {
	background: transparent url(img/contact-action-btn.jpg) no-repeat -143px top;
	display:block;
	padding:12px 0 11px 43px;
	text-decoration:none;}
	
#quick-contact .formlink a:hover,
#quick-contact .formlink a:focus {
	background: transparent url(img/contact-action-btn.jpg) no-repeat -143px -42px;}
	
#quick-contact .formlink a:active {
	background: transparent url(img/contact-action-btn.jpg) no-repeat -143px -84px;
	margin-top:1px;}
	
	
/* !Über conpublica =================== */

#post-8 .wp-image-236 {
	margin: -60px -20px 0 0;}

	
/* !Netzwerk =================== */
	
.netzwerk {
	background:url(img/hr-bg.png) left bottom no-repeat;
	margin-top:-20px;
	padding-bottom:60px;}
	
.netzwerk:nth-of-type(1) {
	margin-top:0;}
	
.netzwerk:last-child {
	background:none;
	padding:0;}	
	
	
	
	
/* !Referenzen =================== */

.post-31 em {
	color:#888;}
	
.referenz {
	background:url(img/hr-bg.png) left bottom no-repeat;
	padding-bottom:60px;}
	
.referenz:nth-of-type(1) {
	margin-top:0;}
	
.referenz:last-child {
	background:none;
	padding:0;}

	
/* !Seminare =================== */

#seminar-liste {
	margin-left:30px;}
		
#seminar-liste .col {
	background:#c7d86c;
	float:left;
	margin:0 20px 20px 0;
	width:310px;}	
	
#seminar-liste h3 {
	color:#fff;
	margin:0;
	padding:5px;
	text-align:center;}
	
#seminar-liste h3 span {
	font-style:italic;
	font-weight:normal;}
	
#seminar-liste h4 {
	margin:14px 10px 0;}

#seminar-liste li p {
	margin:0 10px;}
	
#seminar-liste ul,
#seminar-liste li{
	margin:0;}	
	
#seminar-liste li {
	margin:14px 0;
	list-style:none;}
	
#seminar-liste .intro {
	color:#424e00;
	font-weight:bold;
	font-style:italic;
	margin:10px;}
	
#seminar-liste .desc {
	font-style:italic;}
	
/* !Teilnehmer testimonials ---------- */

#content .testim-teilnehmer h4 {
	margin-top:20px;}
	
#content .testim-teilnehmer ul {
	margin-left:30px;}
	
#content .testim-teilnehmer ul li {
	list-style-type:none;
	margin-left:0;}
	
.testim-teilnehmer p {
	color:#777;
	font-style:italic;
	margin-left:0;}
	
	
/* !News & Presse =================== */

.categories {
	margin-left:10px;}	

.post {
	background:url(img/hr-bg.png) left bottom no-repeat;
	margin-top:-20px;
	padding-bottom:60px;}
	
.post:nth-of-type(1),
.post:nth-of-type(1) h2 {
	margin-top:-10px;}
	
.post:last-child {
	background:none;
	padding:0;}
	
.entry-meta {
	font-style:italic;}	
	
.entry-utility {
	color:#666;
	font-style:italic;
	margin-left:30px;
	margin-right:30px;}
	

/* !cobtact =================== */

.wpcf7 input,
.wpcf7 textarea {
	border:1px solid #ccc;
	padding:6px;}	
	
.wpcf7 input:focus,
.wpcf7 textarea:focus {
	-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,.2);
	-moz-box-shadow:inset 0 1px 3px rgba(0,0,0,.2);
	box-shadow:inset 0 1px 3px rgba(0,0,0,.2);}
	
.wpcf7 .wpcf7-submit {
	background: #7d7e7d; /* old browsers */
	background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* webkit */
	background: linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
	border:none;
	color:#fff;}
	
.wpcf7-submit:hover {
	background: #606060; /* old browsers */
	background: -moz-linear-gradient(top, #606060 0%, #000000 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#606060), color-stop(100%,#000000)); /* webkit */
	background: linear-gradient(top, #606060 0%, #000000 100%);	}