@charset "utf-8";

/*************************************/

/***   Design CSS for Djurvarld    ***/

/***        Layout styles          ***/

/*************************************/



body {

background-color: #ffffff;

text-align: center;

margin: 0 auto;

margin-top: 30px;

font-family: Verdana, Arial, "HelveticaNeueLT Std";

font-size: 11px;

}



#wrapper {

width: 946px;

text-align: center;

margin: 0 auto;

}



#header {

background: url(gfx/header.jpg) no-repeat;

text-align: center;

width: 946px;

height: 143px;

}



#headermenu {

background: url(gfx/header2.jpg) no-repeat;

width: 946px;

height: 22px;

}



div.headermenu_btn {

background: url(gfx/menubtn.gif) no-repeat;

text-align: center;

float: left;

padding: 2px;

margin-left: 10px;

width: 80px;

height: 22px;

color: #ffffff;

}



#mainmenu {

background: url(gfx/menubg.gif) repeat-x;

text-align: center;

margin: 0px;

width: 946px;

height: 29px;

padding:0;

overflow:hidden;

}



#mainmenu_content {

font-family: Verdana, Arial, "HelveticaNeueLT Std";

font-size: 11px;

margin: 0px;

padding:0;

overflow:hidden;

}



#mainmenu_content_upper {

height: 7px;

margin: 0px;
display:none;

}



#mainmenu_content_left {

margin: 0px;

margin-left: 10px;

margin-right: 10px;

text-align: left;

height: 22px;

font-family: Verdana, Arial, "HelveticaNeueLT Std";

font-size: 11px;

color: #000000;

float: left;
line-height:24px;

}



#mainmenu_content_loginform {

margin: 0px;

margin-right: 10px;

text-align: right;

height: 29px;

font-family: Verdana, Arial, "HelveticaNeueLT Std";

font-size: 11px;

color: #000000;

float: right;

padding:0;

line-height:24px;

}





#usermenu {

background: url(gfx/usermenubg.gif) repeat-x;

text-align: center;

width: 733px;

height: 30px;

}



#usermenu_content {

text-align: center;

width: 721px;

}



#usermenu_upper {

text-align: left;

height: 7px;

}



#usermenu_lower {

margin-left: 10px;

margin-right: 5px;

text-align: left;

height: 23px;

font-family: Verdana, Arial, "HelveticaNeueLT Std";

font-weight: bold;

font-size: 10px;

color: #ffffff;

float: left;

}



#usermenu_lower_press {

margin-left: 10px;

margin-right: 5px;

text-align: left;

height: 23px;

font-family: Verdana, Arial, "HelveticaNeueLT Std";

font-weight: bold;

font-size: 10px;

color: #ffffff;

float: left;

}



#usermenu_lower_secondary {

margin-right: 20px;

text-align: right;

height: 23px;

font-family: Verdana, Arial, "HelveticaNeueLT Std";

font-weight: bold;

font-size: 10px;

color: #ffffff;

float: right;

}



/***   The smaller black menu used on presentation page    ***/

#usermenu_small {

background: url(gfx/usermenubg.gif) repeat-x;

text-align: center;

width: 733px;

height: 23px;

}



#usermenu_content_small {

text-align: center;

width: 721px;

}



#usermenu_upper_small {

text-align: left;

height: 4px;

}



#usermenu_lower_small {

margin-left: 20px;

margin-right: 5px;

text-align: left;

height: 19px;

font-family: Verdana, Arial, "HelveticaNeueLT Std";

font-weight: bold;

font-size: 10px;

color: #ffffff;

float: left;

}



#content_left {

text-align: left;

float: left;

width: 721px;


}

#content_left p
{
	margin: 0;
	padding: 0;
}

#content_left h1
{
	margin-top: 9px;
	margin-bottom: 9px;
}

/***   Wide left content version for profile page etc    ***/

#content_left_wholewidth {

text-align: left;

float: left;

width: 733px;

}



#content_left_box {

background: url(gfx/contentbox.jpg) no-repeat;

float: right;

width: 420px;

height: 265px;

margin-top: 5px;

}
#content_left_box4 {
width: 740px;
height:200px;
}
#content_left_box2 {
background: url(images/contentbox2.png) no-repeat;
float:left;
width: 290px;
height: 195px;
margin-left:-295px;
margin-top:330px;
}
#content_left_box3 {
background: url(images/contentbox3.png) no-repeat;
width: 420px;
float:left;
height: 195px;
margin-top:60px;
margin-left:5px;
margin-bottom:30px;

}




#content_left_box_big {

float: left;

width: 721px;

text-align: left;

}



#content_left_box_margin {

margin-top: 10px;

margin-left: 10px;

width: 400px;

font-family: Verdana, Arial, "HelveticaNeueLT Std";

font-size: 10px;

color: #ffffff;

}



#content_right {

/*background: url(gfx/rightpanel.jpg) no-repeat;*/

background-color: #F2EEED;

float: right;

width: 213px;

padding-bottom: 8px;

font-family: Verdana, Arial, "HelveticaNeueLT Std";

font-size: 10px;

}



#content_right_leftalign {

background-color: #F2EEED;

float: right;

width: 213px;

padding-bottom: 8px;

font-family: Verdana, Arial, "HelveticaNeueLT Std";

font-size: 10px;

text-align: left;

}





/***    styling for the footer with the latest gallery images    ***/

#footer {

margin-left: 0px;

margin-right: 0px;

margin-bottom: 30px;

text-align: center;

/*background: url(gfx/footer.jpg) no-repeat;*/

background-color: #1B1B1B;

width: 946px;

height: 100px;

font-family: Verdana, Arial, "HelveticaNeueLT Std";

font-size: 10px;

float: left;

}



#footer_content_upper {

margin-left: auto;

margin-right: auto;

text-align: center;

height: 9px;

width: 906px;

}



#footer_content_lower {

margin-top: 0px;

margin-left: auto;

margin-right: auto;

text-align: center;

height: 81px;

width: 906px;

}



#footer_small {

margin-left: 0px;

margin-right: 0px;

margin-bottom: 30px;

margin-top: 10px;

text-align: center;

background: url(gfx/footer_small.jpg) no-repeat;

width: 946px;

height: 30px;

font-family: Verdana, Arial, "HelveticaNeueLT Std";

font-size: 9px;

color: #ffffff;

float: left;

}



#footer_small_spacer {

margin-left: auto;

margin-right: auto;

text-align: center;

height: 8px;

width: 946px;

}



#footer_small_content {

margin-left: auto;

margin-right: auto;

text-align: center;

height: 22px;

width: 946px;

}



hr.regline {

color: #000000;

background-color: #000000;

height: 2px;

}



div.profileinfo {

margin-left: 5px;

margin-right: 5px;

text-align: left;

width: 180px;

padding: 5px;

}



/*************************************/

/***   Design CSS for Djurvarld    ***/

/***       Textspan styles         ***/

/*************************************/



span.forgotpw {

float: right;

margin-right: 5px;

font-style: italic;

font-size: 9px;

color: #666666;

}



span.boldtext {

font-weight: bold;

}



span.boldtext_black {

font-weight: bold;

color: #000000;

}



span.boldtext_white {

font-weight: bold;

color: #ffffff;

}



span.boldtext_greennobg {

font-weight: bold;

color: #26C128;

font-size: 14px;

}



span.boldtext_green {

font-weight: bold;

color: #26C128;

font-size: 14px;

}



span.boldheader_xl, div.boldheader_xl {

font-weight: bold;

font-size: 12px;

}



span.boldheader_xl_white {

color: #ffffff;

font-weight: bold;

font-size: 12px;

}



span.boldheader_xl_green {

color: #26C128;

font-weight: bold;

font-size: 12px;

}



span.boldheader_xxl {

font-weight: bold;

font-size: 14px;

}



span.felmeddelande {

color: #ff0000;

font-size: 14px;

}



span.user_gender_online {

color: #26C128;

}



span.user_gender_offline {

color: #ee3040;

}



span.date {

font-size: 10px;

font-style: italic;

color: #666666;

}



span.readmore {

font-size: 11px;

font-style: italic;

color: #666666;

}



span.boldline {

font-size: 14px;

font-weight: bold;

}



span.boldlinewhite {

font-size: 14px;

font-weight: bold;

color: #ffffff;

}



/*************************************/

/***   Design CSS for Djurvarld    ***/

/***        general lists          ***/

/*************************************/

li { margin-left: 20px;  }

li.firstpageli { color: #26C128; font-size: 12px; } a:hover { color: #ffffff; text-decoration: underline; }

ul.bloglist { margin: 0px; font-weight: bold; font-size: 10px; }



/*************************************/

/***   Design CSS for Djurvarld    ***/

/***          Link styles          ***/

/*************************************/



a { color:#000000; text-decoration: none; }

div.headermenu_btn a { color:#ffffff; text-decoration: none; }

#usermenu_lower a { color:#ffffff; } a:hover { text-decoration: underline; }

#usermenu_lower_press a { color:#ffffff; } a:hover { text-decoration: underline; }

#usermenu_lower_secondary a { color:#ffffff; } a:hover { text-decoration: underline; }

#usermenu_lower_small a { color:#ffffff; } a:hover { text-decoration: underline; }

#footer_small a { color:#ffffff; } a:hover { text-decoration: underline; }

a.boldtext_black { color:#000000; } a:hover { text-decoration: underline; }

a.maillink { color:#ffffff; } a:hover { text-decoration: underline; }

a.newslink { color:#ffffff; } a:hover { text-decoration: underline; }

a.whitelink { color:#ffffff; } a:hover { color:#ffffff; text-decoration: underline; }

/***   Link styling for floating answer boxes like in guest_book.php ***/

#ans a { color:#ffffff; text-decoration: none; } a:hover { color:#ffffff; text-decoration: none; }

#comment a { color:#ffffff; text-decoration: none; } a:hover { color:#ffffff; text-decoration: none; }

#readmore a { color:#000000; } a:hover { text-decoration: underline; color:#000000; }

/*************************************/

/***   Design CSS for Djurvarld    ***/

/***        Image styles           ***/

/*************************************/



/* St�ller in s� alla bilder(f�rutom de i listan nedan) �r utan kant som standard */

img {

border: 0px;

}



img.btn_newmember {

margin-left: 0px;

margin-top: 5px;

border: 0px;

}



img.content_leftimg {

float: left;

margin-bottom: 0px;

}



img.logout {

border: 0px;
position:relative; bottom:8px;
}



img.press_pic_style {

border: 1px solid;

border-color: #000000;

}



img.gallery_pic_style {

border: 1px solid;

border-color: #aaaaaa;

margin-right: 15px;

}



img.gallery_pic_border {

border: 3px solid #999999;

}



img.forumgoto {

border: 0px;

width: 76px;

height: 13px;

}



img.forumcreatethread {

border: 0px;

width: 120px;

height: 13px;

margin-top: 10px;

}



input.user {

border:solid 0 #fff;

background: url(gfx/btn_input_bg.gif);

background-repeat: repeat-x;

height: 20px;

margin: 0px;

text-align: center;

}



input.pass {

border:solid 0 #fff;

background: url(gfx/btn_input_bg.gif);

background-repeat: repeat-x;

height: 20px;

margin: 0px;

text-align: center;

}



input.submit_btn {

border:solid 0 #fff;

background: url(gfx/btn_login.gif);

height: 18px;

width: 59px;

margin: 0px;

}



input.submit_preview {

border:solid 0 #fff;

background: url(gfx/btn_preview.gif);

height: 18px;

width: 100px;

margin: 0px;

}



input.submit_send {

border:solid 0 #fff;

background: url(gfx/btn_send.gif);

height: 18px;

width: 59px;

margin: 0px;

}

input.submit_vote {

border:solid 0 #fff;

background: url(gfx/btn_vote.png);

height: 18px;

width: 59px;

margin: 0px;
float:right;

}



input.submit_send_big {

border:solid 0 #fff;

background: url(gfx/btn_send_big.gif);

height: 23px;

width: 74px;

margin: 0px;

}



input.submit_send_grey {

border:solid 0 #fff;

background: url(gfx/btn_send_grey.gif);

height: 18px;

width: 59px;

margin: 0px;

}



input.submit_update {

border:solid 0 #fff;

background: url(gfx/btn_update.gif);

height: 18px;

width: 59px;

margin: 0px;

}



input.submit_search {

border:solid 0 #fff;

background: url(gfx/btn_search.gif);

height: 18px;

width: 59px;

margin: 0px;

}



input.submit_edit_big {

border:solid 0 #fff;

background: url(gfx/btn_edit_big.gif);

height: 23px;

width: 74px;

margin: 0px;

}



.page_text { font-size:12px; font-weight:bold; text-align:center;}
.pages, .pages div { display:inline; text-align:center;}
.pages a {margin:0 4px; font-weight:bold;} a:hover { text-decoration:none;}
.pages .active { color:#009900; font-size:14px;}

/* Forum paging */
#pagingforum {
  clear: both;
  display: block;
  padding: 0.5em 0 0;
  padding-top:10px;
  height:26px;
  color:#FFF;
}
#pagingforum a.page {
  padding: 0.4em 0.5em;
  border: 1px solid #c0c0c0;
  background: #f7f7f7;
}
#pagingforum a.page:hover {border: 1px solid #d51260}
#pagingforum a.currpage {
  color: #fff;
  border: 1px solid #0f71b4;
  background: #0f71b4;
}
#pagingforum span.page {
  color: #aaa;
  font-weight: normal;
}

#popupbg {
	background-color: #000;
	width: 1000px;
	position: fixed;
	z-index: 10;
}

.forum-entry
{
	padding: 5px;
}

.forum-title
{
	font-size: 14px;
}

.forum-meta
{
	font-size: 9px;
}

.blog-entry
{
	padding: 5px;
}

.blog-title
{
	font-size: 14px;
}

.blog-title a:hover
{
	text-decoration: underline;
}

.blog-meta
{
	font-size: 9px;
}

.news-entry
{
	padding: 5px 5px 10px 5px;
	margin-bottom: 2px;
}

.news-title
{
	font-size: 14px;
}

.news-title a:hover
{
	text-decoration: underline;
}

.news-body
{
	font-size: 11px;	
}

.news-body p
{
	padding: 4px 0px 4px 0px !important;
}

.news-body a:hover
{
	text-decoration: underline;	
}

.news-meta
{
	font-size: 9px;
}

.right-banner
{
	text-align: center;
}

.top-banner
{
	margin-top: 4px;
}

.right-banner
{
	margin-top: 8px;
}