/*
Theme Name: Guido Seitz Photography Blog
Theme URI: www.guidoseitz.com/blog
Description: A wordpress theme for the Blog of Photographer Guido Seitz 
Version: 1
Author: Kinh Long Truong
Author URI: www.kinhlongtruong.com
Tags: 1 column, simple

*/
@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";
@import "style/css/form.css";

/*****GS Galerie*****/
#gsgalerienav {float:left; width:100%; }
#prev {float:left; background:url(galerielinks.gif) 0px 50% no-repeat;height:16px;width:30px !important; }
#gsgalnav {float:left; width:770px; margin:0px; padding:0px auto !important; text-align:center; }
#gsgalnav a span { width:16px !important; height:16px !important; }
#gsgalnav a { color:transparent; background:url(galerielogo2.png) no-repeat; margin-left:5px; padding:0px !important; text-decoration:none; }
#gsgalnav a:hover { background:url(galerielogo1.png) no-repeat; }
#gsgalnav a.activeSlide { background:url(galerielogo1.png) no-repeat; }
#gsgalnav a:focus { outline: none; }
/* Original
#gsgalnav a { border: 1px solid #ccc; background: #fc0; text-decoration: none; margin: 0 5px; padding: 3px 5px;  }
#gsgalnav a:hover { background: #ea0; }
#gsgalnav a.activeSlide { background: #ea0; }
#gsgalnav a:focus { outline: none; }
*/
#next {float:right; background:url(galerierechts.gif) 25px 50% no-repeat;height:16px; width:30px !important;}

/*****General Styles*****/

body {

}



#wrap {

	width: 960px;

	margin: 0 auto;

}



/******Header Styles*****/

#header {

	background: url(style/images/logo.png) no-repeat;

	width: 940px;

	height: 270px;

	margin: 0 auto;

}

a.logolink{

	text-decoration:none;

	display:block;

	width: 900px; 

	height: 230px;

	margin-left:20px;

}

#nav{

	width: 900px; 

	margin-left: 45px;

}



/*  Twitter */



#twitterbg{

	font-family: HelveticaNeue, arial, sans-serif;

	font-size: 12px;

	color: #5e5e5e;

	background: url(style/images/bg.png) repeat-y;

	width: 960px;

}



#twitter{

	border-style: solid;

	border-width: 1px;

	width:860px;

	margin:auto;

	padding-bottom: 10px;

	padding-top: 10px;

}



#twitter p, #twitter h2, .profile-link{

	padding-left: 15px;

	padding-bottom: 5px;

	width: 830px;

}





.at-reply, a.twitter-link, .hash-tag, a.twitter-date, .profile-link{

	text-decoration: none;

	color: #191919;

	font-family: helvetica neue, arial, sans-serif;

	font-size: 11px;

}



a:hover.twitter-link, a:hover.twitter-date, a:hover.profile-link{

	color: #747474 

} 



/******Search Styles*****/

#search {

	float:right;

}



fieldset.search {

	border: none;

	width: 180px;

	background: #fffff;

}

.search input, .search button {

	border: none;

	float: left;

}

.search input.box {

	padding-left: 3px;

	color: #676767;

	font-size: 15px;

	width: 154px;

	height: 20px;

	background: url(style/images/search_bg.gif) no-repeat;

}

.search button.btn {

	width: 22px;

	height: 20px;

	cursor: pointer;

	text-indent: -9999px;

	background: url(style/images/search_bg.gif) no-repeat top right;

}

.search button.btn:hover {

	background: url(style/images/search_bg.gif) no-repeat bottom right;

}

/******Content Styles*****/

hr{

	border:0;

    border-top: solid 1px #a4a4a4;

}



#date {

	margin-bottom: 5px;

}



#more {

	margin-top: 10px;

}



#contentbg{

	color: #323232;

	background: url(style/images/bg.png) repeat-y;

	width: 960px;



}

#content {

	border-style: solid;

	border-color: #5f5f5f;

	border-width: 1px;

	width: 830px;

	padding: 15px;

	margin: auto;

}



#content h2{

	margin-bottom:5px;

	padding:0;

}



#content ol li {

	margin: 15px;

}



#content img {

	margin-top: 10px;

	margin-bottom: 5px;

}



#comments{

	margin-top: 20px;

}



#comment{

	border-color: #5f5f5f;

	border-width: 1px;

	border-style: solid;

	width: 830px;

}



#comment, #respond, #submit {

	margin-top: 10px;

	margin-bottom: 10px;

}



#submit {

	background-color: #343434;

	color: #f0f3f9;

	padding: 3px;

	border: none; 

}

	

#submit:hover {

	background-color: #878787;

}



#archive ul li a, span {

	margin-right:10px;

}



#page{
	width:auto;
	padding: 0 0 2px 0;
	margin-right: 10px;
}
#next1 {
	width:100px;
	float: left;
}
#prev1 {
	width:100px;
	float:left;
}
.post, .post p, .post h2, #content h3 {
	margin-bottom: 10px;
}
#post-719 {

	background: url(style/images/visitenkarte.jpg) no-repeat;

	width: 830px;

	height: 520px;

	margin: 0 auto;

}



#sidebar{

	border-color: #5f5f5f;

	border-width: 1px;

	border-style: solid;

	width: 860px;

	margin: auto;

}



#archive {



	width: 830px;

	padding: 15px;

	margin: auto;

}



/******Footer Styles*****/

#footer {

	background: url(style/images/footer.png) no-repeat;

	width: 960px;

	height: 50px;

	padding-top: 10px;

}



.left{

	width: 600px;

	margin-left: 50px;

}



/******Suckerfish*****/

#suckerfishnav {

	width: 900px;              

	margin: auto;

	padding-top: 230px;

    font-size:16px;

  	font-family: helvetica neue, arial, sans-serif;

    width:100%;

    text-transform: uppercase;

    z-index: 100;

    }

    

#suckerfishnav, #suckerfishnav ul {

    float:left;

    list-style:none;

    padding:0;

    margin:0;

    width:100%;

    }

    

#suckerfishnav a {

    display:block;

    color: #343434;

    text-decoration:none;

    }

    

#suckerfishnav li {

    float:left;

    }

    

#suckerfishnav .menu {

	margin-right: 44px;

	}

    

#suckerfishnav ul {

    position:absolute;

    left:-999em;

    height:auto;

    width:1px;

    margin:0;

    line-height:1;

    }

    

#suckerfishnav li li {

    background-color: #343434;

    width:145px;

    font-family: helvetica neue, arial, sans-serif;

    }

    

#suckerfishnav li li a {

    padding:4px 10px;

    width:130px;

    font-size:12px;

    color: #343434;

    }

    

#suckerfishnav li ul ul {

    background-color: #343434;

    margin:-21px 0 0 100px;

    }

    

#suckerfishnav li li:hover {

    background:#3c3c3c;

    }

#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a 	{

    color: white;

    font-size:12px;

    }

#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {

    color: #878787;

    }

#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {

    color: white;

    }

#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {

    background-color: #343434;

    left:-999em;

    }

#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {

    left:auto;

    background:#444444;

    }

#suckerfishnav li:hover, #suckerfishnav li.sfhover {

    	color: #878787;

    }

/******ContactForm*****/

#firstname, #lastname, #email_address, #telephone, #date_shoot, #inquiry{



	border-color: #5f5f5f;



	border-width: 1px;



	border-style: solid;



}