/*

Theme Name: WordWeb Webtext & Webdesign
URL: http://www.wordweb.ch

Description: wordweb.ch
Version: 1.0

Author: Barbara Frolik
*/


@import url(css/color.css);
@import url(css/typography.css);
@import url(css/reset.css);


ul#navi {position: absolute; left: 0; top: 19px;}

div#header-bar-bg {position: relative; height: 93px;}
div#header-bar {position: relative; width: 940px; height: 93px; margin: 0 auto;}

form.searchform {position: absolute; width: 165px; height: 34px; right: 0; top: 40px;}
form.searchform  input {width: 107px; height: 20px; padding: 7px 10px 7px 10px; background-position: 100% 0;}
form.searchform button {width: 33px; height: 34px;}

div#header {position: relative; width: 940px; height: 230px; margin: 0 auto;}
div#header h1 a {position: absolute; width: 340px; height: 140px; top: 60px; left: 0; text-indent: -9999px;}
p#wordweb-sheep a {position: absolute; width: 198px; height: 127px; left: 355px; top: 35px;}
p#header-contact a {position: absolute; width: 210px; height: 128px; left: 520px; top: 70px;}
p#header-feed a {position: absolute; width: 179px; height: 32px; right: 0; top: 118px;}
p#header-twitter a {position: absolute; width: 120px; height: 28px; right: 0; top: 161px;}
p#navi-2 {position: absolute; width: 300px; height: 20px; right: 0; top: 10px;}

div#content {position: relative; width: 940px; margin: 0 auto;}
div#content-main  {position: relative; float: left; width: 590px;}
div#content-main-topcorners {width: 590px; height: 20px;}
div#content-main-bg {width: 500px; padding: 15px 45px 15px 45px;}
div#content-main-bottomcorners {width: 590px; height: 20px;}
div#content-main p.image {line-height: 1px; padding: 0;}

div#startseite-intro  {position: relative; float: left; width: 360px; height: 200px; margin-top: 10px; padding: 30px 35px 30px 35px;}
div#startseite-slider {float: right; width: 428px; height: 210px; margin-top: 10px; padding: 25px 26px 25px 26px;}

div#teasers {position: relative; width: 940px; margin: 50px auto;}
div#teaser-1 {float: left; width: 300px; margin-right: 20px;}
div#teaser-2 {float: left; width: 300px; margin-right: 20px;}
div#teaser-3 {float: right; width: 300px;}
div.teasertop  {width: 300px; height: 15px;}
div.teaserbg  {width: 240px; height: 150px; padding: 10px 30px 10px 30px;}
div.teaserbottom  {width: 300px; height: 15px;}

div#related-posts {width: 450px; padding: 15px 25px 0 25px; margin: 20px 0 30px 0;}
div#social {width: 450px; padding: 0 25px 0 25px; margin: 20px 0 30px 0;}

div#comments {padding-bottom: 20px;}
div#comments li {padding-left: 30px;}

div#comments input, div#comments textarea {border: 0; padding: 7px;}
div#comments input {width: 186px; height: 20px; margin-right: 10px; background-position: 100% 0;}
div#comments textarea {width: 286px; height: 156px; overflow: auto;}
div#comments button {width: 100px; height: 34px; border: 0;}

div#blog-sidebar {float: right; width: 300px;}
div.blog-sidebar-topcorners {width: 300px; height: 15px;}
div.blog-sidebar-bg {width: 230px; padding: 15px 35px 15px 35px;}
div.blog-sidebar-bottomcorners {width: 300px; height: 15px; margin-bottom: 20px;}

div.blog-sidebar-graphpaper {width: 230px; padding: 30px 35px 20px 35px;}

div#buchtipps {text-align: center;}
div#buchtipps img {margin: 20px 0 10px 0; border: 5px solid #ffffff;}

div#footer-lining {height: 4px; margin: 50px auto 0 auto;}
div#footer {position: relative; margin: 0 auto;}

div#footer-content {position: relative; width: 940px; padding-bottom: 50px; margin: 0 auto;}
div#footer-column-1 {float: left; width: 270px; padding-right: 40px; margin-top: 50px;}
div#footer-column-2 {float: left; width: 238px; padding-left: 40px; padding-right: 40px; margin-top: 50px;}
div#footer-column-3 {float: right; width: 270px; padding-left: 40px; margin-top: 50px;}
ul.wp-tag-cloud {width: 230px; padding: 20px; margin-top: 15px;}

p#lasttweet {width: 230px; padding: 20px; margin-top: 15px;}
div#lasttweet-profilelink {position: relative; width: 230px; height: 22px;}
span#arrow {position: absolute; width: 19px; height: 22px; left: 75px; top: 0;}
p#followwordweb {position: absolute; left: 105px; top: 3px;}

p#contacticons {position: relative; width: 320px; margin-top: 16px;}
p#contacticons-start {position: relative; width: 240px; margin-top: 8px;}

div#copyright {position: relative; width: 940px; height: 100px; margin: 0 auto;}
div#copyright-left {float: left; width: 620px; margin-top: 25px;}
div#copyright-right {float: right; width: 300px; margin-top: 25px; text-align: right;}

div#footer-border {height: 7px; margin: 0; padding: 0;}



	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:428px;
		height:210px;
		overflow:hidden; 
		}	
		
	#prevBtn, #nextBtn{ 
		display:block;
		width:19px;
		height:39px;
		position:absolute;
		text-indent: -9999px;
		}	
	#nextBtn{ 
		top: 120px;
		left:486px;
		}	
	#prevBtn{ 
		top: 120px;
		right: 26px;
		}			
	#prevBtn a, #nextBtn a{  
		display:block;
		width:19px;
		height:39px;
		background:url(images/slider-arrow-back.png) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(images/slider-arrow-next.png) no-repeat 0 0;	
		}