/* 
-----------------------------------------------------------------------------------------------------------
CSS for www.umeastudentkor.se version 2007
Copyright Metacue IT Innovation
-----------------------------------------------------------------------------------------------------------
*/


/* 
Zeroing margins and setting basic properties
-----------------------------------------------------------------------------------------------------------
*/

html, body, form, div, h1, h2, h3, p, ul, ol, li, input {
	margin:0px;
	border:0px;
	padding:0px;
}

body {
	/*background-color:#e7e5d9;*/
	/*color:#535047;*/ /* #818076; */ /*#a1a096; */
	/*font:11px Georgia, "Times New Roman", serif;*/
	background-color:#fff;
	color:#333;
	font-family:Verdana, Arial, sans-serif;
	font-size:11px;
	line-height:16px;
	text-align:center; /* Hack to make IE6 center the page. */
	margin:0px auto 0px auto;
}

a {
	color:#f60;
	text-decoration:underline;
}

a:hover {
	color:#993d00;
	text-decoration:underline;
}

/* Används på sidan CD-skivor. (äv. netikett, se även '#subSingle blockquote'. */
blockquote {
	text-align:justify;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:2px;
}

/* Används på Gästboken. */
input, textarea {
	border:1px solid #7F9DB9; /* #f60 */
}

/* 
Main structural selector, logo and menu
-----------------------------------------------------------------------------------------------------------
*/

#mainContainer {
	width:750px;
	margin:6px auto 0px auto;
	text-align:left;
}

#logo {
	display:inline;
	float:left;
	width:190px;
	height:102px;
	margin:0px;
	padding:0px;
	vertical-align:top;
}

#empty {
	display:inline;
	float:right;
	width:560px;
	height:74px;
	margin:0px;
	padding:0px;
}

#menu {
	display:inline;
	float:right;
	width:560px;
	height:28px;
	margin:0px;
	padding:0px;
	vertical-align:bottom;
	background-image:url(images/USK-menu-bg-2007-09-21.gif);
}

#menu ul {
	display:inline;
	float:left;
	/*float:right; orig. float:left; */
	list-style-type:none;
	padding:0px 20px 0px 20px;
	margin:0px;
}

#menu ul li {
	display:inline;
	float:left;
	padding:6px 12px 0px 12px;
}

#menu ul li a {
	float:left;
	display:inline;
	text-decoration:none;
	color:#000;
	font-size:12px;
	line-height:14px;
	font-weight:regular;
	/*border-bottom:1px dotted #669;*/
}
	
#menu ul li a:hover {
	/*color:#f66727;*/ /*#f63;*/ /*#966;*/
	border-bottom:1px solid #333; /*#966;*/
}

#menu ul li a.internt {
	color:#BBD9F5;/*#fff #7F9DB9 #9DBBD7*/
}

#menu ul li a.internt:hover {
	border-bottom:1px solid #BBD9F5;
}

/* 
Menu selectors
-----------------------------------------------------------------------------------------------------------
*/

#menu-old {
	display:inline;
	width:100%;
	height:21px;
	float:left;
	background-color:#dbd9cc;
	color:#54534b;
	clear:both;
}
#menu-old ul {
	float:left;
	list-style-type:none;
	display:inline;
	width:285px;
}

#menu-old ul li {
	display:inline;
	float:left;
}

#menu-old ul li a {
	float:left;
	display:inline;
	padding:21px 0px 0px 0px;
	overflow:hidden;
	height: 0px !important; 
	height /**/:21px; /* for IE5/Win only, generates a warning in the validator */
	border:none;
}
	
#menu-old ul li a:hover {
	background-position: 0px -21px;
	border:none;
}


/* 
Sub-selectors selectors
-----------------------------------------------------------------------------------------------------------
*/

#subContainer {
	clear:both;
	display:block;
	width:750px;
	/*padding:20px 0px 20px 0px;*/
	text-align:left;
}

#subSingle {
	float:left;
	width:750px;
	margin:20px 0px 20px 0px;
}

#subSingleHome {
	clear:both;
	width:750px;
	margin:0px 0px 0px 20px;
}

#subSingleHome img {
	margin-top:20px;
}

#subLeft {
	float:left;
	width:480px;
	margin:20px 20px 20px 0px;
}

#subRight {
	float:right;
	width:228px;
	margin:20px 20px 20px 0px;
	/*margin-top:20px;*/
	/*margin-right:20px;*/
	/*margin-bottom:20px;*/
	background-color:#ffe0cc; /* #ffc199 */
	border:1px solid #f60; /* #f60 */
}
#subAddress {
	clear:both;
	display:block;
	height:88px;
	width:748px;
	margin:0px 0px 20px 0px;
	background-color:#ffe0cc; /* #ffc199 */
	border:1px solid #f60; /* #f60 */
}

/********************************************************************
 *  #subSingle  subelements
 ********************************************************************/
#subSingle h1 {
	font-size:14px;
	padding-top:10px;
	padding-bottom:5px;
	margin-bottom:5px;
	margin-left:20px;
}
#subSingle h2 {
	font-size:12px;
	font-weight:bold;
	padding-top:10px;
	padding-bottom:5px;
	margin-bottom:5px;
	margin-left:20px;
}
#subSingle p {
	margin-left:20px;
	margin-right:20px;
	text-align:justify;
	margin-bottom:20px;
}
#subSingle p.preList {
	margin-left:20px;
	margin-right:20px;
	text-align:justify;
	margin-bottom:7px;
}
#subSingle ul {
	list-style-type:disc;
	margin-top:0px;
	margin-left:40px;
	margin-right:20px;
	margin-bottom:20px;
}
#subSingle ol {
	margin-top:0px;
	margin-left:40px;
	margin-bottom:20px;
}
#subSingle table {
	margin:5px 20px 20px 21px;
	border:1px solid #f60;
	border-collapse:collapse;
	font-family:Verdana, Arial, sans-serif;
	font-size:11px;
	line-height:16px;
	text-align:left;
	background-color:#fff;
	color:#333;
}
#subSingle table tr th {
	font-weight:bold;
	padding:5px 7px 5px 7px;
	border:1px solid #f60;
}
#subSingle table tr td {
	padding:2px 7px 2px 7px;
	border:1px solid #f60;
	/*font-weight:normal;*/
}
#subSingle address {
	margin-left:40px;
	margin-right:20px;
	margin-bottom:20px;
}
#subSingle blockquote {
	margin:2px 40px 2px 20px;
}

/********************************************************************
 *  #subLeft  subelements
 ********************************************************************/
#subLeft h1 {
	font-size:14px;
	padding-top:10px;
	padding-bottom:5px;
	margin-bottom:5px;
	margin-left:20px;
}
#subLeft h2 {
	font-size:12px;
	font-weight:bold;
	padding-top:10px;
	padding-bottom:5px;
	margin-bottom:5px;
	margin-left:20px;
}
#subLeft p {
	margin-left:20px;
	margin-right:20px;
	text-align:justify;
	margin-bottom:20px;
}

/********************************************************************
 *  #subRight  subelements
 ********************************************************************/
#subRight h1 {
	font-size:14px;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:5px;
	margin-left:10px;
}
#subRight h2 {
	font-size:11px;
	font-weight:bold;
	padding-top:0px;
	padding-bottom:0px;
	margin-bottom:0px;
	margin-left:10px;
}
#subRight p {
	margin-left:10px;
	margin-right:10px;
	text-align:left;
	margin-bottom:10px;
}

/********************************************************************
 *  #subAddress  subelements
 ********************************************************************/
#subAddress div {
	display:inline;
	float:left;
	width:33%;
	text-align:left;
}
#subAddress div h2 {
	font-size:11px;
	font-weight:bold;
	padding-top:0px;
	padding-bottom:0px;
	margin-bottom:0px;
	margin-top:5px;
	margin-left:20px;
}
#subAddress div p {
	margin-left:20px;
	margin-right:20px;
	text-align:left;
	margin-bottom:10px;
}
#subAddress div address {
	margin-left:20px;
	margin-right:20px;
	text-align:left;
	font-style:normal;
	margin-bottom:10px;
}


/********************************************************************
 * CD-skivor
 ********************************************************************/
.singleCd {
	clear:both;
	display:block;
	width:750px;
	margin:0px 0px 0px 0px;
	border-top:1px solid #7F9DB9;
	/*border-bottom:1px solid #f60;*/
}
.singleCd h2 {
	font-size:12px;
	font-weight:bold;
	padding-top:10px;
	padding-bottom:5px;
	margin-bottom:5px;
	margin-left:20px;
}
.subLeftCd {
	float:left;
	width:300px;
	margin:10px 20px 20px 0px;
}
.subLeftCd img {
	margin-left:20px;
}
.subLeftCd p {
	margin-left:20px;
	margin-right:20px;
	text-align:justify;
	margin-bottom:10px;
}
.subLeftCd ul {
	list-style-type:none;
	margin:10px 0px 10px 20px;
}
.subRightCd {
	float:right;
	width:410px;
	margin:10px 20px 40px 0px;
}
.subRightCd p {
	text-align:justify;
	margin-bottom:10px;
}
.subRightCd p.quoter {
	text-align:right;
	margin-bottom:10px;
}
.subRightCd ol {
	margin:10px 0px 0px 20px;
}

/********************************************************************
 * Gästbok
 ********************************************************************/
.singlePost {
	clear:both;
	display:block;
	width:750px;
	margin:0px 0px 0px 0px;
	border-top:1px solid #7F9DB9;/*f60*/
	padding-top:3px;
	/*border-bottom:1px solid #f60;*/
}
.singlePost h2 {
	font-size:12px;
	font-weight:bold;
	padding-top:10px;
	padding-bottom:5px;
	margin-bottom:5px;
	margin-left:20px;
}
.singlePost p {
	margin-left:40px;
	margin-right:40px;
	text-align:justify;
	line-height:14px;
	margin-bottom:10px;
}
.singlePost p.postAuthor {
	text-align:left;
}
.singlePost p br {
	/*margin-bottom:-10px;*/
}
.bladdraButtons {
	clear:both;
	display:block;
	width:750px;
	margin:0px 0px 0px 0px;
	border-top:1px solid #7F9DB9;/*#f60;*/
	padding-top:3px;
}
.subLeftNewPosts {
	float:left;
	width:300px;
	margin:0px 0px 0px 0px;
}
.subLeftNewPosts p {
	margin-left:20px;
	text-align:left;
	margin-bottom:7px;
}
.subRightOldPosts {
	float:right;
	width:410px;
	text-align:right;
	margin:0px 0px 0px 0px;
}
.subRightOldPosts p {
	text-align:right;
	margin-right:20px;
	margin-bottom:7px;
}

/* Skriv ett inlägg i gästboken. */
#writeWrapper {
	clear:both;
	display:block;
	width:750px;
	margin:0px 0px 30px 0px;
	border-top:1px solid #7F9DB9;/*#f60;*/
	padding-top:3px;
}
#writeWrapper h2 {
	font-size:12px;
	font-weight:bold;
	padding-top:10px;
	padding-bottom:5px;
	margin-bottom:5px;
	margin-left:20px;
}
#writeWrapper form p {
	margin-left:20px;
	margin-right:20px;
	text-align:left;
	margin-bottom:10px;
}
#writeWrapper form p input {
	margin-left:10px;
}
#writeWrapper form img {
	margin-left:20px;
}
#writeWrapper form div.formButtons {
	margin-left:20px;
}
#submit, #reset {
	padding:0px 7px 0px 7px;
}
#writeWrapper form div.writeLeft {
	float:left;
	width:90px;
	margin:10px 0px 7px 0px;
}
#writeWrapper form div.writeLeft p {
	margin-left:20px;
	margin-right:0px;
	text-align:left;
	line-height:21px;
}
#writeWrapper form div.writeRight {
	float:left;
	width:640px;
	line-height:22px;
	margin:10px 0px 7px 0px;
}
#writeWrapper form div.writeRight input {
	line-height:14px;
	padding:0px;
	margin:0px;
}
#goBackToGuestbookForm input {
	margin-left:20px;
}


/********************************************************************
 * Medlemmar & Tomas Pleje
 ********************************************************************/
#dirigent {
}
#sopran, #alt, #tenor, #bas {
	display:inline;
	float:left;
	width:24%;
}
#dirigent ul li, #sopran ul li, #alt ul li, #tenor ul li, #bas ul li {
	/*text-indent:0px;*/
	margin-left:-20px; /* To make list items aligned with ordinary text aligned to the left. */
	list-style-type:none;
}
#pleje {
	position:relative;
	text-align:center;
	height:170px;
	top:20px;
}


/********************************************************************
 * Footer
 ********************************************************************/
#footer {
	clear:both;
	width:750px;
	height:28px;
	font-size:10px;
	background-image:url(images/USK-footer-2007-09-21.gif);
	margin-bottom:40px;
}
#footerLeft {
	display:inline;
	float:left;
	width:300px;
	padding:6px 0px 0px 10px;
}
#footerRight {
	display:inline;
	float:right;
	width:300px;
	text-align:right;
	padding:6px 10px 0px 0px;
}
#footerRight a {
	text-decoration:none;
	color:#ffa366; /*#ffc199;*/ /*#993d00;*/ /*#f60;*/
}
#footerRight a:hover {
	color:#ffa366;
	border-bottom:1px solid #ffa366;
}



/********************************************************************
 * Temporära stilar
 ********************************************************************/
#usk50table table, #usk50table table tr td, #usk50table table tr th {
	border:0px;
}

#usk50table table tr {
	border:1px solid #f60;
	border-collapse:collapse;
}