/* Body */
*{margin:0;padding:0}
body{background:url(images/bg.png) #fff;font:12px Verdana,Arial,Helvetica,sans-serif;color:#000}
.clear{clear:both}
img{border:0}
.at{vertical-align:middle}

/* Fonts */
@font-face{font-family:"Estilo";src:url("fonts/Estilo.eot")}
@font-face{font-family:"Estilo";src:url("fonts/Estilo.ttf") format("truetype")}

/* Links */
a:link{color:#ff0099;text-decoration:none}
a:visited{color:#ff0099;text-decoration:none}
a:hover{color:#d0007d;text-decoration:none}
a:active{color:#ff58bc;text-decoration:none}

/* Texts */
p{line-height:15px;margin:0 0 10px 0}
ul{margin:17px 0 10px 0}

/* Titles */
h1,
#sidebar h2{font-family:Estilo,Verdana,Arial,Helvetica,sans-serif;text-transform:uppercase;background:url(images/line.png) repeat-x left bottom;color:#000;font-size:28px;line-height:28px;margin-bottom:10px;padding-bottom:7px;font-weight:normal}
#page-etusivu h1,
#page-home h1{font-size:25px;line-height:25px}
h2{color:#000;font-size:25px;line-height:25px;margin-bottom:10px;padding-bottom:6px;font-weight:normal}
h3{color:#000;font-size:24px;font-family:Verdana,Arial,Helvetica;font-weight:normal;margin-bottom:6px}
h4{color:#000;font-size:15px}

/* Wrapper */
#wrapper{width:800px;margin:10px auto 40px auto;background:#fff;-webkit-box-shadow:-2px 2px 20px #999;-moz-box-shadow:-2px 2px 20px #999;box-shadow:-2px 2px 20px #999}

/* Header */
#header{background:#ff0099;color:#fff;padding:4px 13px 4px 20px}
#header p{line-height:12px}
#header h1{background:none;margin:0 !important;padding:0 !important;line-height:12px}
#header h1 a{font:bold 12px Arial,Helvetica,sans-serif;text-transform:uppercase;float:left;margin-right:60px;background:url(images/logo.png) no-repeat left 3px;padding:4px 20px 2px 20px}
#header a{color:#fff}
#header a:hover{color:#ffcbeb}
#contact{float:left;padding:3px 0 0 0;font:bold 12px Arial,Helvetica,sans-serif;}
#social{float:right}
#social a{display:block;float:left;width:55px;height:18px;text-indent:-9999px}
#social a:hover{opacity:0.7}
#twitter{background:url(images/logo-twitter.png) no-repeat center 5px;margin-right:2px}
#facebook{background:url(images/logo-facebook.png) no-repeat center center}

/* Navigation */
#nav{background:url(images/line.png) repeat-x left bottom;padding-left:8px;margin-bottom:1px}
#nav ul{list-style:none;margin:0;padding:0}
#nav ul li{display:inline}
#nav a{font-size:13px;font-family:Arial,Helvetica,sans-serif;font-weight:bold;padding:6px 12px 8px 12px;display:block;float:left;line-height:13px}
#nav .current a{color:#cccc33}

	#nav-in-english a,
	#nav-suomeksi a{float:right;margin-right:6px}

/* Content */
#content{padding:17px 20px 20px 20px;margin-bottom:1px;background:url(images/line.png) repeat-x left bottom}

/* Main */
#main{width:500px;float:left;padding-right:10px;border-right:1px solid #000}
.main-alone{border:0 !important;width:100% !important;float:none !important;padding-bottom:15px}

	#page-valokuvaajamme #main{border-right:0}
	#page-valokuvaajamme #sidebar{border-left:1px solid #000}

/* Sidebar */
#sidebar{width:239px;float:left;padding-left:10px}

/* Footer */
#footer{clear:both;color:#ff0099;font-size:12px;padding:12px 20px 12px 42px;background:url(images/logo-footer.png) no-repeat 20px 11px;font-family:Arial,Helvetica,sans-serif}
#footer p{margin:0 0 2px 0}

/* Images */
#images .image{float:left;margin:0 10px 6px 0}
#images .image img{margin:0;padding:0}
#images .image-even{margin-right:0 !important}

#image{margin-bottom:10px}

/* News */
#news .item{background:url(images/line.png) repeat-x left bottom;margin-bottom:10px;padding-bottom:8px}
#news .item:last-child{background:none !important;padding-bottom:0 !important;margin-bottom:0 !important}
#news .image{float:right;margin:0;padding:0}
#news h3,
#news .ingress{width:210px;}
#news .date{font-size:9px;line-height:9px;font-weight:bold;margin-bottom:6px}
#news .more{width:11px;padding:2px 5px;height:10px;background:url(images/arrow.png) no-repeat left center}

#news-article h2{clear:both;font-family:Verdana,Arial,Helvetica,sans-serif;font-weight:normal;margin:0 0 6px 0;text-transform:none;background:none}
#news-article .image{margin-bottom:10px}
#news-article .image-meta{height:10px}
#news-article .date{font-size:11px}
#news-article .caption{color:#ff0099;float:left}
#news-article .photographer{color:#ff0099;float:right}
#facebook-like{padding-top:10px}

#news-list .date{font-size:10px;margin:0}
#news-list h4{font-size:14px;margin:0 0 10px 0;font-weight:normal}

/* Mailing list */
#form-mailinglist{background:url(images/bg-newsletter.png) no-repeat;width:239px;height:149px;position:relative}
#form-mailinglist label{display:none}
#form-mailinglist #form-mailinglist-email{position:absolute;top:103px;left:16px;width:195px;padding-left:5px;font-size:13px;line-height:25px;border:0;background:none}
#form-mailinglist input[type=submit]{display:none}
#form-mailinglist .thanks,
#form-mailinglist .error{position:absolute;padding:5px 3px;width:200px;top:55px;left:16px;border-radius:5px;background:#fff;text-align:center}

/* Frontpage */
#page-etusivu #content,
#page-home #content{padding-top:10px}
#page-etusivu #sidebar ul,
#page-home #sidebar ul{list-style:none;margin-left:0}
#page-etusivu #sidebar li,
#page-home #sidebar li{background:url(images/bullet.png) no-repeat left 4px;font-size:18px;padding-left:22px;margin-bottom:10px}
#page-etusivu #sidebar h1,
#page-home #sidebar h1{margin:20px 0 10px 0}
#page-etusivu #sidebar h1:first-child,
#page-home #sidebar h1:first-child{margin-top:0}

/* Profiles */
#profilelist .item{clear:both;margin-bottom:9px}
#profilelist img{float:left;margin:2px 8px 0 0}
#profilelist h3{font-size:12px}
#profilelist .current{color:#000;font-weight:bold}

#profiles{list-style:none;margin:0}
#profiles li{line-height:20px}
#profiles .current{color:#000}

#profile{background:url(images/line.png) repeat-x left bottom;padding-bottom:10px;margin-bottom:10px}
#profile img{float:left;margin:3px 12px 5px 0}

/* Personnel */
#personnel .item{padding:10px 0 0 0;margin-bottom:6px;background:url(images/line.png) repeat-x top left}
#personnel img{float:right;margin:7px 0 10px 0;}
#personnel h3{color:#000}
#personnel .text{width:250px;margin:0}

/* Cases */
#cases .item{}
#cases img{float:left;margin:2px 8px 10px 0}
#cases h4{font-size:12px;font-weight:normal}

/* Images */
#page-valokuvaaja .image-container{margin-bottom:10px;position:relative}

#page-valokuvaajamme-profiili #images{width:496px;height:50px;overflow:hidden;padding:3px;white-space:nowrap;position:relative;clear:both;margin-bottom:10px}
#page-valokuvaajamme-profiili #image-flow{position:absolute;padding-left:3px}
#page-valokuvaajamme-profiili #images a{margin-right:8px}
#page-valokuvaajamme-profiili #images a.current img{border:3px solid #ff0099 !important;margin:-3px}

#page-valokuvaajamme-profiili #images-container{position:relative;margin-left:-20px;padding-left:17px;width:500px}
#page-valokuvaajamme-profiili #images-prev{display:block;width:20px;height:50px;background:url(images/arrow-left.png) no-repeat center center;text-indent:-9999px;position:absolute;left:3px;top:3px}
#page-valokuvaajamme-profiili #images-next{display:block;width:20px;height:50px;background:url(images/arrow-right.png) no-repeat center center;text-indent:-9999px;position:absolute;left:512px;top:3px}
#page-valokuvaajamme-profiili #images-prev:hover,
#page-valokuvaajamme-profiili #images-next:hover{opacity:0.5}

#page-valokuvaajamme-profiili #image-caption{text-align:right}

#page-valokuvaajamme-profiili #prev-image{position:absolute;left:0;width:30%;min-height:200px;cursor:pointer}
#page-valokuvaajamme-profiili #prev-image:hover{background:url(images/image-arrow-left.png) no-repeat 20px center}
#page-valokuvaajamme-profiili #next-image{position:absolute;right:0;width:30%;min-height:200px;cursor:pointer}
#page-valokuvaajamme-profiili #next-image:hover{background:url(images/image-arrow-right.png) no-repeat 110px center}

/* Forms */
form label{font-weight:bold;display:block;margin-bottom:3px}
form label span{font-weight:normal;color:#888}
form input[type=text],
form textarea{border:1px solid #ccc;padding:3px 5px;font-size:14px;width:300px}
form textarea{height:120px}
form h3{font-size:20px;margin:20px 0 15px 0;padding:15px 0 0 0;background:url(images/line.png) repeat-x top left}
form h3:first-child{background:none;padding-top:0}
form .global-form-error{color:#cc0000;font-size:14px;border:1px solid #cc0000;padding:12px 15px;background:#fff2f2}
form .form-error{background:#fff2f2;border:1px solid #cc0000 !important}
form .field-text{display:block;margin:3px 0 5px 0}
form #field-submit{margin-top:20px}
form .disabled{background:#eee}