/*
Theme Name: OCX2010
Theme URI: http://www.oslocomicsexpo.no/
Description: Theme for OCX website.
Version: 0.1
Author: Kristoffer Kjølberg
Author URI: http://www.kristofferkjolberg.com/
*/

html, body {margin: 0;text-align: center;background:#DFDFDF;}

#pagewidth{width:780px;text-align:left;margin-left:auto;margin-right:auto;} 

/*MENY*/
#meny {position:relative;width:100%;height: 26px;font: bold 12px sans-serif;}
#meny li {border-left: 1px solid #000;display: inline;margin: 0 -3px 0 0;padding: 0 .7em;}
#meny li.first {border-left: none;}
#meny ul {list-style: none;margin: 0;padding: .5em 0;}
#meny a {color: #000;text-decoration: none;}
#meny a:hover {color: #313131;}
#meny .selected>a {color: #313131;}

/*HEADER*/
#header {position:relative;width:780px;height:300px;font: bold 12px sans-serif;background-color:#313131;background-image: url('images/ocx-logo.png');background-repeat: no-repeat;}
#headertext {float:right;width:467px;text-align:center;font-family:georgia,serif;font-size:28px;line-height:115%;font-weight:normal;color:#ffde00;padding-top:50px;}

/*leftcolumn*/
#leftcolumn {width:390px;float:left;margin-top:15px}
#leftcolumn .blogpost {background-color:#fff;padding:15px;margin-bottom:5px;}
#leftcolumn .blogpost .diskuter {font-family:arial,sans-serif;font-size:0.7em;line-height:150%;font-weight:normal;color:#B2B2B2;text-align:right;padding-top:10px;margin-bottom:-10px;}
#leftcolumn .blogpost .diskuter a {color:#B2B2B2;text-decoration:none;}
#leftcolumn .blogpost .diskuter a:hover {text-decoration:underline;color:#313131;}
#leftcolumn .blogpost .alignright {float:right;}
#leftcolumn .blogpost p {font-family:georgia,serif;font-size:13px;line-height:165%;font-weight:normal;color:#313131;}
#leftcolumn .blogpost li {font-family:georgia,serif;font-size:13px;line-height:165%;font-weight:normal;color:#313131;}
#leftcolumn .blogpost .postinfo {font-family:arial,sans-serif;font-size:13px;line-height:150%;font-weight:normal;color:#ffffff;background-color:#313131;padding:5px;text-align:center;}
#leftcolumn .blogpost .postinfo h2 {font-family:georgia,serif;font-size:15px;line-height:150%;font-weight:bold;color:#ffde00;letter-spacing:2px;text-transform:uppercase;}
#leftcolumn .blogpost .postinfo p {font-family:arial,sans-serif;font-size:13px;line-height:150%;font-weight:normal;color:#ffffff;}
#leftcolumn .blogpost .postinfo a {color:#ffde00;}
#leftcolumn .blogpost .postinfo a:hover {color:white;}
#leftcolumn .blogpost p a {color:#313131;}
#leftcolumn .blogpost p a:hover {color:red;}
#leftcolumn .blogpost h3 {font-family:georgia,serif;font-size:23px;line-height:115%;font-weight:normal;color:#313131;}
#leftcolumn .blogpost h2 {font-family:arial,sans-serif;font-size:15px;line-height:150%;font-weight:bold;letter-spacing:1px;text-transform:uppercase;}
#leftcolumn .blogpost h2 a {color:#000;text-decoration:none;}
#leftcolumn .blogpost h2 a:hover {text-decoration:underline;}
#leftcolumn .blogpost .postmetadata {font-family:arial,sans-serif;font-size:0.6em;line-height:150%;font-weight:normal;color:#B2B2B2;text-align:right;padding-top:0;}
#leftcolumn .blogpost .postmetadata a {color:#B2B2B2;text-decoration:none;}
#leftcolumn .blogpost .postmetadata a:hover {text-decoration:underline;color:#313131;}
#leftcolumn .blogpost #sproingnominerte ul {padding-left:15px;margin-top:0;}
#leftcolumn .navigation {font-family:arial,sans-serif;font-size:0.6em;color:#414040;margin-bottom:50px;}
#leftcolumn .navigation a {color:#414040;text-decoration:none;}
#leftcolumn .navigation a:hover {color:#313131;text-decoration:underline;}
#leftcolumn .alignleft {float:left;}
#leftcolumn .alignright {float:right;}
#leftcolumn .blogpost #visninger {background-color:#B2B2B2;font-family:arial,sans-serif;font-size:11px;line-height:150%;font-weight:normal;padding:5px;}
#leftcolumn .blogpost #visninger td {border-top:1px solid black;}
#leftcolumn .blogpost #visninger table {width:100%}
#leftcolumn .blogpost #visninger .tittel {font-weight:bold;}
#leftcolumn .blogpost #visninger .regi {font-style:italic;}
#leftcolumn .blogpost #visninger a {text-decoration:none;color:black;}
#leftcolumn .blogpost #visninger a:visited {color:black;}
#leftcolumn .blogpost #visninger a:hover {text-decoration:underline;}
#leftcolumn .blogpost #visninger h3 {font-weight:bold;font-size:14px;text-align:center;}

/*rightcolumn*/
#rightcolumn {width:385px;float:right;margin:15px 0 0 5px;}
#rightcolumn #forsidebilde {padding:10px;background-color:#B2B2B2;}
#rightcolumn #forsidebilde img {width:365px;}
#rightcolumn #forsidebilde #billedtekst {font-size:0.8em;font-style:italic;color:#313131;padding-top:7px;}
#rightcolumn #forsidebilde #billedtekst #flerebilder a {padding-left:10px;color:black;font-size:0.5em;text-decoration:none;font-family:sans-serif;padding-top:3px;}
#rightcolumn #forsidebilde #billedtekst #flerebilder a:hover {text-decoration:underline;}
#rightcolumn #subcolumn1 {width:190px;float:left;margin-top:5px;}
#rightcolumn #subcolumn2 {width:190px;float:right;margin-top:5px;}
#rightcolumn .subitem {margin-top:0px;margin-bottom:5px;margin-left:0px;margin-right:0px;padding-left:20px;padding-right:20px;padding-top:15px;padding-bottom:15px;text-align:left;background-color:#313131;}
#rightcolumn #sponsorerheader {margin-top:0px;margin-left:0px;margin-right:0px;padding-left:20px;padding-right:20px;padding-top:15px;padding-bottom:15px;text-align:left;background-color: #313131;}
#rightcolumn #sponsorerheader h2 {font-family:georgia,serif;font-size:11px;line-height:150%;font-weight:bold;color:#ffde00;letter-spacing:2px;text-transform:uppercase;}
#rightcolumn .subitem h2 {font-family:georgia,serif;font-size:11px;line-height:150%;font-weight:bold;color:#ffde00;letter-spacing:2px;text-transform:uppercase;}
#rightcolumn .subitem p {font-family:arial,sans-serif;font-size:11px;line-height:150%;font-weight:normal;color:#ffffff;}
#rightcolumn .subitem p a {color:#ffde00;text-decoration:none;}
#rightcolumn .subitem p a:hover {text-decoration:underline;}
#rightcolumn .subitem .tidl {border-top:1px solid #B2B2B2;border-bottom:1px solid #B2B2B2;border-left:1px solid #B2B2B2;padding:5px 7px;font-family:georgia,serif;font-size:14px;color:#B2B2B2;cursor:pointer;}
#rightcolumn .subitem .tidl:hover {cursor:pointer;color:#ffde00;}
#rightcolumn .subitem .last {border-right:1px solid #B2B2B2;}
#rightcolumn .subitem .tidl a {text-decoration:none;color:#B2B2B2;}
#rightcolumn .subitem .tidl a:hover {text-decoration:none;color:#ffde00;}
#rightcolumn .subitem .tidl:hover {background-color:#414040;}
#rightcolumn .subitem li {font-family:arial,sans-serif;font-size:11px;line-height:150%;font-weight:normal;color:#ffde00;border-top:1px solid #B2B2B2;padding: 5px 0;}
#rightcolumn .subitem li a {color:#ffffff;text-decoration:none;}
#rightcolumn .subitem li a:hover {color:#B2B2B2;}
#rightcolumn #gjesteliste h3 {font-family:georgia,serif;font-size:17px;font-weight:bold;color:#ffde00;letter-spacing:2px;text-transform:uppercase;border-top:1px solid #B2B2B2;padding-top:10px;margin-top:-10px;}
#rightcolumn #gjesteliste h3 a {color:#ffde00;text-decoration:none;}
#rightcolumn #gjesteliste h3 a:hover {color:#B2B2B2;}

/*GJESTER*/
#fullcolumn {width:780px;}
#fullcolumn .gjest {text-align:left;}
#fullcolumn #prevguests {float:right;width:150px;background-color:#B2B2B2;border-left:5px solid #DFDFDF;border-bottom:5px solid #DFDFDF;padding-left:20px;padding-right:20px;padding-top:15px;padding-bottom:15px;}
#fullcolumn #prevguests h2 {font-family:georgia,serif;font-size:11px;line-height:150%;font-weight:bold;color:#ffde00;letter-spacing:2px;text-transform:uppercase;}
#fullcolumn #prevguests ul {font-family:arial,sans-serif;font-size:11px;font-weight:bold;letter-spacing:1px;text-transform:uppercase;margin-left:-40px;list-style-type:none;}
#fullcolumn #prevguests li {padding-bottom:9px;}
.gjest {padding:15px;border-bottom:5px solid #DFDFDF;background-color:#fff;}
.gjest h2 {margin-top:0;font-family:georgia,serif;font-size:23px;line-height:115%;font-weight:normal;color:#313131;}
.gjest h2 .land {font-size:18px;font-varian:italic;color:#DFDFDF;}
.gjest p {font-family:georgia,serif;font-size:13px;line-height:165%;font-weight:normal;color:#313131;}
.gjest .right {float:right;}
.gjest .left {float:left;}
.gjest .lesmer {font-family:arial,sans-serif;font-size:0.7em;color:#414040;}
.gjest .lesmer a {color:#414040;text-decoration:none;}
.gjest .lesmer a:hover {color:#313131;text-decoration:underline;}

/*ENGLISH*/
#engtop {height:80px;padding:50px 0 50px 70px;background-image: url('images/ocx-logo-lang.png');background-repeat: no-repeat;}
#enginfo {padding:15px;border-bottom:5px solid #DFDFDF;background-color:#fff;}
#enginfo h2 {margin-top:0;font-family:georgia,serif;font-size:23px;line-height:115%;font-weight:normal;color:#313131;text-align:center;}
#enginfo p {font-family:georgia,serif;font-size:13px;line-height:165%;font-weight:normal;color:#313131;}
#enginfo p a {color:#313131;}
#enginfo p a:hover {color:red;}
#fullcolumn #prevguestseng {float:right;width:150px;background-color:#B2B2B2;border-left:5px solid #DFDFDF;border-bottom:5px solid #DFDFDF;margin-top:100px;padding-left:20px;padding-right:20px;padding-top:15px;padding-bottom:15px;}
#fullcolumn #prevguestseng h2 {font-family:georgia,serif;font-size:11px;line-height:150%;font-weight:bold;color:#ffde00;letter-spacing:2px;text-transform:uppercase;}
#fullcolumn #prevguestseng ul {font-family:arial,sans-serif;font-size:11px;font-weight:bold;letter-spacing:1px;text-transform:uppercase;margin-left:-40px;list-style-type:none;}
#fullcolumn #prevguestseng li {padding-bottom:9px;}
.engimg {width:475px;padding:17px;border:1px solid #B2B2B2;}
.engimg img {padding-bottom:7px;width:475px;}
.engimg .engcaption {font-size:0.8em;font-style:italic;color:#313131;margin-top:15px;}
.engimg .engmorepics a {color:black;float:right;font-size:0.5em;text-decoration:none;font-family:sans-serif;padding-top:3px;}
.engimg .engmorepics a:hover {text-decoration:underline;}
.floatright {float:right;margin-left:10px;}

/*PROGRAM*/
#program {position:relative;width:780px;background-color:#313131;background-image: url('images/ocx-logo-stor2.png');background-repeat: no-repeat;color:white;text-align:center;padding-bottom:50px;}
#program h1 {font-family:georgia,serif;font-size:21px;font-weight:bold;color:#ffde00;letter-spacing:2px;text-transform:uppercase;padding-top:20px;}
#program .forbehold {font-family:helvetica,sans-serif;font-size:10px;text-decoration:underline;color:#B2B2B2;}
#program h3 {font-family:georgia,serif;font-size:17px;font-weight:bold;color:#ffde00;letter-spacing:2px;text-transform:uppercase;padding-top:20px;}
#program td {vertical-align: top;}
#program .tid {font-family: Georgia, Times, serif;font-size: 18px;font-style: italic;color:#ffde00;}
#program .proginfo {font-family:helvetica,sans-serif;font-size:12px;color:#B2B2B2;padding-top:7px;}
#program a {color:white;text-decoration:none;}
#program a:hover {text-decoration:underline;}

/*BILDER*/
#bildeleftcolumn {width:387px;float:left;}
#bilderightcolumn {width:387px;float:right;margin:0 0 0 5px;}
.bildesidebilde {padding:10px;background-color:#fff;margin-bottom:5px;}
.bildesidebilde #billedtekst {font-size:0.8em;font-style:italic;color:#313131;padding-top:7px;}
.bildesidebilde img {width:365px;}
#bildeinfo {font-family:georgia,serif;font-size:13px;line-height:165%;font-weight:normal;color:#313131;}

/*INFO*/
#map {width:539px;height:330px;float:right;margin:10px;background-color:#B2B2B2;}
#kartet {width:559px;height:350px;background-color:#B2B2B2;}
.sted {margin:5px 0;padding-left:20px;padding-right:20px;padding-top:15px;padding-bottom:15px;text-align:left;background-color:#313131;}
.sted h2 {font-family:georgia,serif;font-size:14px;line-height:150%;color:#ffde00;}
.sted h2 a {text-decoration:none;color:#ffde00;}
.sted h2 a:hover {color:#B2B2B2;}
.sted .navn {font-family:georgia,serif;font-size:14px;line-height:150%;color:#ffde00;}
.sted .navn a {text-decoration:none;color:#ffde00;}
.sted .navn a:hover {color:#B2B2B2;}
.sted p {font-family:arial,sans-serif;font-size:12px;line-height:150%;font-weight:normal;color:#ffffff;}
.sted p a {color:#ffde00;text-decoration:none;}
.sted p a:hover {text-decoration:underline;}
#info {background-color:#fff;padding:15px;margin-bottom:5px;float:left;width:180px;font-family:georgia,serif;font-size:13px;line-height:165%;font-weight:normal;color:#313131;}
#info a {color:#313131;}
#info a:hover {color:red;}