/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * This CSS file is for customization purpose only
 */ 

#logo a.logo-icon {
	display: block;
	width: 240px;
	height: 100px;
	background: url(../../../images/yootheme/logo.png) 0 0 no-repeat;
}
.style-blue #logo a.logo-icon { background-image: url(../../../images/yootheme/logo_blue.png); }
.style-green #logo a.logo-icon { background-image: url(../../../images/yootheme/logo_green.png); }
.style-orange #logo a.logo-icon { background-image: url(../../../images/yootheme/logo_orange.png); }
.style-pink #logo a.logo-icon { background-image: url(../../../images/yootheme/logo_pink.png); }
.style-turquoise #logo a.logo-icon { background-image: url(../../../images/yootheme/logo_turquoise.png); }

/* rss + twitter toolbar icons */
#toolbar a.rss,
#toolbar a.twitter {
	display: inline-block;
	margin-top: 7px;
}

/* demo content: spotlight teaser */
#headerbar .warpspotlight .teaser {
	height: 300px;
	background: url(../../../images/yootheme/home_header_spotlight_blog.jpg) 0 0 no-repeat;
}

.background-desert #headerbar .warpspotlight .teaser { background-image: url(../../../images/yootheme/home_header_spotlight_desert.jpg) }
.background-grass #headerbar .warpspotlight .teaser { background-image: url(../../../images/yootheme/home_header_spotlight_grass.jpg) }
.background-stadium #headerbar .warpspotlight .teaser { background-image: url(../../../images/yootheme/home_header_spotlight_stadium.jpg) }
.background-worldmapblue #headerbar .warpspotlight .teaser { background-image: url(../../../images/yootheme/home_header_spotlight_worldmapblue.jpg) }
.background-worldmapwhite #headerbar .warpspotlight .teaser { background-image: url(../../../images/yootheme/home_header_spotlight_worldmapwhite.jpg) }
.background-street #headerbar .warpspotlight .teaser { background-image: url(../../../images/yootheme/home_header_spotlight_street.jpg) }
.background-fabricdark #headerbar .warpspotlight .teaser { background-image: url(../../../images/yootheme/home_header_spotlight_fabricdark.jpg) }
.background-squares #headerbar .warpspotlight .teaser { background-image: url(../../../images/yootheme/home_header_spotlight_squares.jpg) }
.background-concert #headerbar .warpspotlight .teaser { background-image: url(../../../images/yootheme/home_header_spotlight_concert.jpg) }


/* demo content: icons page */
.iconbox {
	padding: 19px;
	border: 1px solid #E5E5E5;
	background: #FAFBFB;
	overflow: hidden; 
}

/* demo content: social bookmarks */
#socialbookmarks a {
	display: block;
	height: 30px;
	width: 30px;
	background: url(../../../images/yootheme/socialbookmarks.png) 0 0 no-repeat;
}

#socialbookmarks a.twitter:hover { background-position: 0 -30px; }
#socialbookmarks a.facebook { background-position: 0 -60px; }
#socialbookmarks a.facebook:hover { background-position: 0 -90px; }
#socialbookmarks a.flickr { background-position: 0 -120px; }
#socialbookmarks a.flickr:hover { background-position: 0 -150px; }
#socialbookmarks a.linkedin { background-position: 0 -180px; }
#socialbookmarks a.linkedin:hover { background-position: 0 -210px; }
#socialbookmarks a.myspace { background-position: 0 -240px; }
#socialbookmarks a.myspace:hover { background-position: 0 -270px; }

/* forms */
form.box fieldset{
	margin-bottom: 10px;
	padding: 10px 15px;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-shadow:
		1px 1px 0 rgba(255,255,255,0.6),
		inset 1px 1px 0 rgba(255,255,255,0.6);
}

form.box fieldset legend {
	color: #a2a2a4;
	font-size: 12px;
	text-transform: uppercase;
}

form.style input[type="text"],
form.style input[type="password"],
form.style select,
form.style textarea {
	padding: 4px;
	font-size: 16px;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,0.25);
	border-radius: 4px;
	background-color: #fff;
	background-color: rgba(255,255,255,0.8);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	color: #888;
}

form.style input[type="text"]:focus,
form.style input[type="password"]:focus,
form.style select:focus,
form.style textarea:focus {
	outline: none;
	color: #444;
	border-color: #bbb;
	border-color: rgba(0,0,0,0.35);
	background-color: rgba(255,255,255,1.0);
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.15);
}

form.style textarea { padding: 8px; }

form.style button,
form.style input[type="button"],
form.style input.button,
form.style #submit {
	margin-top: -20px;
	margin-left: -170px;
	padding: 6px 12px;
	border: 1px solid #ccc;
	border-bottom-color: #a2a2a2;
	border-radius: 2px;
	background-color: #f3f3f3;
	box-shadow: inset 0 1px 0 rgba(255,255,255,1.0),
				0 2px 1px rgba(0,0,0,0.05);
	color: #777;
	font-size: 11px;
	text-transform: uppercase;
	text-align: center;
}

form.style button:hover,
form.style input[type="button"]:hover,
form.style input.button:hover,
form.style #submit:hover { color: #fff; 
	background-color: #1a79f1;}
	
/* booking forms */	
form.box fieldset{
	margin-bottom: 10px;
	padding: 10px 15px;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-shadow:
		1px 1px 0 rgba(255,255,255,0.6),
		inset 1px 1px 0 rgba(255,255,255,0.6);
}

form.box fieldset legend {
	color: #a2a2a4;
	font-size: 12px;
	text-transform: uppercase;
}

form.book input[type="text"],
form.book input[type="password"],
form.book select,
form.book textarea {
	padding: 4px;
	font-size: 16px;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,0.25);
	border-radius: 4px;
	background-color: #fff;
	background-color: rgba(255,255,255,0.8);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	color: #888;
}

form.book input[type="text"]:focus,
form.book input[type="password"]:focus,
form.book select:focus,
form.book textarea:focus {
	outline: none;
	color: #444;
	border-color: #bbb;
	border-color: rgba(0,0,0,0.35);
	background-color: rgba(255,255,255,1.0);
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.15);
}

form.book textarea { padding: 8px; }

form.book button,
form.book input[type="button"],
form.book input.button,
form.book #submit {
	margin-top: -20px;
	margin-left: 0px;
	padding: 6px 12px;
	border: 1px solid #ccc;
	border-bottom-color: #a2a2a2;
	border-radius: 2px;
	background-color: #f3f3f3;
	box-shadow: inset 0 1px 0 rgba(255,255,255,1.0),
				0 2px 1px rgba(0,0,0,0.05);
	color: #777;
	font-size: 11px;
	text-transform: uppercase;
	text-align: center;
}

form.book button:hover,
form.book input[type="button"]:hover,
form.book input.button:hover,
form.book #submit:hover { color: #fff; 
	background-color: #1a79f1;}