/**
 * Stylesheet for www.try.no
 * 
 * @author  Anders S. �fsdahl <anders@apt.no>
 */

/*  =RESET 
  ----------------------------------------------------*/
  
* {
  margin: 0;
  padding: 0;
}
  
fieldset{
  border: none;
}

img{
  margin: 0;
  border: none;
}
  

a:focus,
object:focus {
  outline: none;
  -moz-outline-style: none;
}
  
  
/*  =TYPOGRAPHY AND COLORS
  ----------------------------------------------------*/

body {
  font-size: 62.5%;
  font-family: arial,sans-serif;
/*  background: #000 url(../images/background.jpg) no-repeat 0 0;*/
  background: #000;
  height: 100%;
}

body, a {
	color: #fff;
}

div#fallback {
    width: 720px;
    margin: 0 auto;
}

div#header {
	 position: relative;
   margin-top: 13px;
	 height: 60px;
}

  div#header a.logo {
    position: absolute;
    width: 18px;
    height: 52px;
    right: 0px;
    outline: none;
    text-indent: -5000px;
		background: transparent url(../images/logo.gif) no-repeat;
  }

  div#header ul {
    list-style-type: none;
    width: 700px;
  }
  
    div#header li {
      float: left;
      text-transform: uppercase;
      font-size: 1.7em;
			width: 25%;
    }
    
      div#header li a {
        color: #808080;
        text-decoration: none;
      }
      
      div#header li a:hover {
        color: #fff;
        text-decoration: none;
        border-bottom: 1px solid #ec8608;
      }
			
div#content {
	clear: both;
	margin-top: 30px;
	margin-bottom: 30px;
}

  div#content div.article {
  	padding-left: 175px;
		width: 525px;
		position: relative;
		margin-bottom: 50px;
  }
	
	  div#content div.article img {
	 	  display: block;
			margin-bottom:  60px;
			margin-left: -175px;
	  }
	
	  div#content div.article span.subtitle {
	  	color: #a3a3a3;
			font-size: 1.5em;
			text-transform: uppercase;
			display: block;
			margin-bottom: -6px;
	  }
	
	  div#content div.article h1 {
	    font-size: 4em;
			text-transform: uppercase;
			font-weight: bold;
			margin-bottom: 1em;
	  }
		
		div#content div.article dl.sidebar {
			position: absolute;
			left: 0px;
			text-transform: uppercase;
			font-size: 1.1em;
		}
		
	 	  div#content div.article dl.sidebar dt {
		 	  color: #646965;
				font-weight: bold;
		  }
		
	    div#content div.article dl.sidebar dd {
	      color: #cdccca;
				margin-bottom: 0.8em;
	    }
			
		div#content div.article p.ingress {
			font-weight: bold;
		}
		
		  div#content div.article p.ingress a.more {
		  	border-bottom: 1px solid orange;
		  	text-decoration: none;
		  }
	
		div#content div.article p {
			font-size: 1.4em;
			line-height: 1.4em;
			margin-bottom: 1.5em;
		}

	div#content ul.list {
		list-style-type: none;
	}
	
	  div#content ul.list li {
			border-top: 1px solid #292323;
			border-bottom: 1px solid #292323;
			position: relative;
	  }
		
		div#content ul.list li a {
			display: block;
			padding: 10px 0px 10px 175px;
			font-size: 1.5em;
			text-transform: uppercase;
			font-weight: bold;
			text-decoration: none;
			color: #cbcbcb;
			outline: none;
		}
		
		div#content ul.list li a.no-pre {
			padding-left: 240px;
		}
		
		div#content ul.list li a:hover {
			background-color: #ed8606;
			border-top: 1px solid #fefffa;
			border-bottom: 1px solid #fefffa;
			margin-top: -1px;
			margin-bottom: -1px;
			color: #fff;
		}
		
		div#content ul.list li span.pre {
			position: absolute;
			left: 10px;
			top: 12px;
			font-size: 0.7em;
		}
		
    div#content ul.list li span.post {
      position: absolute;
      right: 10px;
      top: 13px;
      font-size: 0.7em;
    }
		
.hide {
	display: none;
}