/* 
FOEDUS DESIGN ALLIANCE 
info@foedus.se
www.foedus.se
*/


body {
	background-color: #353535;
	background-image:url(../img/bodybg.gif);
	background-repeat:repeat-y;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	}

p {	margin:0;}

img {border:0;}


ul.leftnav { margin: 0;
	 padding:0;
	 list-style-type:none;
	 line-height:25px;
	 }
	 
li.leftnav { 
	 height: 25px;
	 margin: 0;
	 background-image:url(../img/ulbg.gif);
	 background-repeat:no-repeat;
	 }

h1 {	
	width:425px;
	height:56px;
	text-indent:-9999px;
	background-image:url(../img/logo_stockholmfashionweek09.gif);
	background-repeat:no-repeat;
	margin:15px 0 0 0;
	padding:0;
	border:0;
	display:block;
	cursor:pointer;
	}
		
h1 a,h1 a:hover {
	text-decoration: none;
	}

h2 { 
	font-size:36px;
	font-weight:normal;
	margin: 0 0 10px 0;
	padding:0px
	}

h3 { 
	font-size:22px;
	font-weight:normal;
	margin: 0 0 10px 0;
	}

h4 { 
	font-size:16px;
	font-weight:normal;
	margin: 10px 0 5px 0;
	}



/*////////////  Main structure  ///////////*/


/*/ With rightbanners/*/
#divBody {width:1080px;	}


/*/ Without rightbanners 
#divBody {width:880px;	}
/*/


#divMain {
	width:810px;
	float:left;
	margin: 0 20px 0 40px;
	background-color:#fff;
	}


#divBanners {
	width:200px;
	float:left;
	margin-top: 10px;
	}

/*/ #divBanners img {margin-bottom: 20px;}/* Banners could also be flash */

#divTopBanner {
	width:810px;
	margin-top: 10px;
	}

#divHeader {
	width: 810px;
	background-image:url(../img/headerbg.gif);
	background-repeat:repeat-x;
	}

#divLogo {float:left;}
#divLang {float:right; margin:20px 2px 0 0; font-size:10px; text-align:right; line-height:13px;}


#divTopNav {
	width:810px;
	margin-bottom:5px;

}
	

#divLeftNav {
	width:200px;
	line-height:16px;
	float:left;
}
	

#divContent {
	float:left;
	text-align:left;
	width:590px;
	}
	
#divContentWide {
	float:left;
	text-align:left;
	width:810px;
	}

#divRight {
	float:right;
	width:200px;
	margin:9px 0 10px 0;
	}


#divFooter {width:810px; height:40px; margin-top:80px; font-size:10px; color:#333; text-align:right;}


#divPageLinks {
	width:460px;
	background-image:url(../img/linesbg.gif);
	background-repeat:repeat-x;
	height:26px;
	line-height:26px;
	}

.ImgInfo {
	width:150px;
	margin: 0 0 25px 0;
	float:left;
	line-height:16px;
	}
	
.ImgInfo img {margin-bottom:5px;}


#divPrint {
	width:590px;
	margin:0 auto;
	}

#divSMDBleft {
	float:left;
	width:216px;
	margin-right:20px;
	}

#divSMDBcenter {
	float:left;
	width:337px;
	}

#divSMDBright {
	float:right;
	width:216px;
	}
	
#divSMDBgallery {
	float:left;
	width:575px;
	}

.SMDBheader {background-color:#4a4a4a; color:#FFF; padding: 5px 5px 5px 10px; font-weight:bold; font-size:11px;}
.SMDBboxcontent {background-color:#f1f1f1; color:#4a4a4a; padding:10px; margin-bottom:20px; font-size:11px;}

.SMDBboxcontent span {color:#111; font-size:12px}

.SMDBtxtcat {color:#aaa; font-size:16px;}
.SMDBtxth{color:#222; font-size:28px;}

.SMDBthumb {border: 1px solid #c9c9c9; margin-bottom:4px; }
.SMDBarrow {float:right;}


#uploaded {list-style-type:none; margin:0; padding:0;}
#uploaded li {list-style-type:none; margin:0; padding:0; display:inline; float:left;}

#startLeft {width:280px; float:left;}
#startRight {width:280px; float:right;}


/*////////////  Links  ///////////*/


a.footer:link {		color: #333; text-decoration: none; }
a.footer:visited {	color: #333; text-decoration: none; }
a.footer:hover {	color: #000; text-decoration: none; }
a.footer:active {	color: #000; text-decoration: none; }

a.topsubnav:link {		color: #757575; text-decoration: none; padding:3px; line-height:29px; }
a.topsubnav:visited {	color: #757575; text-decoration: none; padding:3px; line-height:29px; }
a.topsubnav:hover {	color: #fff; background-color: #757575; text-decoration: none; padding:3px; line-height:29px; }
a.topsubnav:active {	color: #fff; background-color: #757575; text-decoration: none; padding:3px; line-height:29px;}

a.topsubnavON:link {	color: #fff; background-color: #757575; text-decoration: none; padding:3px; line-height:29px;}
a.topsubnavON:visited {	color: #fff; background-color: #757575; text-decoration: none; padding:3px; line-height:29px;}
a.topsubnavON:hover {	color: #fff; background-color: #757575; text-decoration: none; padding:3px; line-height:29px;}
a.topsubnavON:active {	color: #fff; background-color: #757575; text-decoration: none; padding:3px; line-height:29px;}





/*////////////  Forms  ///////////*/


input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	padding:2px;
	}

.mainform {
	width: 315px;
	border: 1px solid #a3a3a3;
	}

.mainformWide {
	width: 370px;
	border: 1px solid #a3a3a3;
	}

.code
	{
	width: 590px;
	font-family:'Courier New', Courier, monospace;
	font-size:12px;
	border: 1px solid #a3a3a3;	
	}


/*////////////  Other  ///////////*/


.textIntro {font-size:14px; line-height:17px;}

.subNav {margin-left:15px;}

.topPic {margin: 9px 0 10px 0;}
.artpic {float:left; margin:0 20px 12px 0;}
.artpicSmall {float:left; margin:12px 20px 20px 0;}
.newspicSmall {float:left; margin:2px 20px 12px 0;}

.tdline {background-image:url(../img/linebgtd.gif); background-repeat:repeat-x; height:20px;}

.capsActive { color: #000; text-decoration: none; font-weight:bold; font-size:11px; }

.red {color:#f31b05;}
.green {color:#80ce64;}

.grey {color:#ccc;}

/*////////////  Admin  ///////////*/


#divHeader {
	width: 810px;
	height:90px;
	background-image:url(../img/headerbg.gif);
	background-repeat:repeat-x;
	text-align:center;
	}

.adminform {
	width: 180px;
	border: 1px solid #ccc;
	}

.adminformWide {
	width: 460px;
	border: 1px solid #ccc;
	}



/*////////////  Slideshow  ///////////*/


#galleryslide {list-style:none; margin:0 0 238px 0; padding:0; border:1px solid #fff; position:relative; top:8px;}

.slide-holder {
	

}



/*////////////  Colorbox  ///////////*/



/*
    ColorBox Core Style
    The following rules are the styles that are consistant between all ColorBox themes
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, 
    in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/

#cboxOverlay{background:url(../img/colorbox/overlay.png) 0 0 repeat;}

#colorbox{}
	#cboxTopLeft{width:14px; height:14px; background:url(../img/colorbox/borderTopLeft.png) 0 0 no-repeat;}
	#cboxTopCenter{height:14px; background:url(../img/colorbox/borderTopCenter.png) 0 0 repeat-x;}
	#cboxTopRight{width:14px; height:14px; background:url(../img/colorbox/borderTopRight.png) 0 0 no-repeat;}
	#cboxBottomLeft{width:14px; height:14px; background:url(../img/colorbox/borderBottomLeft.png) 0 0 no-repeat;}
	#cboxBottomCenter{height:14px; background:url(../img/colorbox/borderBottomCenter.png) 0 0 repeat-x;}
	#cboxBottomRight{width:14px; height:14px; background:url(../img/colorbox/borderBottomRight.png) 0 0 no-repeat;}
	#cboxMiddleLeft{width:14px; background:url(../img/colorbox/borderMiddleLeft.png) 0 0 repeat-y;}
	#cboxMiddleRight{width:14px; background:url(../img/colorbox/borderMiddleRight.png) 0 0 repeat-y;}
	#cboxContent{background:#fff;}
		#cboxLoadedContent{margin-bottom:28px;}
                #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#4a4a4a;}
                #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#111;}
                #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#757575;}
                #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../img/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
                #cboxPrevious.hover{background-position:-25px -25px;}
                #cboxNext{position:absolute; bottom:0; left:27px; background:url(../img/colorbox/controls.png) 0px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
                #cboxNext.hover{background-position:0px -25px;}
		#cboxLoadingOverlay{background:url(../img/colorbox/loading_background.png) center center no-repeat;}
                #cboxLoadingGraphic{background:url(../img/colorbox/loading.gif) center center no-repeat;}
		#cboxClose{position:absolute; bottom:0; right:0; background:url(../img/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
		#cboxClose.hover{background-position:-50px -25px;}