/* @override http://svn.krisesenteret/css/screen.css */
/* @override http://localhost:9008/css/screen.css */
/* @override http://bergenkrisesenter.no/css/screen.css */


/*

Mediacircus E for Krisesenteret for Kvinner i Bergen
Victor Nystad, victor@mediacircus.no
Juni 2008
Versjon 1.0

Grupper vises som foldere i MacRabbits CSSEdit.

*/

/* @group notes */

/* @group colors */





/* @end */



/* @end */

/* @group base */

body { font-size: 100%; line-height: 1.5; margin: 0; padding: 0;  background: white; }

ul, li { list-style-type: none; margin: 0; padding: 0; }

blockquote { margin-left: 0; }

img { border: none; }

* { font-size: small; color: rgb(60%,60%,60%); font-family: Cambria, Georgia, Times, 'Times New Roman', serif; }

sub { font-size: 70%; }

a { outline: none; }

h1, h2, h3, h4, h5, h6 { font-family: 'Trebuchet MS', Helvetica, 'Helvetica Neue', sans-serif; }

h1, h2, h3, h4 { font-weight: normal; }

h5, h6 { font-weight: bold; }

h1 { font-size: xx-large; letter-spacing: -0.05em; }

h2 { font-size: x-large; letter-spacing: -0.05em; }

h3 { font-size: large; }

h4 { font-size: medium; }

h5 { font-size: small; }

h6 { font-size: small; }

h6 { font-style: italic; }

hr { display: none; }

/*p { margin:0; padding: 10em; }*/

/* @end */




/* @group lego */

html { background: #A1BC30 url(/gui/body-bg-2.jpg) 0 0 no-repeat fixed;  }

body { background: white url(/gui/body-bg.jpg) 0 0 no-repeat fixed; width: 100%; }

/* @group telefonnummer */

#telefonnummer { position: fixed; left: 50%; margin-left: 305px; width: 201px; height: 285px; }

#telefonnummer p { position: absolute; bottom: 0; }

#telefonnummer span { display: block; color: #A1BC30; padding-left: 10px; line-height: 1.0; }

#telefonnummer span.tlftekst { font-size: large;  }

#telefonnummer span.tlfnr { font-size: xx-large; }


/* @end */

/* @group lang-nav */

#lang-nav { position: fixed; left: 50%; margin-left: 305px; margin-top: 256px; top: 3em; background: #A1BC30 url(/gui/body-bg-2.jpg) 0 0 no-repeat fixed;
			-moz-border-radius: 0 10px 10px 0; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; border-radius: 0 10px 10px 0; }

	#lang-nav .content { background: url(/gui/lang-nav-shadow.png) 0 0 repeat-y; }
	
	#lang-nav h2 { margin: 0; height: 0; text-indent: -9000px; }
	
	#lang-nav a { color: white; background: transparent; text-decoration: none; display: block; padding: .7em 1em; border-top: 1px solid #C5D585; }
	
	#lang-nav li:first-child a { border-top: none; }
	
	html[lang=no] li.lang-no,
	html[lang=en] li.lang-en,
	html[lang=es] li.lang-es,
	html[lang=th] li.lang-th,
	html[lang=ru] li.lang-ru,
	html[lang=pl] li.lang-pl,
	html[lang=ar] li.lang-ar,
	#lang-nav li:hover { background: url(/gui/lang-nav-selected-bg.png) 0 0 repeat; }
	
	#lang-nav li.selected a, #lang-nav li:hover a { color: #C5D585; background: url(/gui/lang-nav-shadow.png) 0 0 repeat-y; }
	
	#lang-nav li:first-child { border-top-right-radius:10px; -moz-border-radius-topright:10px; -webkit-border-top-right-radius:10px; }
	
	#lang-nav li:last-child { border-bottom-right-radius:10px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-right-radius:10px; }

	


/* @end */

/* @group global-nav */

#global-nav { background: #A1BC30 url(/gui/body-bg-2.jpg) 0 0 no-repeat fixed; }

	#global-nav .content { background: url(/gui/global-nav-bg.png) 0 0 repeat-y; width: 632px; margin: 0 auto; overflow: hidden; }
	
		#global-nav .content ul { margin: 0 21px; }

			#global-nav h2 { margin: 0; height: 0; text-indent: -9000px; }
			
			#global-nav li { display: inline; color: white; }
			
				body[dir=rtl] #global-nav li { float: right; }
			
			#global-nav a { text-decoration: none; color: white; line-height: 3em; font-size: small; }
			
			#global-nav li:before { content: " | "; }
			
			#global-nav li:first-child:before { content: ""; }



/* @end */

/* @group wrapper */

#wrapper { width: 632px; background: url(/gui/page-bg.png) 0 0 repeat-y; margin: 0 auto; padding: 0; }

/* @group #content */

#content { margin: 0 21px; border: 10px solid white; border-width: 10px 0; }

#content h1 { margin:0; height: 246px; background: transparent url(/gui/krisesenteret-logo.png) 50% 50% no-repeat; text-align: center; text-indent: -9000px; border-bottom: 1px solid #B9CD64; }

/*html[lang=ar] h1 { text-indent: 0; color: red; }*/

#content h2.tagline { font-size: 38px; padding: 0 80px; line-height: 1.0; color: #A1BC30; }

#content h3, #content h4, #content blockquote, #content p, #content a.read-more { padding: 0 80px; }

p#lead { font-size: large; line-height: 1.5; }

p#lead a { font-size: large; color: #A1BC30; font-weight: bold; }

p#lead a:hover { color: #558509; }

.header { background: url(/gui/content-h2-bg.png) 0 0 repeat; position: relative; padding: 0; margin: 0; }

.header a { color: white; display: block; position: absolute; top: 0; right: 10px; line-height: 2.5; text-decoration: none; }

body[dir=rtl] .header a { left: 10px; right: auto; }

.header h2 { padding: .5em 80px .5em 80px; line-height: 1.0; color: white; font-size: medium; }

/* @group links */

.seksjon ul { padding: 0 80px; }
.seksjon li { background: url(/gui/bullet.png) no-repeat 0 5px; padding-left: 14px; }
body[dir=rtl] .seksjon li { background: url(/gui/bullet.png) no-repeat 100% 5px; padding-left: 0; padding-right: 14px; }

/* @end */

/* @group stories */

#stories h3 { font-size: small; }

#stories blockquote { font-size: large; color: #A1BC30; }

p.read-more, p.read-less { font-style: italic; margin: 0; }

#stories p { line-height: 1.6; }

/* @group story */

.story { border-top: 1px solid #B9CD64; }

#stories-first-three .story:first-child { border: none; }



/* @end */



/* @end */



/* @end */



/* @end */

/* @group footer */

#footer { background: #A1BC30 url(/gui/body-bg-2.jpg) 0 0 no-repeat fixed; }

#footer * { line-height: 5em; color: white; }
	
	#footer .content { background: url(/gui/footer-content-bg.png) 0 100% no-repeat; width: 590px; margin: 0 auto; line-height: 1em; padding: 0 21px 11px 21px; }
	
	
		



/* @end */



/* @end */

/* @group Misc */

.tagline.sIFR-replaced { margin-bottom: -.2em; }

.header h2.sIFR-replaced { padding-bottom: 0; }

.sIFR-replaced span { position: absolute; top: 0; right: 0; text-indent: -9000px; }

/* @end */