/*
Theme Name: Ice-Horse.de
Theme URI: http://ice-horse.de
Description: Custom WP theme
Version: 0.1
Author: Birgit Zimmermann
Author URI: http://ice-horse.de
Tags: dark, brown, horse
*/



/* GENERIC HTML ELEMENTS */
body {
	background: #333 url(images/bg-noise.png) left top repeat;
	color: #837964;
	/*font-family: Optima,"Lucida Grande", "Lucida Sans Unicode",Calibri,"Lucida Sans", Verdana, Tahoma, Arial,sans-serif;*/
	font: 13px/1.5 Optima,"Lucida Grande","Franklin Gothic Medium","Trebuchet MS",Verdana,Arial,sans-serif;
	text-shadow: 1px 1px 1px #000; }

a {
	color: #7ea9b1;
	opacity: 0.75;
	text-decoration: none; }

	a:hover { opacity: 1; }

p,h1,h2,h3,h4,h5,h6,ol,ul,dl,table,form,pre { margin: 0 0 15px; }

h1 {
	color: #BBB;
	font-family: Palatino,'Palatino Ginotype',Georgia,serif;
	font-size: 30px;
	font-style: italic;
	letter-spacing: 0.5px; }

#header h1 {padding:40px 0 30px;}	
body.photo #header h1 {float: left;padding: 130px 0 0;}
body.design #header h1 {float: left;padding: 60px 0 0;width: 350px;}
body.blog #header h1 {padding: 95px 0;background: transparent url(images/me-comp.png) right top no-repeat;margin: 0;}
body.home #header h1 {
	background: transparent url(images/bg-horse.png) right bottom no-repeat;
	margin: 0;
	padding: 90px 350px 80px 0; }

	body.home #header h1 span.and {
		font-size: 14px;
		margin-left: 10px;
		opacity: 0.5; }
		

h2 {
	color: #BBB;
	font-family: Palatino,'Palatino Ginotype',Georgia,serif;
	font-size: 22px;
	font-style: italic;
	letter-spacing: 0.5px;
	margin: 30px 0 15px; }

.entries h2,#what h2 { margin-top: 0; }

h3 {
	color: #BBB;
	font-family: Palatino,'Palatino Ginotype',Georgia,serif;
	font-size: 18px;
	font-style: italic;
	letter-spacing: 0.5px;
	margin: 25px 0 15px;
	/*text-transform: none; */}

h4 {
	color: #AAA;
	font-family: Palatino,'Palatino Ginotype',Georgia,serif;
	font-weight: normal;
	letter-spacing: 0.5px;
	text-transform: uppercase; }

h5 {
	color: #AAA;
	font-weight: bold;
	letter-spacing: 1px; }

h6 {
	font-style: italic;
	font-weight: bold;
	letter-spacing: 1px; }

strong { font-weight: bold; }
strong.search-excerpt {color: #a09786;}

img {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #37322a;
	background: rgba(111,101,83,.3);
	border: 1px solid #4b4439;
	border: 1px solid rgba(111,101,83,.32);
	padding: 4px; }

/* reset style for lightbox plugin */
#stimuli_imageContainer img {background: none;border: none;padding: 0;}

a:hover img {
	background: #4e6264;
	background-color: rgba(126,169,177,0.5);
	border-color: #68888d;
	border-color: rgba(126,169,177,0.52); }

#maincontent ol {
	list-style: decimal outside;
	margin-left: 20px; }

#maincontent ul {
	list-style: disc outside;
	margin-left: 20px; }

dt {
	color: #AAA;
	font-weight: bold;
	letter-spacing: 1px; }

dd {
	margin: 0 0 5px;
	padding-left: 15px; }

li {
	margin: 0 0 5px 0;
	padding: 0; }

pre {
	background: #2f2b24;
	background: rgba(111,101,83,0.15) url(images/code.png) right 3px no-repeat;
	border: 1px solid #443d33;
	border: 1px solid rgba(111,101,83,0.3);
	overflow: auto;
	white-space: pre-wrap;
	padding: 3px 5px; }

code {
	background: #312d25;
	background: rgba(111,101,83,0.15);
	color: #999;
	font-family: "Courier New", Courier, monospace;
	padding: 2px 3px; }

pre code {
	background: none;
	padding: 0; }

table {
	background: #2c2821;
	background: rgba(111,101,83,0.15);
	border-collapse: collapse;
	width: 100%; }

th,td {
	border: 1px solid #443d33;
	border: 1px solid rgba(111,101,83,0.3);
	padding: 3px 5px;
	text-align: left; }

th {
	color: #999;
	font-weight: bold;
	letter-spacing: 1px; }

blockquote, q {
	background: transparent url(images/quotes50.png) left top no-repeat;
	font-family: Palatino,'Palatino Ginotype',Georgia,serif;
	font-size: 1.1em;
	font-style: italic;
	margin: 0 0 15px;
	padding: 2px 0 0;
	text-indent: 27px;
	text-transform: none; }

q { background: none; }

blockquote p { margin: 0 0 10px; }

cite {
	color: #AAA;
	display: block;
	font-size: 0.8em;
	padding: 3px 0 0;
	text-indent: 0;
	text-transform: uppercase; }

/* GENERAL CLASSES */
.note {
	color: #777;
	font-size: 0.9em; }

.noborder {
	background: transparent;
	border: none; }

.pullquote {
	color: #a09786;
	font-size: 1.3em;
	line-height: 1.3;
	width: 30%; }

.left, .alignleft {
	float: left;
	margin: 0 15px 5px 0; }

.right, .alignright {
	float: right;
	margin: 0 0 5px 15px; }

.container {
	margin: 0 auto;
	width: 960px; }

.amp {
	font-family: Baskerville,Palatino,'Palatino Linotype','Adobe Garamond Pro',Garamond,'Times New Roman',serif;
	font-style: italic;
	font-weight: 500; }

.catlink, .wp-paginate {
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 0.05em;
	text-align: right;
	text-transform: uppercase; }
	
	.entry .catlink {
		clear: both;
		float: right;
		padding: 5px 0 0; }

.catlink a, .wp-paginate a, a.reply {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: #353733;
	background: rgba(126,169,177,0.2);
	padding: 3px 10px; }

.wp-paginate {
	list-style: none;
	margin: 40px 0 20px;
	padding: 0;
	text-align: center; }

	.wp-paginate li {
		display: inline;
		margin: 0 5px 0 0; }

.fourcols { width: 100%; }

	.fourcols li {
		float: left;
		margin: 0 4% 0 0;
		width: 22%; }

li.last,.what li.last {
	float: right;
	margin: 0;
	padding: 0; }

.blocklist,.fourcols ul { border-bottom: 1px dotted #443d33;border-bottom: 1px dotted rgba(111, 101, 83, 0.3); }

.blocklist li, .fourcols ul li {
	border-top: 1px dotted #443d33;
	border-top: 1px dotted rgba(111, 101, 83, 0.3);
	float: none;
	margin: 0 !important;
	padding: 5px 0 !important;
	width: auto; }

.date {
	color: #999;
	float: right;
	font-size: 11px;
	line-height: 20px;
	margin: 0 0 5px 5px; }

.flickr { color: #0063DC; }

	.flickr .r { color: #FF0084; }

/* form elements */
input.textfield,textarea,input.upload {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #191512;
	background: rgba(0,0,0,0.35);
	border: 1px solid #4c4439;
	border: 1px solid #6c6151;
	color: #9d896b;
	font: 13px/1.4 Optima,"Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	margin: 0 0 5px;
	opacity: 0.6;
	padding: 3px;
	width: 270px; }

input.textfield:focus,textarea:focus {
	box-shadow: 0 0 3px rgba(111,101,83,0.5);
	-moz-box-shadow: 0 0 3px rgba(111,101,83,0.5);
	-webkit-box-shadow: 0 0 3px rgba(111,101,83,0.5);
	opacity: 1; }

input.button {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: #332e27;
	background: rgba(111,101,83,0.2);
	border: 1px solid #4a4237;
	border: 1px solid rgba(111,101,83,.35);
	color: #837964;
	cursor: pointer;
	float: right;
	font: 11px/1.4 Optima,"Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	margin: 10px 0 0;
	padding: 3px 10px;
	vertical-align: middle;}

	input.button:hover {
		background: #333736;
		background-color: rgba(126,169,177,0.2);
		border: 1px solid #4e61612;
		border: 1px solid rgba(126,169,177,0.35);
		color: #7ea9b1; }
	
	/*.wpcf7 input.button {float: none;}*/

input.checkbox, input.radio { margin: 0 10px 0 0; }

label {
	display: block;
	font-style: italic;
	margin: 10px 0 3px; }

#search .textfield {
	border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	-webkit-border-radius: 3px 0 0 3px;
	border-right: 0px;
	width: 200px; }

#search .button {
	border-radius: 0 10px 10px 0;
	-moz-border-radius: 0 10px 10px 0;
	-webkit-border-radius: 0 10px 10px 0;
	float: none;
	margin: 0;
	position: relative;
	top: -1px; }

/* LAYOUT */
#maincontent {padding-right: 360px;}
.photo #maincontent {background: transparent url(images/screen-photo.png) right top no-repeat;min-height: 1520px;}
.about #maincontent {background: transparent url(images/screen-about.png) right top no-repeat;min-height: 1025px;}
.design #maincontent {background: transparent url(images/screen-design.png) right top no-repeat;min-height: 1560px;}
#header { background: transparent url(images/bg-softgrad.png) left top repeat-x; }

	#header .container { position: relative; }

#primary { background: transparent url(images/bg-3d-bottom.png) left bottom repeat-x; }

	#primary .container {
		background: transparent url(images/bg-shine.png) center top no-repeat;
		padding: 35px 0 30px; }

#secondary {
	background: transparent url(images/bg-bottom.png) left top repeat;
	padding: 20px; }

#navigation { background: transparent url(images/bg-nav3d.png) left bottom repeat; }

	#navigation .container {
		background: none;
		border: none;
		height: 55px;
		padding: 0;
		position: relative; }

#logo {
	bottom: 12px;
	left: 0;
	margin: 0;
	position: absolute; }

	#logo img { display: none; }

	#logo a {
		background: transparent url(images/logo_blue.png) left bottom no-repeat;
		display: block;
		height: 35px;
		text-indent: -10000px;
		width: 200px; }

#mainnav {
	bottom: 1px;
	font-size: 12px;
	margin: 0;
	position: absolute;
	right: 0;
	text-transform: uppercase; }

	#mainnav li {
		float: left;
		margin: 0 0 0 10px;
		padding: 0; }

	#mainnav a:hover,
	.design #mainnav li.design a,
	.photo #mainnav li.photo a,
	.blog #mainnav li.blog a,
	.about #mainnav li.about a,
	.kontakt #mainnav li.kontakt a { background: #29241e;background: rgba(111,101,83,0.2); }

	#mainnav li a {
		display: block;
		opacity: 1;
		padding: 10px; }

		#mainnav li a span {
			color: #666;
			font-size: 10px; }

		#mainnav li a:hover span,#mainnav li.act a span { color: #999; }

.blog #maincontent {
	float: left;
	padding: 0;
	width: 610px; }

.blog #sidecontent {
	float: right;
	width: 280px; }

#footer {
	background: transparent url(images/bg-footer.png) left top repeat-x;
	color: #5a5344;
	color: rgba(131,121,100,0.6);
	font-size: 11px;
	padding: 25px 0 5px;
	position: relative; }

	#footer .container {
		background: transparent url(images/madewithlove.png) right top no-repeat;
		padding: 0; }

	/* general page elements */
#footer p { margin: 0 0 5px; }

	#footer .up {
		background: transparent url(images/icon-up.png) left top no-repeat;
		bottom: -4px;
		height: 75px;
		opacity: 0.8;
		position: absolute;
		right: 20px;
		text-indent: -10000px;
		width: 32px; }

		#footer .up:hover { opacity: 1; }

.what li {
	float: left;
	padding: 0 60px 0 0;
	width: 280px; }

.what ul li {
	float: none;
	margin: 0 0 10px;
	padding: 0;
	width: auto; }

/* start page elements */

#whatelse {
	background: transparent url(images/vignette-pferd.png) center bottom no-repeat;
	margin-bottom: 30px;
	padding: 0 0 45px; }

#design img {
	height: 75px;
	margin: 0 5px 0 0;
	width: 120px; }

#art li img, #books li img {float: left;margin: 5px 10px 5px 0;}

#design a {
	display: block;
	position: relative; }

	#design a span, #art a span {
		background: #000;
		background: rgba(0,0,0,0.8);
		display: none;
		left: 5px;
		line-height: 1.0;
		position: absolute;
		width: 110px; }

	#design a:hover span {  }

	#design a .title {
		bottom: 22px;
		padding: 5px 5px 1px; }

	#design a .type {
		bottom: 5px;
		color: #FFF;
		font-size: 11px;
		padding: 1px 5px 5px; }

#photo ul, #design ul { margin: 0; }

#photo li, #design li {
	float: left;
	height: 85px;
	margin: 0 10px 15px 0; }

#photo li img {
	height: 75px;
	width: 75px; }

#photo li.rowend, #design li.rowend { margin-right: 0; }

#design .catlink a, #blog .catlink a { display: inline; }

#blog, #contact, #elsewhere { padding-right: 0; }

#blog li { padding: 5px 0; }

#blog a { display: block; }

#blog strong {
	display: block;
	margin: 0 0 2px; }

#art img { margin: 10px 0 0; }

.twitter {
	background: transparent url(images/bg_twitter_bottom.png) left bottom no-repeat;
	color: #999;
	font-size: 0.9em;
	padding: 0 10px 10px; }

#twitter .date {
	background: transparent url(images/bg_twitter_top.png) left top no-repeat;
	color: #353028;
	color: #4a4437;
	color: rgba(111, 101, 83, 0.6);
	float: none;
	font-size: 0.8em;
	line-height: 1.3;
	margin: 0;
	padding: 5px 0 10px 0;
	text-align: right; }

#twitter ul li, #blogroll ul li, #heroes ul li {
	float: left;
	margin: 0 3px 0 0; }

#twitter ul li img {
	height: 24px;
	padding: 3px;
	width: 24px; }
	
#blogroll img {width: 16px;height: 16px;}

#about img {
	float: right;
	margin: 0 0 5px 5px; }
	
#contact .blocklist strong {
	display: block;
	float: left;
	width: 100px;
	}
	
#contact .blocklist span {
	display: block;
	float: right;
	width: 170px;
	}

#secondary h4, #sidecontent h4 {
	background: #2b2720;
	background: rgba(111,101,81,0.15);
	margin: 0 0 20px;
	margin: 20px 0 15px;
	padding: 3px 0;
	padding: 5px 5px 3px; }

#secondary h4.rss {
	background-image: url(images/icon-rss.png);
	background-position: 260px 8px;
	background-repeat: no-repeat;}

/* blog elements */
.meta {
	float: left;
	font-size: 0.9em;
	text-align: right;
	width: 20%;
	}

.post {
	float: right;
	width: 75%; }
	
.sexy-bookmarks {margin: 30px 0 0 !important;}

input#subscribe {float: left;margin: 2px 10px 0 0;}

.comments .post { border-bottom: 1px solid #443d33;border-bottom: 1px solid rgba(111,101,83,0.3); }
.comments blockquote {background: none;text-indent: 0;}
.comments .byauthor .post .meta {background: url(images/autor.png) right 5px no-repeat;}

.comments .post a.reply {float: right;padding: 1px 5px;margin-top:-2px;}

.post .meta {
	float: none;
	text-align: left;
	width: 100%; }

.meta p { margin: 0 0 5px; }

h2 a { color: #BBB; }

	h2 a:hover { border-bottom: 1px solid #BBB; }

.entry {
	border-bottom: 1px solid #443d33;
	border-bottom: 1px solid rgba(111, 101, 83, 0.3);
	margin: 0 0 10px;
	padding: 0; }

.comments .entry { border: none; }

#commentform {
	float: right;
	margin: 0 0 20px;
	width: 460px; }

	#commentform h3 { margin-top: 10px; }

	#commentform textarea, .wpcf7 textarea {
		height: 120px;
		width: 450px; }

#ssubmit { margin: 0 0 0 10px; }

.similar {
	border-bottom: 1px solid #443d33;
	border-bottom: 1px solid rgba(111, 101, 83, 0.3);
	padding: 15px 0 0; }

	.similar h3 {
		float: left;
		margin-top: 0;
		text-align: right;
		width: 20%; }

	.similar ul {
		float: right;
		margin-left: 0;
		padding-left: 25px;
		width: 430px; }

#maincontent .entries {
	list-style: none;
	margin-left: 0; }

#maincontent .entries p.meta img {height: 55px;width: 55px;}
#maincontent .entries ol.replies {list-style: none;clear: both;margin-left: 100px;}
#maincontent .entries ol.replies ol.replies {margin: 10px 0 0 95px;}
#maincontent .entries ol.replies li {padding: 10px 0 0;margin: 0;}
#maincontent .entries ol.replies p.meta img {height: 40px;width: 40px;}

#sidecontent .entries li { margin: 0 0 15px; }

/**/
#sidecontent li img {
	float: left;
	height: 40px;
	margin: 5px 10px 5px 0;
	width: 40px; }
	
	#sidecontent #twitter li img {
	margin: 0 0 5px 0;
	}

/* SPECIAL ELEMENTS */

#tooltip, #easyTooltip {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: rgb(0,0,0);
	background: rgba(0,0,0,0.85);
	color: #BBB;
	font-size: 0.8em;
	padding: 10px;
	z-index: 10;}

#tooltip, #easyTooltip { max-width: 180px; }

	#tooltip strong {
		color: #7ea9b1;
		display: block;
		font-style: italic !important;
		font-weight: bold;
		font: 1.3em Palatino,'Palatino Ginotype',Georgia,serif;
		letter-spacing: 1px; }

#mainnav li#theme a {padding: 0;display: block;width: 21px;height: 40px;background-position: center -25px;background-repeat: no-repeat;text-indent: -10000px;opacity: 0.6;}
#mainnav li#theme a:hover {background-position: center top;background-repeat: no-repeat;background-color: transparent;opacity: 1;}
#mainnav li#theme a.hell {background-image: url(images/bg-theme-hell.png);}
#mainnav li#theme a.dunkel {background-image: url(images/bg-theme-dunkel.png);display: none;}
	

#slideshow-holder {position: relative;}
#slideshow {margin: 0;text-align: right;height: 307px;width: 578px;float:right;overflow: hidden;}
#slideshow img {background: none;border: none;padding: 0;}
#control {margin: 0;}
#control a {z-index: 10;position: absolute;text-indent: -10000px;display: block;width: 27px;height: 27px;display: none;}
#prev {bottom: 5px;right: 50px;background: transparent url(images/fadecontrol-prev.png) left top no-repeat;}
#next {bottom: 5px;right: 10px;background: transparent url(images/fadecontrol-next.png) left top no-repeat;}

#vrh {padding: 10px;border-top: 1px solid rgba(111, 101, 83, 0.3);background: rgba(111, 101, 83, 0.1);}