/*\
 *  Name     : layout.css
 *  Purpose  : Gives the site its layout (size) and colors
 *  Author   : Jimmy Simonsen, Scoop Publishware
 *  Date     : 2006-04-27
 *  Modified : 2006-05-11
 *  Comments : VERY IMPORTANT (DON'T PLAY AROUND IN THIS ONE)
\*/


/* FRAMEWORK */

body { margin:0;	background-color:#ffffff; }
body.popup { margin:10px; }

div#framework { padding:0px; width:1000px; height:620px; overflow:hidden; background-color:#fcfae3; }
div#topframe { width:1000px; height:100px; overflow:hidden; }
div#mainframe { width:1000px; height:460px; overflow:hidden; }
div#bottomframe { width:1000px; height:60px; overflow:hidden; }
td#mainframe-left { width: 260px; }
td#mainframe-center { width: 460px; }
td#mainframe-right { width: 260px; }
td#mainframe-rightcenter { width: 720px; }
td#mainframe-rightcenter-bottom1 { padding-left:25px; }
td#mainframe-rightcenter-bottom2 { padding-left:20px; }
td#mainframe-rightcenter-bottom3 { padding-left:20px; }

div.frame-bg-_ { background-color: #fcfae3; }
div.frame-bg-kalender { background-color: #5dc6fd; }
div.frame-bg-arkiv { background-color: #fcfae3; }
div.frame-bg-blandat { background-color: #d8a6ff; } 
div.frame-bg-fritid { background-color: #ff6666; }
div.frame-bg-chat { background-color: #65df96; }
div.frame-bg-info { background-color: #fff79a; }


/* PUSH STYLES */

.push-bg { background-color: #ffffff; }
.push-bg-_ { background-color: #fcfae3; }
.push-bg-kalender { background-color: #ff9766; }
.push-bg-arkiv { background-color: #fcfae3; }
.push-bg-blandat { background-color: #d8a6ff; } 
.push-bg-fritid { background-color: #ff6666; }
.push-bg-chat { background-color: #65df96; }
.push-bg-info { background-color: #fff79a; }

div.push-big-container { width:670px; height:290px; margin-top:10px; margin-left:25px; margin-right:25px; }
div.push-standard-container { width:244px; height:140px; margin-top:10px; margin-left:8px; margin-right:8px; }
div.push-small-container { width: 210px; height:140px; margin-top:10px; margin-left:25px; margin-right:25px; }
div.push-info-container { width: 210px; height:140px; margin-top:10px; margin-left:25px; margin-right:25px; }
div.push-calendar-container { height:60px; }
td#mainframe-rightcenter-bottom1 div.push-info-container { margin:0px; }
td#mainframe-rightcenter-bottom2 div.push-info-container { margin:0px; }
td#mainframe-rightcenter-bottom3 div.push-info-container { margin:0px; margin-right:25px; }


/* ARTICLE STYLES */

div.article-container { width:420px; height:440px; margin-top:10px; margin-left:25px; padding-right:5px; overflow:auto; }

/* FIX: IE - correct box width (w3c box model) */
* html div.article-container {
	width:            420px; /* Mac-IE - inner width */
	width /**/:       425px; /* Win-IE - outer width */
}
/* END FIX */

div.article-header-container { margin-bottom:12px; }
div.article-footer-container { margin-top:12px; display:none; }

div.media-container { width:320px; margin-top:10px; margin-bottom:10px; border: 1px solid #000000; }
div.video-container { padding-top:10px; padding-bottom:10px; }
div.sound-container { padding-top:10px; padding-bottom:10px; }
div.subtext-container { width:320px; margin-top:-10px; padding-bottom:10px; }


/* MODULE STYLES */

div.calendar-container { width:670px; height:420px; margin-top:20px; margin-left:25px; overflow:visible; }
div.calendar-top-container { height:30px; border:1px solid black; background-color:#bed6d8; }
div.calendar-body-container {height:390px; overflow:auto; }

div.talk-container { width:420px; margin-top:10px; margin-left:0px; overflow:hidden; background-color:#ebfdec;}
div.talk-form-container { width:350px; }
div.talk-message-container {width:350px;  height:100px;  overflow:auto; background-color:#ffffff; }
div.talk-list-container {width:350px; height:120px; overflow:auto; border-top:2px solid #ffffff;}

div.search-form-container { width:210px; height:140px; margin-top:10px; margin-left:25px; margin-right:25px; overflow:hidden; }
div.search-list-container {}
td.search-row0 { padding-top: 12px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; }
td.search-row1 { padding: 4px; background-color: #ffffcc; }
td.search-row2 { padding: 4px; background-color: #e0e39f; }


/* FORM STYLES */

form.form-container { padding:0; margin:0; }
td.form-row { padding-top:4px; }