@charset "utf-8";
/* -----------------------------------------------------------------------


 Blueprint CSS Framework 0.9
 http://blueprintcss.org

   * Copyright (c) 2007-Present. See LICENSE for more info.
   * See README for instructions on how to use Blueprint.
   * For credits and origins, see AUTHORS.
   * This is a compressed file. See the sources in the 'src' directory.

----------------------------------------------------------------------- */

/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, form, label, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.4;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* main */
body {background:#000 url(../img/bg-primary.jpg) top left no-repeat;}
#wrapper {width:960px;}
#top {position:relative; height:280px;}
#logo {position:absolute; left:25px; top:60px;}
#next-event {position:absolute; text-align:center; top:50px; left:505px; line-height:0;}
	#next-event p {margin:0.4em 0 1em 0;font-size:115%;}
#next-event-sthlm {position:absolute; text-align:center; top:50px; left:495px; line-height:0;}
	#next-event-sthlm p {margin:0.4em 0 1em 0;font-size:115%;}
#arets-mediasultan-sthlm {position:absolute; text-align:center; top:50px; left:595px; line-height:0; padding-left:20px; border-left:1px solid #484848;}
	#arets-mediasultan-sthlm p {margin:0.4em 0 1em 0;font-size:115%;}
	#arets-mediasultan-sthlm img {margin:0 0 1em 0;}
#welcome-slogan {position:absolute; text-align:center; top:60px; left:450px; line-height:0; width:300px;}
	#welcome-slogan h1 {margin:0.4em 0 1em 0;font-size:170%; line-height:1.2em; font-style:italic;}
#switch-city {position:absolute; top:5px; left:715px; width: 245px; text-align:right;}
	#switch-city p {font-size:110%;}
#main {position:relative; min-height:350px; height:auto !important; height:350px;} /* Min-height IE 6 Hack */
#h1-mingelbilder {position:absolute; top:5px; left:58px; z-index:2;}
#h1-mediasultan {position:absolute; top:-5px; left:58px; z-index:3;}
#h1-mediamecca {position:absolute; top:5px; left:410px;}
#mingelbilder {position:absolute; top:50px; left:58px; z-index:1;}
#btn-pictures {position:absolute; top:222px; left:0;}
#intro-text {position:absolute; top:55px;	left:410px;	font-size:110%; width:450px;}
#bottom {position:relative; height:300px;}
#sultan-text {position:absolute; top:120px; left:110px;}
#sultan-img {position:absolute; top:58px; left:57px;}
#sultan-clickinfo {position:absolute; top:235px; left:130px;}
#sultan-clickinfo-name {position:absolute; top:305px; left:120px;}
	#sultan-clickinfo-name p {font-weight:bold; color:#000;}
#fez {position:absolute; top:-3px; left:312px;}
#palm {position:absolute; top:182px; left:0px;}
#main-box {position:absolute; top:59px; left:78px; width:672px;}
	#main-box p {font-size:120%;}
#main-box-type {width:642px; padding:20px 25px 0 25px;}
#welcome-city-bg {position:absolute; top:130px; width:672px; height:90px; background-color:#000; opacity:0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50);  z-index:98;}
#welcome-slideshow {position:absolute;	z-index:97;}
#welcome-city-choice {position:absolute; top:145px; left:20px; z-index:99;}
	#welcome-city-choice h1 {font-size:170%;}
	#welcome-city-choice img {padding-right:5px;}
#welcome-box-type {position:absolute; top:230px; padding-left:20px;}
#sponsors {position:absolute; top:0; left:720px; width:140px;}
	#sponsors img {padding-bottom:25px;}
	#sponsors-img-padding img {margin-bottom:10px; margin-top:20px;}
#member-application p {font-size:130%; margin:1em 0 0.2em 0;}
#bottom-margin {clear:both; margin-bottom:9em; color:#000;}
.list-events li {list-style-type:none;font-size:140%;	padding-bottom:10px;}
.center-box {position:absolute; z-index:96;}

#photographer-puff {background:transparent url(../img/fotograf-cecilia.png) no-repeat left top; padding:0 0 40px 160px; height:200px; width:420px; clear:both; margin-left:20px;}
	#photographer-puff a {color:#33e033;text-decoration:none;}
	#photographer-puff p {font-size:110%;}

#box-mediasultan-left {float:left; width:330px;}
#box-mediasultan-right {float:left; width:300px;}
#box-mediasultan-left p, #box-mediasultan-right p {font-size:120%;}
#box-mediasultan-left h1, #box-mediasultan-right h1 {font-size:120%; color:#33e033; padding:1em 0 0.7em 0; background-color:#000; width:289px; text-align:center;}
#box-mediasultan-left h2, #box-mediasultan-right h2 {font-size:130%;}

.ngg-albumoverview h4 {color:#fff; line-height: 1.2em; margin-bottom: 10px;}
.ngg-albumoverview h5 {color:#fff; font-weight: normal; font-size: 90%; text-align: center;}
.no-bg {background:none !important;}



/* choose city jquery */
.menu_body {padding:5px 0 10px 0; background-color:#000;}
.menu_body ul, .menu_body li {margin:0; list-style:none;}
.menu_head {margin:0 0 -10px 0;}
.menu_body {margin:0; display:none; width:129px; float:right; text-align:left;}
.menu_body li {background:#000;}
.menu_body li.alt {background:#000;}
.menu_body li a {text-decoration:none; padding:1px 0 1px 12px; display:block;}
.menu_body li a:hover {}

/* menu css sprite */
#menu {position:absolute; top:180px; left:370px;}
#menu-sprite {width: 520px; height: 34px; background: url(../img/top-menu.png); padding: 0; position: relative;}
  #menu-sprite li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
  #menu-sprite li, #menu-sprite a {height: 34px; display: block;}
#menu-sprite-1 {left: 0; width: 135px;}
#menu-sprite-2 {left: 145px; width: 102px;}
#menu-sprite-3 {left: 259px; width: 74px;}
#menu-sprite-4 {left: 349px; width: 47px;}
#menu-sprite-5 {left: 404px; width: 117px;}
#menu-sprite-1 a:hover {background: transparent url(../img/top-menu.png) 0 -37px no-repeat;}
#menu-sprite-2 a:hover {background: transparent url(../img/top-menu.png) -145px -37px no-repeat;}
#menu-sprite-3 a:hover {background: transparent url(../img/top-menu.png) -259px -37px no-repeat;}
#menu-sprite-4 a:hover {background: transparent url(../img/top-menu.png) -349px -37px no-repeat;}
#menu-sprite-5 a:hover {background: transparent url(../img/top-menu.png) -404px -37px no-repeat;}

/* promoters css sprite */
#promoters {position:absolute; top:50px; left:390px;}
#promoters-sprite {width: 312px; height: 220px; background: url(../img/promoters-1.png); padding: 0; position: relative;}
#promoters-sprite li {margin: 0; padding: 0; list-style: none; position: absolute;}
  #promoters-sprite li, #promoters-sprite a {display: block;}
#promoters-sprite-1 {top:-16px; left: 30px; width: 100px; height:103px;}
	#promoters-sprite-1 a {height:103px;}
#promoters-sprite-2 {top:5px; left: 154px; width: 160px; height:60px;}
		#promoters-sprite-2 a {height:60px;}
#promoters-sprite-3 {left: 0; top:85px; width:158px; height:70px;}
	#promoters-sprite-3 a {height:70px;}
#promoters-sprite-4 {left: 160px; top:80px; width:130px; height:69px;}
	#promoters-sprite-4 a {height:82px;}
#promoters-sprite-5 {left: 0px; top:155px; width:164px; height:60px;}
	#promoters-sprite-5 a {height:60px;}
#promoters-sprite-6 {left: 185px; top:159px; width:130px; height:60px;}
	#promoters-sprite-6 a {height:60px;}
#promoters-sprite-1 a:hover {background: transparent url(../img/promoters-1.png) -30px -215px no-repeat;}
#promoters-sprite-2 a:hover {background: transparent url(../img/promoters-1.png) -154px -234px no-repeat;}
#promoters-sprite-3 a:hover {background: transparent url(../img/promoters-1.png) 0 -317px no-repeat;}
#promoters-sprite-4 a:hover {background: transparent url(../img/promoters-1.png) -166px -304px no-repeat;}
#promoters-sprite-5 a:hover {background: transparent url(../img/promoters-1.png) 0 -384px no-repeat;}
#promoters-sprite-6 a:hover {background: transparent url(../img/promoters-1.png) -185px -388px no-repeat;}

#promoters-sprite-gbg {width: 312px; height: 311px; background: url(../img/promoters-gbg.png); padding: 0; position: relative;}
  #promoters-sprite-gbg li {margin: 0; padding: 0; list-style: none; position: absolute;}
  #promoters-sprite-gbg li, #promoters-sprite-gbg a {display: block;}
#promoters-sprite-1-gbg {top:-16px; left: 30px; width: 100px; height:103px;}
	#promoters-sprite-1-gbg a {height:103px;}
#promoters-sprite-2-gbg {top:-3px; left: 182px; width: 110px; height:80px;}
		#promoters-sprite-2-gbg a {height:80px;}
#promoters-sprite-3-gbg {left:20px; top:92px; width:120px; height:75px;}
	#promoters-sprite-3-gbg a {height:75px;}
#promoters-sprite-4-gbg {left: 160px; top:88px; width:190px; height:30px;}
	#promoters-sprite-4-gbg a {height:60px;}
#promoters-sprite-5-gbg {left: 0px; top:155px; width:164px; height:70px;}
	#promoters-sprite-5-gbg a {height:70px;}
#promoters-sprite-6-gbg {left: 160px; top:155px; width:130px; height:69px;}
	#promoters-sprite-6-gbg a {height:130px;}
#promoters-sprite-7-gbg {left: 0px; top:233px; width:160px; height:65px;}
	#promoters-sprite-7-gbg a {height:65px;}
#promoters-sprite-8-gbg {left: 186px; top:235px; width:130px; height:65px;}
	#promoters-sprite-8-gbg a {height:75px;}
#promoters-sprite-1-gbg a:hover {background: transparent url(../img/promoters-gbg.png) -30px -305px no-repeat;}
#promoters-sprite-2-gbg a:hover {background: transparent url(../img/promoters-gbg.png) -182px -316px no-repeat;}
#promoters-sprite-3-gbg a:hover {background: transparent url(../img/promoters-gbg.png) -20px -411px no-repeat;}
#promoters-sprite-4-gbg a:hover {background: transparent url(../img/promoters-gbg.png) -160px -407px no-repeat;}
#promoters-sprite-5-gbg a:hover {background: transparent url(../img/promoters-gbg.png) 0 -474px no-repeat;}
#promoters-sprite-6-gbg a:hover {background: transparent url(../img/promoters-gbg.png) -160px -476px no-repeat;}
#promoters-sprite-7-gbg a:hover {background: transparent url(../img/promoters-gbg.png) 0 -553px no-repeat;}
#promoters-sprite-8-gbg a:hover {background: transparent url(../img/promoters-gbg.png) -186px -555px no-repeat;}


#promoters-sprite-malmo {width: 312px; height: 450px; background: url(../img/promoters-malmo.png); padding: 0; position: relative;}
#promoters-sprite-malmo li {margin: 0; padding: 0; list-style: none; position: absolute;}
#promoters-sprite-malmo li, #promoters-sprite-malmo a {display: block;}
#promoters-sprite-1-malmo {top:-10px; left: 35px; width: 109px; height:99px;}
#promoters-sprite-1-malmo a {height:99px;}
#promoters-sprite-2-malmo {top:22px; left: 152px; width: 150px; height:60px;}
#promoters-sprite-2-malmo a {height:60px;}
#promoters-sprite-3-malmo {left:10px; top:92px; width:140px; height:92px;}
#promoters-sprite-3-malmo a {height:92px;}
#promoters-sprite-4-malmo {left: 160px; top:88px; width:190px; height:30px;}
#promoters-sprite-4-malmo a {height:60px;}
#promoters-sprite-5-malmo {left: 0px; top:180px; width:164px; height:80px;}
#promoters-sprite-5-malmo a {height:80px;}
#promoters-sprite-6-malmo {left: 160px; top:155px; width:130px; height:69px;}
#promoters-sprite-6-malmo a {height:110px;}
#promoters-sprite-7-malmo {left: 0px; top:235px; width:160px; height:35px;}
#promoters-sprite-7-malmo a {height:105px;}
#promoters-sprite-8-malmo {left: 176px; top:255px; width:130px; height:65px;}
#promoters-sprite-8-malmo a {height:95px;}
#promoters-sprite-9-malmo {left: 0px; top:340px; width:200px; height:65px;}
#promoters-sprite-9-malmo a {height:65px;}
#promoters-sprite-1-malmo a:hover {background: transparent url(../img/promoters-malmo.png) -35px -473px no-repeat;}
#promoters-sprite-2-malmo a:hover {background: transparent url(../img/promoters-malmo.png) -152px -505px no-repeat;}
#promoters-sprite-3-malmo a:hover {background: transparent url(../img/promoters-malmo.png) -10px -575px no-repeat;}
#promoters-sprite-4-malmo a:hover {background: transparent url(../img/promoters-malmo.png) -160px -570px no-repeat;}
#promoters-sprite-5-malmo a:hover {background: transparent url(../img/promoters-malmo.png) 0px -663px no-repeat;}
#promoters-sprite-6-malmo a:hover {background: transparent url(../img/promoters-malmo.png) -160px -647px no-repeat;}
#promoters-sprite-7-malmo a:hover {background: transparent url(../img/promoters-malmo.png) 0px -743px no-repeat;}
#promoters-sprite-8-malmo a:hover {background: transparent url(../img/promoters-malmo.png) -176px -746px no-repeat;}
#promoters-sprite-9-malmo a:hover {background: transparent url(../img/promoters-malmo.png) -0px -853px no-repeat;}
/* forms */
input {font-size:135%;color:#000;font-family:Cambria, "Helvetica Neue", Arial, Helvetica, sans-serif; padding:5px 0 5px 5px;}
input, select, textarea {font-size:135%;color:#000;font-family:Cambria, "Helvetica Neue", Arial, Helvetica, sans-serif;}
fieldset {border:1px solid #333333; padding:0 30px 30px 30px;}
legend {font-size:200%;	color:#fff;}

/* typography */
body {font-size:75%;color:#d9d9d9;font-family:Cambria, "Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#fff;}
h1 {font-size:2.4em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.3em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#00ff00;}
a {color:#33e033;text-decoration:none;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:0.8em !important;margin-bottom:1.875em;line-height:1.875em;color:#62f253;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}