@charset "utf-8";

/*
*
*	default.css
*
*	sottiisimoves.fi
*
*	(c) Zuige Productions 2013
*
*/

body {
	margin: 0px;
	padding: 0px;
	color: #000;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	background: 0;
	font-size: 16px;
}

div, img {
	margin: 0;
	border: 0;
	padding: 0;
}

h1, h2, h3, h4 {
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
}

a {
	text-decoration: none;
	color: inherit;
}

h1 {
	margin: 12px auto 18px;
	clear: both;
}

p {
	margin: 18px auto;
}


#container {
	width: 100%;
	background: url('img/SottiisMoves_tausta.jpg') #cecece;
	background-size: cover;
}

#wrap {
	margin-top: 0px;
}

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

#nav {
	width: 100%;
	background: #000;
	height: 53px;
	color: #fff;
	text-align: right;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-size: 21px;
}

.navlist {
	padding: 0px 20px;
	height: 53px;
	margin: 0;
}

.navlist li {
	display: inline-block;
	height: 53px;
}

.navitem a {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	display: table-cell;
	padding: 11px 0;
}

.navitem a:hover {
	background: url('img/white_curr.png') 0 48px repeat no-repeat transparent;
}

.curr {
	background: url('img/white_curr.png') bottom repeat no-repeat transparent;
}

.navseparator {
	background: url('img/SottiisiMoves_web2_navigaatio.png') no-repeat center;
	width: 14px;
	height: 14px;
	margin: 0 6px;
}

#content {
	min-height: 1080px;
	margin-bottom: 20px;
}

#content a:hover {
	text-decoration: underline;
}

#footer {
	width: 100%;
	height: 83px;
	background: #fff;
	position: relative;
	bottom: 0;
	text-align: center;
	padding: 6px 0;
}

#footer .overlay-links {
	position: absolute;
	top: 0;
	width: 960px;
}

.overlay-links a {
	float: left;
	background: rgba(255,0,0,0.5);
	background: transparent;
	display: block;
	width: 100px;
	height: 47px;
}

.overlay-links a.logo0 {
	width: 154px;
	height: 93px;
}

.overlay-links a.logo1 {
	width: 141px;
	height: 93px;
}

.overlay-links a.logo2 {
	width: 228px;
	height: 43px;
}

.overlay-links a.logo3 {
	width: 141px;
	height: 49px;
}

.overlay-links a.logo4 {
	width: 123px;
	height: 93px;
}

.overlay-links a.logo5 {
	width: 123px;
	height: 93px;
}

.overlay-links a.logo6 {
	width: 304px;
	height: 66px;
}

.overlay-links a.logo7 {
	width: 171px;
	height: 66px;
}

.overlay-links a.logo8 {
	width: 207px;
	height: 66px;
}

.overlay-links a.logo9 {
	width: 168px;
	height: 66px;
}

.overlay-links a.logo10 {
	clear: left;
	width: 117px;
}

.overlay-links a.logo11 {
	width: 91px;
}

.overlay-links a.logo12 {
	width:72px;
}

.overlay-links a.logo13 {
	width: 82px;
}

.overlay-links a.logo14 {
	width: 91px;
}

.overlay-links a.logo15 {
	width: 66px;
}

.overlay-links a.logo16 {
	width: 89px;
}

.overlay-links a.logo17 {
	width: 78px;
}

.overlay-links a.logo18 {
	width: 77px;
}

.overlay-links a.logo19 {
	width: 73px;
}

.overlay-links a.logo20 {
	width: 94px;
}

.overlay-links a.logo21 {
	position: absolute;
	top: 43px;
	left: 295px;
	width: 228px;
	height: 50px;
}

.overlay-links a.logo22 {
	position: absolute;
	top: 49px;
	left: 523px;
	width: 141px;
	height: 44px;
}

#frontpagetop {
	margin-top: 14px;
}

#frontpagebottom {
	height: 354px;
}

#poster {
	width: 310px;
	height: 272px;
	background: #842636;
	float: left;
	text-align: center;
}

#poster img {
	margin: 16px 0;
}

#social {
	width: 310px;
	height: 65px;
	background: #949391;
	margin-top: 16px;
	float: left;
	clear: left;
}

#social img {
	display: inline-block;
	margin: 10px -6px 10px 16px;
	clear: none;
	width: 45px;
}

#social p {
	margin: 0;
}

#social br {
	display: none;
}

#main {
	width: 588px;
	float: left;
	background: url('img/red_accent.png') top repeat no-repeat #fff;
	margin-top: 16px;
	padding: 12px 24px 24px;
}

.post {
	width: 588px;
	float: left;
	margin-top: 16px;
	padding: 12px 24px 24px;
}

#main h1, .post h1 {
	color: #842636;
	text-transform: uppercase;
	margin-bottom: 0;
}

#main h2 {
	color: #842636;
	margin-top: 0;
}

#sidebar {
	width: 310px;
	float: right;
}

.sidebox {
	margin-top: 16px;
	padding: 12px 24px;
	background: #fff;
}

.redtop {
	background: url('img/red_accent.png') top repeat no-repeat #fff;
}

.sidebox h1 {
	color: #842636;
	text-transform: uppercase;
	margin-bottom: 8px;
}

#children {

}

#posts.sidebox {
	min-height: 160px;
}

#children ul, #posts ul {
	list-style-type: none;
	padding-left: 0;
	margin: 0 0 12px;
}

#children li, #posts li {
	text-transform: uppercase;
	font-size: 22px;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 21px;
	padding-left: 22px;
	background: url(img/li.png) left 8px no-repeat;
	color: #842636;
}

.buttonlink {
	height: 65px;
	margin-top: 16px;
	background: #949293;
}

.buttonlink br {
	display: none;
}

.buttonlink a {
	color: #fff;
}

.buttonlink h2 {
	text-transform: uppercase;
	margin: 0;
	padding: 16px 25px;
	font-weight: 300;
	font-size: 22px
}

#infolink {

}

#bloglink {

}

#contactlink {

}

#releaselink {
	background: #842636;
}

.currentnav {
	background: #842636;
}

#dancepic {
	width: 635px;
	height: 353px;
	background: #000;
	float: right;
	overflow: hidden;
}

.rotating-pic {
	display: none;
    top: 0;
    left: 0;
    position: absolute;
}

.loading {
	width: 32px;
	height: 32px;
	position: relative;
	top: 159px;
}

.leftcontact {
	width: 300px;
	float: left;
	padding-bottom: 38px;
}

.leftcontact a:link, .rightcontact a:link, .leftcontact a:visited, .rightcontact a:visited {
	text-decoration: underline !important;
}

.leftcontact a:hover, .rightcontact a:hover, .leftcontact a:active, .rightcontact a:active {
	text-decoration: underline !important;
}

.rightcontact {
	float: left;
}

.search {
	position: relative;
	height: 310px;
	margin: 16px 0 8px;
	background: #000;
	color: #fff;
	text-align: center;
}

.search p {
	position: relative;
	top: 145px;
	margin: 0;
}

.instagram-placeholder {
	position: absolute;
	top: 0;
	width: 100%;
	display: none;
}

.instagram-image {
	width: 310px;
}

#empty {
	display: none;
}

#sponsor img {
	margin: 0 18px;
}

form ul {
	padding-left: 0;
}

form li {
	list-style: none;
}

input[type="text"] {
	display: block;
}

textarea {
	width: 100%;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#main a:link,
#main a:visited {
	color: #993300;
}

#main a:hover,
#main a:active {
	color: #111;
}