/*   
Theme Name: Fjelltun
Theme URI: http://www.fjelltun.no/
Description: Fjelltun bibelskole.
Author: Våge Multimedia
Author URI: http://www.vagemm.no/
Version: 1.0
Tags: bibelskole, fjelltun, våge multimedia
.
Dette tema for Wordpress er kopibeskyttet.
.
*/

body {
	background-image: url(images/body-gradient.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	height: 100%;
}
#header {
	width: 964px;
	margin-right: auto;
	margin-left: auto;
}

#header #branding {
	width: 354px;
	float: left;
	height: 95px;
	padding-left: 13px;
}

#header #branding a {
	background-image: url(images/logo.png);
	display: block;
	height: 68px;
	width: 205px;
	margin-top: 13px;
	margin-left: -10px;
}

#searchWrapper {
	float: right;
	margin-top: 50px;
	margin-right: 13px;
}

#searchWrapper label {
	visibility: hidden;
}

#searchWrapper input {
	border: solid 1px #999;
}

#menu {
	width: 100%-16px;
	height: 22px;
	background-image: url(images/menu-gradient.jpg);
	clear: both;
	padding-left: 16px;
}

#menu #wrapper {
	width: 998px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5px;
}

#menu #wrapper a {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #FFF;
	text-decoration: none;
	float: left;
}

#menu #wrapper a:hover {
	text-decoration: underline;
}

#pagewrapper {
	width: 988px;
	margin-right: auto;
	margin-left: auto;
}

#promotionWrapper {
	width: 100%;
	background-image: url(images/promotionStripe.png);
	background-repeat: repeat-x;
	height: 343px;
}

#promotionLeft {
	height: 292px;
	width: 710px;
	float: left;
	background-image: url(images/promotionLeft.png);
	background-repeat: no-repeat;
	margin-left: 19px;
}

#promotionLeft img {
	border: none;
}

#promotionRight {
	float: left;
	background-image: url(images/promotionRight.png);
	height: 264px;
	margin-top: 24px;
	margin-left: 20px;
	width: 220px;
	background-repeat: no-repeat;
	background-position: center top;
}

#promotionRight img {
	margin-left: 0px;
	margin-top: 8px;
}

#promotionRight p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	margin-left: 12px;
	color: #222;
}

#promotionRight p a {
	color: #FFF;
}

#promotionRight p a:hover {
	text-decoration: none;
}

#page {
	background-image: url(images/page-body-bg.jpg);
	background-repeat: no-repeat;
	width: 975px;
	height: 700px;
	clear: both;
	margin-left: auto;
	margin-right: auto;
}

#album {
	text-align: center;
}

#album img{
	border: none;
	clear: both;
	padding-bottom: 10px;
}

#leftWrapper {
	float: left;
	width: 224px;
	padding-left: 20px;
}

#leftWrapper h1 {
	padding-left: 5px;
	padding-top: 28px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 20px;
}

#centerWrapper {
	float: left;
	width: 488px;
	margin-top: 65px;
}

#centerWrapper #primarily h2 a {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 22px;
	text-decoration: none;
	color: #000;
}

#centerWrapper #primarily p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	text-decoration: none;
	margin-top: -14px;
	margin-bottom: 15px;
	width: 426px;
}

#centerWrapper #primarily p a {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #000;
	text-decoration: underline;
}

#centerWrapper #primarily p a:hover {
	text-decoration: none;
}

#centerWrapper #primarily .date {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	color:#999;
	margin-bottom: -25px;
	clear: both;
}

#centerWrapper img {
	border: none;
	float: left;
}

#centerWrapper .small {
	width: 50%;
	padding-top: 30px;
	display: block;
	float: left;
}

#centerWrapper .small h2 {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 16px;
	margin-top: 4px;
}

#centerWrapper .small h2 a {
	color: #000;
	text-decoration: none;
}

#centerWrapper .small .date {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	color:#999;
	margin-bottom: -5px;
	clear: left;
}

#centerWrapper .small p {
	margin-top: -15px;
	width: 200px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	margin-bottom: 17px;
}

#centerWrapper .small p a {
	color: #000;
}

#centerWrapper .small p a:hover {
	text-decoration: none;
}

#centerWrapper #list {
	width: 100%;
	padding-left: 40px;
	margin-top: 20px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 20px;
}

#centerWrapper #list h2 {
	float: left;
	clear: both;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 16px;
	margin-bottom: -0px;
}

#centerWrapper #list li {
	list-style-image: url(images/bullet.png);
	float: left;
	clear: both;
	margin-left: 50px;
}

#centerWrapper #list li a {
	color: #000;
}

#centerWrapper #list li a:hover {
	text-decoration: none;
}

#rightWrapper {
	float: left;
	width: 220px;
	padding-left: 23px;
}

#rightWrapper h1 {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 20px;
	margin-top: 40px;
}

#rightWrapper li {
	list-style-image: url(images/bullet.png);
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	margin-left: -15px;
	margin-bottom: 10px;
}

#tagCloud {
	margin-top: 60px;
	margin-right: 20px;
	text-align: center;
}

#tagCloud li {
	list-style: none;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

#tagCloud a {
	color: #ccc;
	text-decoration: none;
	padding-left: 3px;
}

#tagCloud a:hover {
	text-decoration: none;
	color: #888;
}

#footerWrapperFrontpage {
	width: 100%;
	height: 202px;
	background-image: url(images/footer.png);
	margin-top: 800px;
}

#footer {
	width: 945px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
}

#footer p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
}

#footer a {
	color: #000;
}

#footer a:hover {
	text-decoration: none;
}

#footer #copyright {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	color: #666;
	text-align: center;
	padding-top: 85px;
}

#footer #copyright a {
	color: #444;
}

/*Statiske sider*/
#article {
	width: 988px;
	margin-right: auto;
	margin-left: auto;
	background-image:url(images/bg-plain.jpg);
	background-repeat: no-repeat;
	height: 900px;
}

#article #leftWrapper {
	float: left;
	width: 222px;
}

#article #leftWrapper #subpages {
	margin-top: 46px;
	margin-left: -20px;
	padding-right: 10px;
}

#article #leftWrapper #subpages li {
	padding-top: 8px;
	margin-left: -8px;
}

#article #leftWrapper h2 {
	font-size: 20px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	padding-top: 28px;
}

#leftWrapper li {
	list-style-image: url(images/bullet.png);
}

#leftWrapper a {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #000;
}

#leftWrapper a:hover {
	text-decoration: none;
}

#article #rightWrapper {
	float: left;
	width: 700px;
	padding-bottom: 50px;
}

#article #rightWrapper h1 {
	font-size: 30px;
	width: 100%;
}

#article #rightWrapper h2 {
	clear: both;
	padding-bottom: -15px;
	padding-top: 5px;
}

#article #rightWrapper h3{
	font-size: 14px;
	margin-bottom: -13px;
	clear: both;
}

#article #rightWrapper p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	width: 100%;
}

#article #rightWrapper p a {
	color:#000;
}

#article #rightWrapper p a:hover {
	text-decoration: none;
}

#article #rightWrapper li {
	margin-bottom: 0px;
	list-style: square;
	list-style-image: none;
}

#article #rightWrapper img {
	border: none;
}

#article #rightWrapper .ddfmwrap {
	
}

#archive #rightWrapper h1 {
	font-size: 30px;
	width: 100%;
}

#archive #rightWrapper ul {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	width: 100%;
}

#archive #rightWrapper li {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	width: 100%;
	list-style-image: url(images/bullet.png);
}

#archive #rightWrapper li a {
	color: #000;
}

#archive #rightWrapper li a:hover {
	text-decoration: none;
}

.fieldwrap label {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 11px;
}

.fieldwrap p strong {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 11px;
}

.fmtext {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 11px;	
}

.fmtextarea {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 11px;
}

.fmchecklabel {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 11px;
}

.fmradiolabel {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 11px;
}

.fmverify {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 11px;
}

.submit {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 11px;
}

/*Menu*/

.menu {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size:12px;
	z-index: 100;
}

.menu a {
	color: #FFF;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
}

.menu ul ul {
	width:14px;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
	float:left;
	position:relative;
	left: 2px;
	z-index: 200;
}

/* style the links for the top level */
.menu a, .menu a:visited {
	display:block;
	text-decoration:none;
	padding-left:40px;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
	background-color: #aeaeae;
}

/* style the second level hover */
.menu ul ul a:hover {
	background-color: #999;
}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
	background-color: #aeaeae;
}

/* style the third level hover */
.menu ul ul ul a:hover {
	background-color: #999;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:13.5px;
	left: 38px;
}

/* position the third level flyout menu */
.menu ul ul ul{
	left:148px;
	top:0px;
	z-index: 300;
}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
	left:-148px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {
	position:absolute;
	top:0;
	left:0;
}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
	background-color: #aeaeae;
	color:#FFF;
	height:auto;
	padding:5px 10px;
	width:130px;
}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
}

.menu ul ul :hover > a, .menu ul ul :hover > a {
	background-color: #999;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul{
	visibility:visible;
}

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
	visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{
	visibility:visible;
	z-index: 300;
}

.menu ul ul .current_page_item a {
}

.menu .current_page_item a {
}

.menu ul .current_page_item ul a {
}

.menu ul .current_page_item ul a:hover {
}

.menu .current_page_item a:hover {
}

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #eee;
	text-align: center;
	background-color: #fff;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 8px;
	line-height: 12px;
	padding: 4px 4px 5px;
	margin: 0;
	color: #666;
}
/* End captions */

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */