/*
-------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------

Stylesheet for: Official website for Anja Pärson (http://www.anjapaerson.com)

Author: Henrik Wimelius / David Södermark

Organization: Meandtheotherguy.se / Metacue.com


-------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------
*/







/*
-----------------------------------------------------------------------------------------

GLOBAL

-----------------------------------------------------------------------------------------
*/

html body {
	overflow-x: hidden;
}


html, body {
	border:0px;
	margin:0px;
	padding:0px;
}

body {
	background-color:#000000;
	font-family:Arial, Verdana,  Helvetica, sans-serif;
	font-size: 11px;
	color:#ffffff;
	/*text-align:center;*/
	background-image:url(../images/bg_black_grey.gif);
	background-position:top center;
	background-repeat:repeat-y;
}

/* Global classes
-------------------------------------------------------------------------------------
*/

.highlight {
	color:#ffffff;
	border-bottom:solid 1px #ffffff;
}

/* Headlines
-----------------------------------------------------------------------------------------
*/

h1, h2, h3, h4, h5, h6 {
	margin:0px;
	padding:0px;
	font-weight:normal;
}

h1 {
	font-size:16px;
}

h2 {
	font-size:15px;
	margin-bottom:5px;
}

/* Paragraphs and lists
-----------------------------------------------------------------------------------------
*/

p {
	margin:0px;
	font-size:11px;
	line-height:16px;
}

/* Images
-----------------------------------------------------------------------------------------
*/

img {
	border:0px;
}

/* Links
-----------------------------------------------------------------------------------------
*/

a {
	text-decoration:none;
	color:#FF005A;
	outline:none;
}

a:hover {
	color:#FF005A;
	border-bottom:1px dotted #FF005A;
	outline:none;
}

a:active {
	outline:none;
}

a:visited {
	text-decoration:none;
	color:#FF005A;
	outline:none;
}

/* Forms
-----------------------------------------------------------------------------------------
*/

#cform {
	display:block;
	width:408px;
	text-align:left;
	margin-bottom:16px;
}

#captcha {
	display:block;
	margin-bottom:3px;
}

.textinputbox { /* styles the textarea  */
	background-color:#0d0d0d;
	color:#ffffff;
	height:15px;
	width:249px;
	border:1px solid #ffffff;
	line-height:11px;
	margin-top:2px;
	margin-bottom:10px;
	padding:4px;
	letter-spacing:1px;
	display:block;
	font-size:11px;
}

.textinputarea { /* styles the textarea  */
	background-color:#0d0d0d;
	color:#ffffff;
	height:80px;
	width:349px;
	display:block;
	border:1px solid #ffffff;
	line-height:11px;
	margin-top:2px;
	margin-bottom:10px;
	padding:4px;
	letter-spacing:1px;
	overflow:auto;
	font-size:11px;
}

fieldset {
	border:0px;
	padding:0px;
	margin:0px;
}

label {
	display:block;
	color:#ffffff;
	padding-bottom:3px;
}

#messagesent {
	display:block;
	color:#ffffff;
	line-height:16px;
	padding:4px;
	margin-bottom:10px;
	border:1px dotted #ffffff;
}


/*
-----------------------------------------------------------------------------------------

PAGE WRAPPER

-----------------------------------------------------------------------------------------
*/

#container {
	width:991px;
	margin: 0px auto 36px auto;
}


/*
-----------------------------------------------------------------------------------------

SITE NAVIGATION

-----------------------------------------------------------------------------------------
*/

#upper_nav {
	display:block;
	position:fixed;
	z-index:20;
	top:-64px;
	left:0px;
	width:991px;
	margin:0px;
	padding:0px;
	border:0px;
}

#upper_nav ul {
	display:block;
	list-style:none;
	width:991px;
	height:144px;
	margin:0px;
	padding:0px;
	border:0px;
}

#upper_nav ul li {
	display:block;
	list-style:none;
	float:left;
	height:144px;
	margin:0px;
	padding:0px;
	border:0px;
}

#upper_nav ul li a{
	margin:0px;
	padding:0px;
	border:0px;
}

#upper_nav ul li#anjaparson {
	display:block;
	height:144px;
	width:179px;
	background-image:url(../images/menu_anjaparson.png);
	background-position:left top;
	background-repeat:no-repeat;
}

#upper_nav ul li a#anjaparsonlink {
	display:block;
	height:101px;
	width:179px;
	text-indent:-5000px;
	border-bottom:none;
}

#upper_nav ul li#thestory {
	display:block;
	height:144px;
	width:141px;
	background-image:url(../images/menu_thestory.png);
	background-position:left top;
	background-repeat:no-repeat;
}

#upper_nav ul li a#thestorylink {
	display:block;
	height:101px;
	width:141px;
	text-indent:-5000px;
	border-bottom:none;
}

#upper_nav ul li#theteam {
	display:block;
	height:144px;
	width:134px;
	background-image:url(../images/menu_theteam.png);
	background-position:left top;
	background-repeat:no-repeat;
}

#upper_nav ul li a#theteamlink {
	display:block;
	height:101px;
	width:134px;
	text-indent:-5000px;
	border-bottom:none;
}

#upper_nav ul li#results {
	display:block;
	height:144px;
	width:124px;
	background-image:url(../images/menu_results.png);
	background-position:left top;
	background-repeat:no-repeat;
}

#upper_nav ul li a#resultslink {
	display:block;
	height:101px;
	width:124px;
	text-indent:-5000px;
	border-bottom:none;
}

#upper_nav ul li#moments {
	display:block;
	height:144px;
	width:139px;
	background-image:url(../images/menu_moments.png);
	background-position:left top;
	background-repeat:no-repeat;
}

#upper_nav ul li a#momentslink {
	display:block;
	height:101px;
	width:139px;
	text-indent:-5000px;
	border-bottom:none;
}

#upper_nav ul li#sponsors {
	display:block;
	height:144px;
	width:145px;
	background-image:url(../images/menu_sponsors.png);
	background-position:left top;
	background-repeat:no-repeat;
}

#upper_nav ul li a#sponsorslink {
	display:block;
	height:101px;
	width:145px;
	text-indent:-5000px;
	border-bottom:none;
}

#upper_nav ul li#contact {
	display:block;
	height:144px;
	width:129px;
	background-image:url(../images/menu_contact.png);
	background-position:left top;
	background-repeat:no-repeat;
}

#upper_nav ul li a#contactlink {
	display:block;
	height:101px;
	width:129px;
	text-indent:-5000px;
	border-bottom:none;
}

#upper_toggle {
	position:absolute;
	left:0px;
	top:64px;
	width:991px;
	height:37px;
}

/*
-----------------------------------------------------------------------------------------

PAGE COLUMNS

-----------------------------------------------------------------------------------------
*/


/* Logo column
-----------------------------------------------------------------------------------------
*/

#logo_column {
	display:block;
	width:375px;
	float:left;
	margin:0px;
	padding:0px;
	border:0px;
	background-color:#000000;
}

#logo_column h1#ap {
	border:0px;
	padding:0px;
	margin:0px;
	height:289px;
	width:375px;
	background-image:url(../images/anja_parson.png);
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-5000px;
}

#logo_column div#placeonearth {
	position:relative;
	border:0px;
	padding:0px;
	margin:0px;
	height:251px;
	width:375px;
	background-image:url(../images/place_on_earth.png);
	background-position:left top;
	background-repeat:no-repeat;
}

#cross {
	position:absolute;
	left:0px;
	top:0px;
	width:6px;
	width:6px;
}

#logo_column #placeonearth_leftnav {
	display:block;
	border:0px;
	padding:0px;
	margin:23px 0px 0px 0px;
	width:51px;
	float:left;
	cursor:pointer;
}

#logo_column #placeonearth_info {
	display:block;
	border:0px;
	padding:0px;
	margin:23px 0px 0px 0px;
	width:273px;
	float:left;
}

#logo_column #placeonearth_info h3{
	color:#ff005a;
	text-align:left;
	font-size:11px;
	letter-spacing:1px;
	margin-top:0px;
	padding-top:0px;
	padding-bottom:3px;
}

#logo_column #placeonearth_info p{
	color:#ffffff;
	text-align:left;
	font-size:10px;
	line-height:17px;
}

#logo_column #placeonearth_info p span {
	border-bottom:1px dotted #ffffff;
}

#logo_column #placeonearth_rightnav {
	display:block;
	border:0px;
	padding:0px;
	margin:23px 0px 0px 0px;
	width:51px;
	float:left;
	cursor:pointer;
}

#logo_column #madeby{
	display:block;
	width:300px;
	height:20px;
	clear:both!important;
	margin-left:51px;
	padding-top:20px;
}

#logo_column #madeby a {
	color:#2e302e;
	font-size:9px;
	letter-spacing:0.4px;
}

#logo_column #madeby a:hover {
	text-decoration:none;
	border-bottom:none;
	color:#464946;
}

#logo_column #madeby a:visited {
	color:#2e302e;
	text-decoration:none;
	border-bottom:none;
}

/* Content column (only base, sub-selectors under Content Display)
-----------------------------------------------------------------------------------------
*/

#content_column {
	display:block;
	width:534px;
	float:left;
	margin:0px;
	margin-bottom:40px;
	padding:0px;
	border:0px;
	background-color:#0d0d0d;
	background-image:url(../images/bg_content_column.png);
	background-position:left top;
	background-repeat:no-repeat;
}

/* Artwork column
-----------------------------------------------------------------------------------------
*/

#artwork_column {
	position:fixed;
	margin:0;
	padding:0;
	border:0;
	left:0px;
	top:0px;
	width:260px; /* old-176 */
	z-index:0;
}

#artwork_column object {
	z-index:0;
}

#artwork {
	z-index:0;
}

#artwork object {
	z-index:0;
}


/*
-----------------------------------------------------------------------------------------

CONTENT DISPLAY

-----------------------------------------------------------------------------------------
*/

#content_display {
	display:block;
	position:relative;
	width:490px;
	margin:90px 0px 0px 44px;
	text-align:left;
	z-index:6;
}

#content_display h1 {
	display:block;
	width:408px;
	margin:0px 0px 0px 0px;
	padding:0px;
	font-size:36px;
	line-height:100%;
	font-weight:lighter;
}


#content_display p {
	display:block;
	width:408px;
	padding:0px 0px 16px 0px;
	margin:0px;
	line-height:18px;
	font-size:11px;
	letter-spacing:0.5px;
	color:#fff;
}

#content_display p.ingress {
	display:block;
	padding:0px 0px 16px 0px;
	margin:0px;
	line-height:120%;
	font-size:13px;
}

#content_display p.blogingress {
	display:block;
	width:364px;
	padding:0px 0px 0px 0px;
	margin:0px;
	line-height:120%;
	font-size:13px;
}

#teaminfo {
	width:408px;
}

#teaminfo h2 {
}

#teaminfo p {
	width:auto;
	margin-top:0px;
	margin-bottom:16px;
	padding:0px;
}

#content_display img.teamimage {
	display:block;
	float:left;
	margin-right:15px;
	margin-bottom:0px;
	border:4px solid #fff;
}

#content_display div.autographleft {
	display:block;
	float:left;
	width:275px;
}

#content_display div.autographleft p {
	width:275px;
}

#content_display div.autographright {
	display:block;
	float:left;
	width:215px;
}

#content_display #autographbox a {
	display:block;
	float:left;
	margin-left:10px;
}

#content_display #autographbox a:hover {
	border-bottom:none;
}

/*#content_display p.teamparagraph {
	display:block;
	float:left;
	margin-right:10px;
}*/

/* Classes for blog entries
-----------------------------------------------------------------------------------------
*/


#content_display .blogentry{ /* Holder for blog entries */
	display:block;
	position:relative;
	width:447px;
	text-align:left;
	padding-bottom:30px;
}

#content_display div.blogentry h1{ /* Holder for blog entries */
	padding-top:15px;
	padding-bottom:0px;
	margin-bottom:0px;
	font-size:36px;
	line-height:100%;
	font-weight:normal;
}

#content_display div.blogentry img{ /* Holder for blog entries */
	display:block;
	border:2px solid #fff;
	margin:15px 0px 10px 0px;
}



/* Classes to manage blog dates
-----------------------------------------------------------------------------------------
*/
.date_wrapper {
	display:block;
	position:absolute;
	width:126px;
	height:148px;
	top:-44px;
	right:0px;
	padding:0px;
}

#content_display div.blogentry div.date_wrapper img{
	margin:0px;
	border:0px;
}

.date_wrapper h2 {
	display:block;
	position:absolute;
	top:36px;
	left:30px;
	width:48px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	font-size:36px;
	line-height:100%;
	font-weight:bold;
	text-align:center;
	color:#000;
}


#content_display div.date_wrapper h3 {
	display:block;
	position:absolute;
	top:72px;
	left:30px;
	width:48px;
	margin:0px;
	padding:0px;
	font-size:10px;
	letter-spacing:-.2px;
	text-align:center;
	line-height:100%;
	color:#000;
	background-color:inherit;
	cursor:default;
}

#content_display .blognavigation {
	/*color:#FF005A;*/
}


/* Tables
-------------------------------------------------------------------------------------
*/
#content_display table {
	padding:0px 0px 16px 0px;
}

table.result_table, table.total_table {
	width:408px;
	border-collapse:collapse;
	text-align:left;
	background-color:#ffffff;
}

table.result_table tr {
	display:table-row;
	height:30px;
}

thead tr {
	background-color:#0d0d0d;
	/*background-image:url(../images/bg_thead.png);
	background-position:left top;
	background-repeat:repeat;*/
	color:#ff005a;
}

tbody tr {
	color:#ffffff;
	background-color:#0d0d0d;
}

th {
	padding:4px;
	/*border-left:1px dotted #0d0d0d;*/
	border-right:1px dotted #2c2b2b;
	/*border-bottom:1px dotted #0d0d0d;*/

}

.last {
	border-right:0px;
}

td {
	padding:4px;
	/*border-left:1px dotted #0d0d0d;*/
	border-right:1px dotted #2c2b2b;
	border-top:1px dotted #2c2b2b;
}
.results_darkrow {
	background-color:#0d0d0d; /* was 1f1f1f */
}
.results_hover {
	background-color:#434343;
}

#results_accordion div h3 {
	display:block;
	width:408px;
	/*border:1px dotted #ffffff;*/
	border-bottom:1px dotted #2c2b2b; /* 4f4f4f */
	/*border-bottom:0px;*/
	margin:0px;
	padding:10px 0px 10px 0px;
	line-height:80%;
	font-size:12px;
	cursor:pointer;
	letter-spacing:1px;
	background-color:#0d0d0d;
	/*background-image:url(../images/bg_h3results.png);
	background-position:left top;
	background-repeat:repeat;*/
	color:#fff;
	text-align:left;
	outline:none;
}

#content_display h4 {
	display:block;
	width:402px;
	margin:0px 0px 0px 0px;
	background-color:#0d0d0d;
	padding:6px 0px 6px 0px;
	border-top:1px dotted #2c2b2b;
	border-bottom:1px dotted #2c2b2b;
	border-left:1px solid #0d0d0d;
	border-right:1px solid #0d0d0d;
	font-size:11px;
	color:#ffffff;
	font-weight:bold;
}


/* Sponsors
-------------------------------------------------------------------------------------
*/
h2.gear_sponsor {
	margin-bottom:12px;
}
.personal_sponsor_image {
	display:block;
	margin-bottom:15px;
	border:0px;
}
.gear_sponsor_image {
	display:block;
	margin-bottom:3px;
	border:0px;
}

/*
-----------------------------------------------------------------------------------------

MEDIA NAVIGATION

-----------------------------------------------------------------------------------------
*/

#media_nav {
	position:fixed;
	width:991px;
	height:279px;
	bottom:-199px;
	left:0px;
	z-index:20;
}

#media_nav img {
	border:0px;
	padding:0px;
	margin:0px;
}

#media_nav #leftarrow{
	position:absolute;
	width:60px;
	height:199px;
	left:0px;
	top:80px;
	z-index:25;
	cursor:pointer;
}

#media_nav #rightarrow{
	position:absolute;
	width:60px;
	height:199px;
	right:0px;
	top:80px;
	z-index:25;
	cursor:pointer;
}

#media_toggle {
	position:absolute;
	width:991px;
	height:37px;
	left:0px;
	top:43px;
	z-index:25;
}

#media_nav_side_left {
	position:fixed;
	width:530px;
	height:199px;
	left:0px;
	bottom:0px;
	background-color:#000000;
	z-index:25;
}

#media_nav_side_right {
	position:fixed;
	width:530px;
	height:199px;
	left:0px;
	bottom:0px;
	background-color:#000000;
	z-index:25;
}

#media_content {
	position:absolute;
	left:40px;
	top:104px;
	z-index:22;
}

.media_container {
	display:block;
	float:left;
	width:950px;
	height:150px;
	margin:0px 2px 0px 0px;
}

.media_container a {
	display:block;
	float:left;
	width:140px;
	height:140px;
	margin:0px 40px 0px 0px;
	border:5px solid #fff;
}

/*
-----------------------------------------------------------------------------------------

FOOTER

-----------------------------------------------------------------------------------------
*/

#footer {
	display:block;
	width:991px;
	margin:0;
	padding:0;
	border:0;
	height:2px;
	background-image:url(../images/bg_black_grey.gif);
	background-position:top center;
	background-repeat:repeat-y;
	clear:both;
}