﻿/*
Theme Name: zindi
Theme URI: http://www.fadonet.net/2008/11/08/wordpress-theme-zindi/
Description:  A simple and fresh wordpress theme from <a href="http://www.fadonet.net" target="_blank">Fadonet.Net</a>
Version: 1.7
Author: Fado
Author URI: http://www.fadonet.net/
Tags: blue, grey, orange, 2 column, fresh, simple, widget ready, valid CSS, valid XHTML, right sidebar, ie6, ie7, firefox 2.0, opera 9.0
*/#table{line-height:2.3em;}
.orange{color:#F7620A;text-decoration:underline;}
br{line-height:1.2em;}
.kontakt{width:400px}
div#body_div{
background:#fff url(images/header_bgtest.jpg) no-repeat center top;
}
.map{text-align:center;
width:800px;}
.tags{margin-bottom:20px;}

*{border: 0;	margin: 0;	padding: 0;}

body { font-size: 12px; font-family: Tahoma; color: #555;	}
body input.txt, #commentblock input.txt,  span.your-name input, span.your-email input,span.your-company input,span.your-phone input, span.your-subject input {background:url(images/input_bg.gif) no-repeat; width:173px; height:22px; padding:5px; color:#6F6F6B;}
#mailform input.txt{background:url(images/inputbg.gif) no-repeat; padding:5px 0;}

a {text-decoration:none;}
a:hover {color:#ff6f40; text-decoration:none;}
#wrapper {background-color:#FFFFFF;width:1000px; margin:0px auto; padding:0px;line-height: 18px; }

#facebook{margin:100px 0 0 10px;}
#content-main{background:#e6e6e0 url(/wp-content/themes/webmarketing/images/1bg.gif) no-repeat scroll 0 0;}



div.web_top_bg{background:url(images/web_rtop_corner.jpg) right top no-repeat; }
div.web_middle_bg{background:url(images/web_middle_bg.gif) left repeat-y;}
div.web_bottom_bg{background:url(images/web_bottom_bg.jpg) left bottom no-repeat; }
div.top_border{border-top:1px solid #919185; margin-right:15px;}

div.main_middle_bg{background:url(images/web_middle_bg.gif) left repeat-y;}
div.main_bottom_bg{background:url(images/web_bottom_bg.jpg) left bottom no-repeat; }
div.main_top_border{border-top:1px solid #919185;}


div.readmore{background:url(images/readbt.gif) no-repeat; width:76px; height:24px; padding-left:10px; padding-top:5px; margin-bottom:5px; margin-left:85px;}
div.readmore a {color:#6F6F6B;}

div.askoffer{background:url(images/askbt.gif) no-repeat;width:100px; height:26px;padding-left:5px; padding-top:0px; margin:10px 0;}

div.askoffer a {color:#6F6F6B;}

/*************************************
			NEWS TAG 
**************************************/

div#newsbar{width:208px;}
div#newsbar p {padding:0 6px 0 0;}

div#newsbar p a {float:right;}
div#newsbar h3, div#newsbar a{color:#ffffff;}

div#newsbar h3{text-transform:uppercase;}
div.news_top_bg{background:url(images/news_top_bg.jpg) left top no-repeat;}
div.news_middle_bg{background:url(images/news_middle_bg.gif) left repeat-y;}
div.news_bottom_bg{background:url(images/news_bottom_bg.jpg) left bottom no-repeat;}

div.news_menu{font-size:10px;}

#newstabs ul.ui-tabs-nav{list-style:none; margin:0px; padding:0px;}


#newstabs ul.ui-tabs-nav li{display:inline; font-family:Arial; font-size:9px;margin:0px; padding:0px;}

#newstabs ul.ui-tabs-nav li div.news_menu{background:url(images/newsmenu_normal.jpg) no-repeat;text-align:center;padding-top:10px;float:left;width:65px;height:35px;}

#newstabs ul.ui-tabs-nav li.ui-state-active div.news_menu{background:url(images/newsmenu_active.jpg) no-repeat;}

.ui-tabs .ui-tabs-hide {display:none !important;}
#newstabs ul li a {font-size:11px !important; font-weight:300 !important;}
#newstabs{color:#ffffff;}
#newstabs ul li.ui-state-active a {color:#65645D;}

#recent-comments{margin:0px;}
#recent-comments ul{padding:0px; margin:0px;}
#recent-post{padding:0 16px 15px 9px;}
#recent-comments ul li {padding:0 16px 15px 9px;}
div#post-83 ul li{list-style-image:url(images/normal_list.gif);}
input#captcha_code{background:url(images/readbt.gif) no-repeat; width:70px !important; height:24px; color:#6F6F6B; padding:3px 2px 1px 4px;}

div.edasi {text-align:right; padding-right:6px;}

div.hrline{height:1px; border-top:1px solid #ADAB98; width:750px; margin:0px auto;}
/*************************************/

#side-left{width:804px; background:#e6e6e0 url(/wp-content/themes/webmarketing/images/1bg.gif) no-repeat scroll 0 0; float:left; line-height:2em;}

div.bottom-right{background-image:url(images/webbg_rcorner.jpg);height:18px;background-repeat:no-repeat;background-position:bottom right;}
div.bottom-left{background-image:url(images/webbg_lcorner.jpg);height:18px;background-repeat:no-repeat;background-position:bottom left;}
div.right-border{border-left:1px solid #919185; background-image:url(images/web_rborder_bg1.gif);background-repeat:repeat-y; background-position:right;}
div.bottom-border{background-image:url(images/webbg_middle.jpg);background-repeat:repeat-x; background-position:bottom;}

#side-right { float:right; width:195px;}
#footer {background:#fff; padding-left:6px; width:1006px; margin:0 auto; height:50px; }
h1, h2, h3, h4, h5, h6 { margin:0px 0 5px 0; padding-top: 15px; font-family:Arial, Verdana, Serif; font-weight:normal; color: #333;}


input.txt{margin: 0; background:url(images/inputbg.gif) repeat scroll 0 0;height:17px;padding:6px;width:161px;}
textarea {	width: 95%;	padding: 5px; border:1px solid #ADAB98;background:#F5F5F2;}

input#submit {  background:#f9f9f9;	margin: 0;  padding:5px;border:1px solid #f1f1f1; 
font-weight:bold; color:#29b0c4; font-size:11px; cursor:pointer;}
input#submit:hover { background:#f1f1f1;}
code {	font: 1.1em 'Courier New', Courier, Fixed;	}
acronym, abbr{font-size: 0.9em;	letter-spacing: .07em;	}
hr { display: block; color:#f1f1f1; border-bottom:1px solid #f1f1f1; margin:5px 0 5px 0;}
pre { line-height: 1.5;	margin-bottom: 1.5em; 	overflow: auto; }
fieldset {border:1px solid #f1f1f1; padding:10px;}
blockquote {  background: #fff url(images/blockquote.png) no-repeat left top;	color:#666; font-style: italic;	padding-left: 30px; padding-bottom: 10px;	margin:20px 0px 20px 0px;	width:90%;}
table {border:0px; margin:0px; padding:0px;}

td{line-height: 1.0em;	padding:7px; margin:1px;}
#works td{padding:0px;}
#wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt; 	}
#wp-calendar a {text-decoration: none;	}
#wp-calendar caption {	font: bold 1.0em 'Lucida Grande', Verdana, Arial, Sans-Serif;
text-align: center;}
#wp-calendar th {font-style: normal;	text-transform: capitalize;}

/* Float */

.alignleft {float:left;} .alignright {float:right;}
.clearfloat:after {	display:block;	visibility:hidden;	clear:both;	height:0;	
content:".";	}	
.clearfloat {	display:inline-block;	}
.clearfloat {	display:block;	}
.clear {	clear: both;}

/******** Wordpress Styles ********/

.aligncenter, div.aligncenter { display: block;margin-left: auto;margin-right: auto;}
.alignleft {  float: left; }
.alignright {  float: right }
.wp-caption {  border: 1px solid #f1f1f1;  text-align: center;  background-color: #f9f9f9;  padding: 5px; margin: 10px; -moz-border-radius:  5px; -webkit-border-radius: 5px; border-radius: 5px;}
.entry .wp-caption img, .entry .wp-caption a img  {   margin: 0;   padding: 0;  border: 0 none;}
.wp-caption p.wp-caption-text {  font-size: 10px; font-weight:bold; line-height: 17px;  padding: 0 4px 5px;   margin: 0; }
img.centered {	display: block;	margin-left: auto; 	margin-right: auto;	}
img.alignright {	padding: 4px;	margin: 0 0 2px 7px;	display: inline;	}
img.alignleft {	padding: 4px;	margin: 0 7px 2px 0;	display: inline;	}
.smallattachment {text-align: center;float: left;width:128px; margin:5px 5px 5px 0px;}
#side-left p.attachment {	text-align: center;	margin: 5px 0px;}
.attachment-thumbnail {width:125px; height:125px;}
.attachment-medium {width:450px; text-align:center; height:300px;}
.caption {padding-left:10px;}

/* Mailform */

#mailform, #mailform h3{color:#ffffff; font-weight:600;}
#mailform {margin:2px 0 0;}
#mailform label{padding-bottom:10px;}

.submit{background:url(images/telli.gif) no-repeat; color:#65635c; float:right; height: 24px; width:74px; cursor:pointer; padding-top:5px; text-align:center;}

div.alert{font-size:10px; color:#F7620A;}


/* Corner */

.kutu {width:100%;}


.ust { background: url(images/ust-sag.gif) no-repeat top right;}
.ust span{ background: url(images/ust-sol.gif) no-repeat top right;}
.alt {background: #ebebe7; }
.alt span {background: url(images/alt-sol.gif) no-repeat bottom right;}
.ust span, .alt span, .ust2 span, .alt2 span{width: 10px;height: 10px;border: none;display: block !important;}
.kutu2 {width:100%;margin-bottom:10px; color: #fff;}
.ust2 { background: url(images/ust2-sag.gif) no-repeat top right;}
.ust2 span{ background: url(images/ust2-sol.gif) no-repeat top right;}
.alt2 { background: url(images/alt2-sag.gif) no-repeat bottom right; }
.alt2 span {background: url(images/alt2-sol.gif) no-repeat bottom right;}
.kutu .spacer, .kutu2 .spacer{margin: 0px; padding:0px 10px;}
.spacer1{margin: 0px; padding:0px}

/* HEADER*/
#header {height:150px; margin:0px auto; width:1000px; padding:0px 10px 0px 10px;}
#header h1 {font-size:42px; line-height:42px; padding-left:5px; margin:0px; }
#header a {color:#29b0c4; }
#header .logo { float:left; width:282px; margin-top:35px}
#header .logo span {color:#aaa; padding-left:7px;   font-size:11px;}
#header .search {background: url(images/search-bgr.gif) no-repeat;float:right;width:205px; padding:1px; 	margin: 80px -3px 0px 0px; height: 27px; }
#header .search input#s{background: url(images/search_input.gif) no-repeat;	border: 0;	color: #ffffff;	float: left; font-size: 12px; padding:10px 7px 10px 5px; margin-left:1px; width: 140px;}
#header .search .btn{ margin-left:3px; padding: 0;	width: auto;}


/* TOP MENU */
#nav-menu {height:38px; margin:0px auto; width:1000px; padding:0px 10px 0px 10px; }
#nav-menu a {color:#FFFFFF; padding-top:10px; padding-bottom:10px;}
#nav-menu .tools {float:right; font-weight:bold;font-size:9px; margin-top:-25px; text-align:center}
#nav-menu .tools span {font-size:10px; color:#aaa; font-weight:normal;}
#nav-menu .tools ul {background:url(images/tools-bg.gif) right no-repeat; width:202px; margin:0px; padding:0px; color:#aaa; line-height:15px;}
#nav-menu .tools li {display:inline; float:left; margin-left:5px;}
#nav-menu .tools a, #nav-menu .tools a:visited {color:#adab98; font-weight:bold;}
#nav-menu .tools a:hover {text-decoration:none;}
#nav-menu ul li ul{display:none;}

#nav-menu ul li.page_item div.link{background: url(images/menu_bt_normal.png) no-repeat}
#nav-menu ul li.current_page_item div.link{background: url(images/menu_bt_active.gif) no-repeat}

#nav-menu ul li.current_page_item a{color:#555555;}


/* Content Left */
#content_arrow{list-style: url(images/list_right.gif);float:right;}
.wpcf7-form{width:400px;margin:20px;}
#side-left a {font-weight:bold;color:#6F6F6B;}
#side-left p {margin:0; padding:0; font:Verdana;}
#side-left h1 {font: 22px Verdana, Arial; color:#68B216;}
#side-left h2 {font: 22px Times New Roman, Verdana, Arial; color:#68B216;}
#side-left h2 a, #side-left h2 a:visited, #side-left h3 a, #side-left h3 a:visited {color:#555555; font-weight:normal;}
#side-left h2 a:hover, #side-left h3 a:hover {color:#555555; text-decoration:none;}
#side-left h3 {font-size:18px; margin:0px 0px 10px 0px; color:#555555;}
#side-left h2.pagetitle {color:#68B216;}
#side-left h2.result {color:#333333; margin-left:10px;}
#side-left img {max-width:460px; margin:5px;}
#content-main h2{margin:0px;}
#content-main a{color:#6F6F6B;}
table#contacts p{line-height:25px;}

table#tabstable{width:100%; margin-left:10px;}
table#tabstable div.info{width:160px; margin:0px auto;}


div.entry a{color:#555555;}


#content .tags {font-size:9px; color:#ccc; margin-bottom:5px;font-weight:bold;}
#content .tags a{font-size:9px; color:#ccc; font-weight:normal;}
#content .tags a:hover{color:#2e2e2d; text-decoration:none;}
#content .postmetadata {text-align:right;margin-top:15px; color:#ccc; font-size:10px;}
#content .postmetadata a {color:#ccc; font-weight:bold; font-size:10px;}
#content .postmetadata a:hover {color:#2e2e2d; text-decoration:none;}
#navigation {font-size:10px; line-height:21px; height:20px;}
#side-left .img-nav { padding:10px; width:95%;}
#navigation span { color:#aaa;}
#navigation a{background:#29b0c4 url(images/pagination-left.gif) left center no-repeat; color: #fff; padding: 5px 0 5px 6px; line-height:22px; text-decoration:none;}
#navigation  a strong{background:url(images/pagination-right.gif) right center no-repeat; padding: 5px 7px 5px 0px;text-decoration:none;}
#navigation a:hover{background: #ff6f40  url(images/pagination-hover-left.gif) left center no-repeat; text-decoration:none;}
#navigation a:hover strong{background: url(images/pagination-hover-right.gif) right center no-repeat;text-decoration:none;}
#content ul, #content ul ol {line-height:22px;	color:#888;margin:10px 0 0 0;	}
#content ul li{list-style-type: square; color: #555; margin-bottom: 5px; margin:0px 5px 0 35px;  }
#content ul p, #content ul select {	margin: 5px 0 8px;	}
#content ul ul, #content ul ol {margin: 3px 0 0 15px;border:none;	}
#content ul ul li, #content ul ol li{	list-style-type: circle; border:none;}
#content ol li {list-style-type:decimal; margin:0 0 5px 45px;} 
#content ol li ul li {list-style-type:lower-roman;}
#content ul ul ul, #content ul ol {	margin: 0 0 0 10px;	}
#content ul ol li {list-style: decimal outside;}
#content ul ul li, #content ul ol li {	margin: 3px 0 0;	padding: 0;}
.entry img {border: 1px solid #f1f1f1;  text-align: center; padding: 5px; margin:5px; -moz-border-radius:  5px; -webkit-border-radius: 5px; border-radius: 5px;}
a.more {padding-right:10px; line-height:8px; background:url(images/more.gif) center right no-repeat; padding-bottom:1px;}
#side-left p.warning {	background:transparent url(images/warning.gif) left no-repeat;	color:#aaa; padding:0 0 0 20px;}
.post {padding:0px 10px 0px 10px; min-height:200px;}
/* Sidebar Right */

#sidebar a {font-weight:bold; font-size:11px; }
#sidebar .kutu2 h2 {color:#ffffff; text-align:center;  padding:8px; font-size:14px;}
#sidebar .kutu2 h2:first-letter {color:#0c5762;}
#sidebar h2 { font-size:14px; text-transform: uppercase;}
#sidebar h2:first-letter {color:#29b0c4}
#sidebar ul {margin:0px; padding:10px 2px 15px 0px;}
#sidebar ul li{list-style:none; }
#submenu ul {margin-left:-10px; padding:10px 0px 20px 0px;}



#submenu ul li{list-style:none;  background:#F8F8F6; line-height:25px; margin-top:4px;}
#submenu ul li.page_item a {color:#6F6F6B; padding-left:15px; margin-left:10px; background:url(images/normal_list.gif)no-repeat left;}
#submenu ul li.current_page_item{background:#F8F8F6}
#submenu ul li.current_page_item a {color:#ADAB98; background:url(images/active_list.gif) no-repeat left;}
#submenu ul li:hover{}

#tag_cloud  a {font-weight:normal;}
#sidebar li.latestcomment{list-style-type:none; padding:3px; margin:0 0 2px 0; border:none; line-height:20px; background:#f9f9f9;}
#sidebar li.latestcomment:hover{ background:#f1f1f1;}
span.commmentavatar { float:left; padding-right:5px; padding-top:7px; height:20px; width:20px;}
#sidebar li.latestpost{padding: 0px; margin-left:15px; line-height:14px; padding:3px 0 3px 0;}
span.commententrytitle { font-size: 0.85em; line-height:8px;	color: #AAAAAA;}
span.latestpostmeta, span.latestpostmeta a { font-size: 0.85em; font-weight:normal; color: #AAAAAA;}

/*****************************
		Comments Form 
******************************/
div#commentblock{width:740px; margin:0px auto;}
#comments h3 {border-top:2px solid #f1f1f1; border-bottom:5px solid #f1f1f1;color:#05454f; padding:5px 0 5px 0; font-size:18px;}
#commentform p, form p {	font-family: 'Lucida Grande', Verdana, Arial,Sans-Serif;	}
#commentform textarea{	width: 70%;	padding: 1px;border:1px solid #ADAB98;background: #F5F5F2; margin-left:100px;}
#commentform #submit{ background:url(images/readbt.gif) center bottom no-repeat ;margin: 0; border:none;  height:28px;
width:106px; font-weight:bold; color:#fff; font-size:11px; cursor:pointer; }
#commentform input#submit, div#kontakt input {color:#6F6F6B; width:76px; height:24px;}
#commentform input#submit, div#kontakt input  { background:url(images/readbt.gif) center bottom no-repeat; }
#commentform p {margin-bottom: 5px;}

/* Comments List */

#comments ul{  padding: 5px;}
#comments li { text-transform: lowercase;	margin: 10px 0 10px 0;	padding: 5px 10px 3px;	list-style: none;	}	
#comments li .avatar { 	float: right;	border: 1px solid #eee;	padding: 2px; margin-left: 5px; margin-bottom: 5px;	background: #fff;	}
#comments cite{font-weight: bold;	font-style: normal;
font-size: 1.1em	}
#comments cite a {	font-weight: bold;	font-style: normal;	font-size: 1.1em;	}
#comments p {	font-weight: normal;	line-height: 1.5em;	text-transform: lowercase;	margin: 10px 5px 10px 0;	}
#comments small.commentmetadata {  background:none;	font-weight: normal;	}
#commentform p {  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; margin: 5px 0;	}
#comments .nocomments {	text-align: center;	margin: 0;	padding: 0;	}
#comments .commentmetadata {	margin: 0;	display: block;	}
#comments .darkcolor {	background-color: #f9f9f9; -moz-border-radius:  5px; -webkit-border-radius: 5px; border-radius: 5px;}
#comments .count {background:none; line-height:30px; float:left; font-size:36px; color:#ccc; height:37px;  margin-right:5px;}
#comments blockquote { background:none; border-left:#29b0c4 5px solid; padding-left: 15px; color:#aaa; margin:20px 0px 20px 0px;	}
div.avatar{float:left; width:70px;}


/* Footer */
div.footer_top_bg{background: url(images/footer_top_bg.gif) top no-repeat;}
div.footer_middle_bg{background: url(images/footer_middle_bg.gif) repeat-y;}
div.footer_bottom_bg{background: url(images/footer_bottom_bg.gif) bottom no-repeat;}


#footer {font-size:10px; color:#FFFFFF;}
#footer a {font-weight:bold;}
#footer .footer-left{float:left; padding-top:10px;}
#footer .footer-right{float: right; padding:0px; margin:15px 5px 0 0;}
#footer .footer-right ul { list-style-type: none; padding:0px 5px 0px 0px; margin:0px 0px 3px 0px;}
#footer .footer-right ul li {  display: inline; padding:0px; margin:0px; }
#footer .footer-right a img {opacity: 0.4; -moz-opacity:0.4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
filter: alpha(opacity=30)}
#footer .footer-right a:hover img {opacity: 1; -moz-opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 filter:alpha(opacity=100)}
 #footer p{font-weight:bold; font-size:12px;color:#FFFFFF; padding:0px 5px 6px 12px;}
#footer a {color:#ffffff;}
 /***************************************
		Portfolio gallery
 ***************************************/
 div#gallery_container{height:200px;
padding-top:20px;}
 #gallery{position:absolute; z-index:2;}
 
 div#slider{ width:705px; height: 170px; margin-left:164px; }
 #slider ul, #slider li{margin:0px;padding:0px;list-style:none;}
 #slider li{width:600px;height:170px;	overflow:hidden; }
 
 
 #prevBtn, #nextBtn{width:30px;height:77px;position:absolute; z-index:2; top:50px;}
 #nextBtn{right:4px;}
 #prevBtn{left:40px;}
 
 #prevBtn a, #nextBtn a{	display:block;	position:relative;	width:30px;	height:77px;background:url(images/btn_prev.gif) no-repeat 0 0;}
  #nextBtn a{ background:url(images/btn_next.gif) no-repeat 0 0;	}
  .graphic, #prevBtn, #nextBtn{ margin:0; padding:0;  display:block; overflow:hidden;  text-indent:-8000px; }
 /* numeric controls */	

	ol#controls{margin:1em 0;padding:0;height:28px;}
	ol#controls li{margin:0 10px 0 0; padding:0;float:left;list-style:none;height:28px;line-height:28px;	}
	ol#controls li a{	float:left;	height:28px;line-height:28px;	border:1px solid #ccc;	background:#DAF3F8;	color:#555;	padding:0 10px;	text-decoration:none;	}
	ol#controls li.current a{	background:#5DC9E1;	color:#fff;	}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}