/* FRIIDROTTENSHOPP.SE -- CSS for screen media. */

/* <!-- !:::::::::: RESET (based on Eric Meyer's work) :::::::::: --> */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
	

/* <!-- !:::::::::: BASIC FONT SETTINGS (based on YUI) :::::::::: --> */

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.2
*/

body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}
pre, code {font:115% monospace;*font-size:100%;}
body * {line-height:1.22em;}


body {
  font-family: georgia, 'times new roman', times, serif;
	text-align: center;
	color: #333;
	background: #fff url(../images/bg-body.gif) repeat-x;
}


/* <!-- !:::::::::: LAYOUT :::::::::: --> */



#wrap, #header, #maincontent, #footer {
  max-width: 960px;
  min-width: 760px;
  margin: 0 auto;
  text-align: left;
}

#wrap {
	background: #fff;
	border-left: 10px solid #eee;
	border-right: 10px solid #eee;
}

#maincontent {
  padding-bottom: 30px;
  float: none;
}

#content	{ float: left; width: 42%; margin-left: 30px; margin-right: 10px; display: inline; } 
#sidebar1	{ float: left; width: 22%; margin-left: 30px; display: inline; }
#sidebar2	{ float: right; width: 22%; margin-right: 15px; margin-top: 30px; padding-left: 20px; border-left: 1px solid #eee; display: inline; }

.one-two-one #content	 { width: 42%; } 
.one-two-one #sidebar1 { width: 22%; }
.one-two-one #sidebar2 { width: 22%; }

.one-three #content { width: 68%; left: 29%; }
.one-three #sidebar1 { width: 22%; left: 3%; }
.one-three #sidebar2 { display: none;}


/* LOGO */
#logo {
  position: relative;
  background: #ccc url(../images/header-7.jpg) no-repeat top left;
  height: 200px;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #777;
}
.start #logo {
  background: #ccc url(../images/header-1.jpg) no-repeat top left;  
}
.news #logo {
  background: #ccc url(../images/header-2.jpg) no-repeat top left;  
}
.articles #logo {
  background: #ccc url(../images/header-7.jpg) no-repeat top left;  
}
.sweden #logo {
  background: #ccc url(../images/header-5.jpg) no-repeat top left;  
}
.links #logo {
  background: #ccc url(../images/header-4.jpg) no-repeat top left;  
}
.gallery #logo {
  background: #ccc url(../images/header-3.jpg) no-repeat top left;  
}
.members #logo {
  background: #ccc url(../images/header-6.jpg) no-repeat top left;  
}

#logo a  {
	display: block;
	width: 200px;
}
#logo img  {
	display: block;
	width: 0;
}

#logo span {
	position: absolute;
	top: 10px;
	left: 20px;
	width: 350px;
	height: 80px;
	background: url(../images/logo.png) no-repeat;
}
.members #logo span {
	background: url(../images/logo-black.png) no-repeat;  
}

html>body #logo span {
	top: 20px;
}


/* NAVIGATION */

ul#nav {
	position: relative;
	top: -30px;
  display: block;
	background: url('../images/bg-nav.png') top left repeat;
	text-align: center;
  font-family: verdana;
  height: 30px;
  width: 100%;
  padding: 0;
  margin: 0 0 -30px 0;
  border-bottom: 1px solid #fff;
}

ul#nav li {
	display: inline;
	list-style-type: none;
  padding: 5px 10px 10px 10px;
  font-size: 10px;
  height: 30px;
  line-height: 30px;
  z-index: 20;
}

ul#nav a:link, ul#nav a:visited {
	font-weight: bold;
	text-decoration: none;
	border: none;
	color: #000;
}
ul#nav li a:hover {
  text-decoration: underline;
  border: none;
}

.start #nav_start,
.news #nav_news,
.articles #nav_articles,
.sweden #nav_sweden,
.links #nav_links,
.gallery #nav_gallery,
.members #nav_members,
.myaccount #nav_myaccount {
  background: #fefefe;
  border-left: 1px solid #d6d6d6;
  border-right: 1px solid #d6d6d6;
  border-top: 1px solid #d6d6d6;
}

.start #nav #nav_start a,
.news #nav #nav_news a,
.articles #nav #nav_articles a,
.sweden #nav #nav_sweden a,
.links #nav #nav_links a,
.gallery #nav #nav_gallery a,
.members #nav #nav_members a,
.myaccount #nav #nav_myaccount a {
  color: #000;
  text-decoration: underline;
}



/* <!-- !:::::::::: BASIC TAG FORMATTING :::::::::: --> */


/* TEXT */

/*
px   %
10	 77
11	 85
12	 92
13	 100
14	 107
15	 114
16	 122
17	 129
18	 136
19	 144
20	 152
21	 159
22	 167
23	 174
24	 182
25	 189
26	 197
*/

p {
	font-size: 12px;
  line-height: 1.5em;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  margin-bottom: 0;
}

p.noindent {
	text-indent: 0;
}

.articles p+p {
  text-indent: 2.1em;
  margin: 0;
}
p.caption {
  font-family: verdana;
  font-size: 10px;
  margin-top: 0.5em;
  margin-bottom: 1.5em;
  color: #333;
}

p.readmore {
  text-indent: 0;
  margin-top: 0.5em;
  margin-bottom: 1.5em;
  text-align: left;
  padding-left: 15px;
  background: url(../images/icons/articles.gif) left center no-repeat;
}

p.metacontent {
  border-top: 1px solid #ddd;
  margin-top: 1.5em;
  padding-top: 1.5em;
  text-indent: 0;
}


p.msg_error {
	font-weight: bold;
	color: #900;
	background: #eee;
	padding: 1.5em;
	margin-bottom: 1em;
}
p.msg_ok {
	font-weight: bold;
	color: #090;
	background: #eee;
	padding: 1.5em;
	margin-bottom: 1em;
}



.next {
  float: left;
}

.prev {
  float: right;
  margin-right: 70px;
}



.cite {
  text-indent: 0;
}


p.message {
	padding: 10px;
	background: #efefef;
	color: #000;
	margin-bottom: 20px;
}
p.message.error {
	color: #900;
}



.datestamp {
  font-family: 'times new roman', times, georgia, serif;
  text-transform: uppercase;
  letter-spacing: .13em;
  font-size: 10px;
}
.firstline {
  font-variant: small-caps;
  text-transform: lowercase;
}

#sidebar2 p {
  font-family: verdana;
  font-size: 10px;
  line-height: 1.8em;
  margin-bottom: 1.8em;
  color: #333;
}

span.alert_message{
	color: #378531;
}

div.message {
  clear: both;
  margin-bottom: 30px;
}
div.message p {
  text-indent: 0;
  margin-top: 0;
  color: #333;  
}

div.message p.meta {
  font-family: verdana;
  font-size: 10px;
  line-height: 1.8em;
  color: #999;  
}

strong {
	font-size: 12px;
  line-height: 1.5em;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}


.imagebox{
	padding:10px;
}

/* LISTS */

ol, ul, dl {
  margin-top: 1.5em;
  line-height: 1.5em;
}

li, dt, dd {
	font-size: 12px;
  line-height: 1.5em;
  margin-bottom: 0;
}
dt {
  font-weight: bold;
}
dd {
  margin-bottom: 1.5em;  
}

#sidebar2 ol {
  line-height: 1.8em;
  margin-top: 1.8em;
  margin-bottom: 1.929em;
}

#sidebar2 li {
  font-family: verdana;
  font-size: 10px;
  line-height: 1.8em;
  color: #333;
  margin-bottom: 0;
}

ol.articles li {
	margin-bottom: 5px;
  padding-left: 17px;
  background: url(../images/icons/document.gif) no-repeat 0 5px;
}
ol.articles li.month {
  padding: 5px 0px 2px 0;
  font-weight: bold;
  background: none;
  font-family: verdana;
  font-size: 10px;
  line-height: 1.8em;
  color: #000;
  font-weight: bold;
}
ol.news li {
	margin-bottom: 5px;
  padding-left: 17px;
  background: url(../images/icons/document.gif) no-repeat 0 5px;
}
ol.news li.month {
  padding: 5px 0px 2px 0;
  font-weight: bold;
  background: none;
  font-family: verdana;
  font-size: 10px;
  line-height: 1.8em;
  color: #000;
  font-weight: bold;
}






/* HEADINGS */

h1 {
  font-family: "lucida grande", verdana, sans-serif;
  font-size: 17px;
  line-height: 1.214;
  margin-top: 1.821em;
  margin-bottom: 0.607em;
  color: #000;
}

h2 {
  font-family: "lucida grande", verdana, sans-serif;
  font-size: 14px;
  line-height: 1.286;
  margin-top: 1.929em;
  margin-bottom: -0.95em;
  clear: both;
  color: #000;
}

#sidebar1 h2.articles,
#sidebar1 h2.news {
  font-family: verdana;
  font-size: 10px;
  line-height: 1.8em;
  color: #000;
  font-weight: bold;
  margin-top: 30px;
  padding-left: 0px;
}


#sidebar2 h2 {
  font-family: verdana;
  font-size: 10px;
  line-height: 1.8em;
  color: #000;
  font-weight: bold;
  margin-top: 0;
  padding-left: 16px;
}
#sidebar2 h2.members {
  background: url(../images/icons/members.gif) no-repeat 0 4px;
}
#sidebar2 h2.photos {
  background: url(../images/icons/image.gif) no-repeat 0 4px;
}


h3 {
	font-family: "lucida grande", verdana, sans-serif;
	color: #000;
	font-size: 12px;
  line-height: 1.5em;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}





/* LINKS */


a:link, a:active {
	color: #1365B3;
  text-decoration: underline;
}

a:visited {
	color: #1365B3;
  text-decoration: underline;
}

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

h1 a:link, h1 a:active {
	color: #000;
  text-decoration: none;
}
h1 a:visited {
	color: #000;
  text-decoration: none;
}
h1 a:hover {
	color: #000;
  text-decoration: underline;
}

h2 a:link, h2 a:active {
	color: #000;
  text-decoration: none;
}
h2 a:visited {
	color: #000;
  text-decoration: none;
}
h2 a:hover {
	color: #000;
  text-decoration: underline;
}



abbr, acronymn {
	font-style: normal;
	border-bottom: 1px dotted;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

strike {
	text-decoration: line-through;
}



/* FOOTER */

div.clearfix {
	clear: both;
	visibility: hidden;
	margin: 0;
	padding: 0;
	height: 0;
}

#footer {
	float: left;
	clear: left;
	width: 100%;
	padding: 15px 0 15px 0;
	margin: 20px 0 0px 0;
	background: #ececec url(../images/bg-footer.gif) repeat-x top left;
	text-align: center;
}

#footer p {
  font-family: verdana;
  font-size: 10px;
  line-height: 1.8em;
  color: #333;
  padding: 0;
  margin: 0;

}

#footer p strong {
  font-size: 10px;
}


.vcard .logo,
.vcard .type {
  display: none;
}


/* IMAGES */

img.right {
	float: right;
	padding: 10px 0 30px 20px;
}


#content img.articleimage {
  width: 98%;
}
img.newsimage {
  float: right;
  margin: 0.5em 0 0.5em 2.5em;
}
.news img.newsimage {
  float: right;
  margin: 1.1em 0 0.5em 2.5em;
}



.gallery #content img {
  padding: 0 10px 10px 0;
}
.gallery #content img.big_picture {
	padding-top: 40px;
}
.gallery #content .message img {
  float:  left;
  margin: 2px 20px 10px 0;
}



.sweden #content img {
  float: right;
  margin: 35px 0 0.5em 1.5em;  
}
.members #content .message img {
  float:  left;
  margin: 2px 20px 10px 0;
}



.photos-tn {
  padding-bottom: 130px;
}
.photos-tn li {
  float: left;
}
.photos-tn li img {
  padding: 0 7px 3px 0;
}




/* TABLES */

table {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  font-size: 12px;
  border-collapse: collapse;
  width:  100%;
}

th {
  background: #eee;
  font-weight: bold;
  padding: 5px 5px 5px 5px;
  border: 1px solid #eee;
}

td {
  padding: 3px 5px 3px 5px;
  border: 1px solid #eee;
}

th.event {
  padding-left: 18px;
  background: #eee url(../images/icons/flag.gif) no-repeat 3px 7px;
}

th.gender {
  padding-left: 18px;
  background: #eee url(../images/icons/members.gif) no-repeat 3px 7px;
}
th.competition {
  padding-left: 18px;
  background: #eee url(../images/icons/bell.gif) no-repeat 3px 7px;
}
th.city {
  padding-left: 18px;
  background: #eee url(../images/icons/globe.gif) no-repeat 3px 7px;
}
th.date {
  padding-left: 18px;
  background: #eee url(../images/icons/calendar.gif) no-repeat 3px 7px;
}