/*
Theme Name: Tommie Hansen Theme
Theme URI: http://www.byme.se
Description: Byme Theme
Author: Tommie Hansen af Stockholm.
Author URI: http://www.byme.se
Version: 1.0
*/

/* RESET CSS **************************************************/
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; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
ol, ul { list-style: none; } 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: "" ""; }
strong, b { font-weight: bold; } em { font-style: italic; }

/*===== HUVUD-ELEMENT  ===*/
body {font-family:arial,helvetica,sans-serif;font-size:12px; color:#555;}
body {background:#fff url(images/topgfx2.jpg) repeat-x top center; }
#c {padding-top:253px;} /* allow body bg to do its shit */
#c,#fc {position:relative;margin:auto;width:960px;}
#c a {color:#333;}
#c a:hover {color:#000;}
#m {text-indent:-9999px;position:absolute;}
.red {color:#dd0000;}

/* Headers */
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
h1 {}
h2 {font-family:arial,helvetica,sans-serif;color:#444;text-transform:capitalize;letter-spacing:-1px;font-weight:normal;font-size:30px;letter-spacing:0;margin-bottom:7px;}
h2 {text-transform:none;font-size:28px;}
#c h2 a {color:#444;text-decoration:none;border:0;display:block;}
#c h2 a:hover {border:0;color:#444;text-decoration:none;}
#l h3 {margin-bottom:10px;margin-top:40px;font-weight:normal;font-size:20px;color:#222;padding-bottom:10px;border-bottom:1px solid #ddd; }
h4 {font-weight:bold;}
h1,h2,h3 {text-indent:-9999px;}
#l .single h2 {margin-bottom:10px;}
/*****************************************************************************************/

/* #t(op) */
#menu {position:absolute;top:9px;left:0;font-size:11px;}
#menu li {float:left;margin-right:15px;}
#menu a {color:#aaa;display:block;text-decoration:none;}
#menu a.nopadding {margin-right:35px;}
#menu li.on a, #menu li.on2 a {color:#d3376d;}
#c #menu .on2 .on2 a {color:#d3376d;}
#c #menu .on2 .on2 a:hover {}
#menu a:hover {color:#fff;}
#menu li.mactive a {color:#fff;}
#menu li.mactive ul a {color:#aaa;}


#menu li {margin:0;}
#menu li a {padding:0 7px;}
#menu li.h a {padding-left:0;}
#menu li.c {padding:0 7px;border-left:0px solid #444; border-right:1px solid #444; color:#777; margin-right:3px; }

/* submeny, jQ krývs! */
#menu li ul {display:none;width:150px;}
#menu li ul {position:absolute;padding-top:5px;z-index:999;}
#menu li ul li {float:none;margin:0;}

#menu li ul {background: #fff; padding:5px 0px; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px;}
#menu li ul a {display:block;line-height:26px; padding:0 9px; border-bottom:0; }
#menu li ul a:hover {color:#fff;background:#444;}
#c #menu li ul a {background: #fff; color:#666; border-bottom:1px solid #ddd;}
#c #menu li ul a:hover {background:#d3376d;color:#fff;border-bottom:1px solid #fff;}
#menu li a {padding-bottom:5px;}
#menu li a em {background:#2a2a2a;padding:0px 4px 2px 4px;line-height:14px;margin-left:5px;}
#menu li a em {border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px;}
#menu li.mactive em {background:#d3376d;color:#fff;}

#menu ul ul {position:absolute;margin-left:100px;margin-top:-32px;}
#menu li.mactive li a em, #menu li li a em {background:#9F2753;color:#fff;}
#menu li.mactive ul a:hover em, #menu ul li.mactive a em {background:#fff;color:#666;}

#c #menu ul ul {background:#d3376d;}
#c #menu ul li.mactive a {background:#d3376d;color:#fff;}
#c #menu ul ul a:hover, #c #menu ul ul li.mactive a, #c #menu ul ul li.mactive li a:hover {border-bottom:1px solid #9F2753;background:#9F2753;color:#fff;}
#c #menu ul ul a, #c #menu ul ul li.mactive li a, #c #menu ul ul li.mactive li a, #c #menu .on2 .on2 a {background:#d3376d;border-bottom:1px solid #9F2753;color:#fff;}
#c #menu ul ul a em, #c #menu ul ul li.mactive li a em, #c #menu ul ul li.mactive li a em {background:#9F2753;color:#fff;}
#c #menu .on2 li.on a {text-decoration:underline;}
#c #menu .on2 .on2 li.on a {text-decoration:underline;}
#c #menu .on2 .on2 li a:hover {background:#9F2753;}

/* intro */
#intro { font-style:italic;margin-bottom:20px;padding-right:130px;line-height:64px;display:block; }
#intro h2 { font-size:46px;font-style:normal; margin-bottom:0;}
#intro span {color:red;}
#introbutton { font-size:11px;font-style:normal;text-decoration:none; border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; }
#introbutton {line-height:16px;}
#c #introbutton { padding:5px 7px; color:#aaa; background:#fff; border:1px solid #ccc;}
#c a#introbutton:hover { color:#888; border:1px solid #aaa; }
#c #intro p.intro { font-size:18px;font-size:18px;font-family:georgia;line-height:26px; }

/*===== MAIN-FORMATTING  ===*/

/* #l(eft) / #r(ight) */
#l {float:left;width:580px;}
#r {float:right;width:338px;color:#666;} /* This can easily be switched! */
#l a, #r a {color:#d3376d;text-decoration:none;border-bottom:1px solid #ccc;}
#l a:hover, #r a:hover {color:#C86637;border-bottom:1px solid;}
#r a {color:#333;border-bottom:0;}
#r a:hover {color:#111;border:0;text-decoration:underline;}
#l p {margin-bottom:15px;line-height:18px;}
p.intro {font-style:oblique;}
.box, .widget {padding:20px;margin-bottom:25px;border:1px solid #ddd;background:#fff url(images/boxbg.gif) repeat-x top left;}
.box, .widget {border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;}
.box.single p {overflow:hidden;}
#c .box.single img.size-full {margin-bottom:10px;}

#sbox {margin-right:-50px;}
#sbox .box {width:238px;float:left;margin-right:20px;margin-bottom:20px; height:200px; overflow:hidden;}
#sbox h2 {font-size:18px;line-height:24px;display:block;margin-top:0;}

/* #r widgets */
#r li {padding:4px 0;border-bottom:1px solid #ddd;line-height:18px;}
.widget h4 {background:#d3376d;color:#fff;margin:-5px -21px 15px -19px; /*padding:10px;*/ line-height:36px; padding-left:10px;padding-right:10px;font-weight:bold; text-shadow:1px 1px #8F234B;}
.widget h4 em {display:block;font-weight:normal;font-size:11px;font-family:georgia;color:#fff; }
.widget:hover h3 {background:#999;}

#r ul.tabs {display:block;height:34px;}
#r .tabs li {border-bottom:0;float:left;margin-right:5px;padding:0;}
#r .tabc li a, #r .abs li a {padding-left:0px; }
#r .tabc li, #r .abs li {background:#fff url(images/arrow.png) no-repeat 0 6px;padding-left:20px;}

.tabc {display:none;}
#r .tabs a, #r a.more {display:block;padding:3px 6px;background:#fafafa;color:#666;border:1px solid #eee;border-bottom-color:#bbb;border-right-color:#bbb;outline:0;}
#r .tabs a, #r a.more {border-radius:3px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;}
#c #r a.more {margin-top:15px;font-size:11px;margin-bottom:5px;width:68px;text-align:center;text-decoration:none;padding-left:6px;}
#r a.more:hover {background:#eee;}
#r li.more {margin:0;padding:0;background:none;border:0;}
#r .tabs a.default, #r a.active, #r a.active:hover { color:#fff; background:#d3376d; border:1px solid #d3376d; border-top-color: #8F234B; border-left-color: #8F234B; text-decoration:none; text-shadow:1px 1px #8F234B;}
#r li.comments a {text-indent:-9999px; background:transparent url(images/comment2.png) no-repeat 3px 5px; padding:3px 12px;zoom:1;}
#r li.comments a.default {text-indent:-9999px; background:#d3376d url(images/comment2.png) no-repeat 3px 5px; }
#r li.tabdesc, #r .abs li.tabdesc {background:none;border:0;padding:0;font-style:italic;font-size:11px;  }
#r .abs li.tabdesc {padding-top/*\**/: 5px\9} /* IE8 only */

#r .wp-tag-cloud li {border:0;background:none;padding:0;display:inline;margin:0;}

#r .tabc a em, #r .tabc em, #r .abs a em {color:#888;font-style:normal;}
#r .tabc a:hover em, #r .abs a:hover em {color:inherit;}

/* Post stuff */
#c p.date {display:block;text-align:left;border-bottom:1px solid #ddd;padding-bottom:5px;color:#999;font-size:11px;margin-bottom:10px;}
#l p.date:first-letter {text-transform:uppercase;} 
#c p.intro {font-size:14px;line-height:22px;color:#222;} /* created manually or via jquery */
.date em {font-family:georgia,times;font-size:14px;letter-spacing:-1px;color:#d3376d;padding-right:2px; }
.date span {float:right;display:block;line-height:22px;}
#c .date a {color:#666;padding-left:16px;background:transparent url(images/comment.png) no-repeat 0 0;border:0;}
#c .date a:hover {color:#C86637;}

#navpage {clear:both;}
#navpage a {padding:5px;border:1px solid #eee;background:#fff url(images/boxbg.gif) repeat-x 0 0;font-size:11px;color:#666;}
#navpage a {-moz-border-radius:3px;border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;}
#navpage a:hover {border-color:#ddd;color:#333;}

/* lists */
#l ul, #l ol {margin-bottom:20px;line-height:20px;}
.single ul, .page ul, .single ol, .page ol {list-style-type:none;list-style-position:inside;margin:0 5px;}
.single ul li, .page ul li {background:url(images/bullet_blue.png) no-repeat 0 2px;padding-left:20px;}
.single ol, .page ol {list-style-type:decimal;}
.single ol li, .page ol li {list-style-type:decimal;background:none;}
.box blockquote {padding:20px;padding-bottom:10px;background:#f6f6f6;background:#ffd;border-left:1px dotted #ccc;margin-bottom:20px;margin-top:20px;}
.box code {background:#555;color:#fff;font-family:tahoma,helvetica,sans-serif;}

/* #f(ooter), footer */
#f {background:#D3376D;margin-top:150px;padding:50px 0 50px;font-size:11px;color:#F6E2FC;}
.fcol {float:left;width:270px;display:block;}
#f .fcol:hover h3 {color:#ccc; opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);}
#col1 {margin-right:48px;}
#col3 {float:right;width:338px;}

#f h3 {font-size:20px;margin-bottom:15px;color:#F6E2FC;opacity:0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50);}
#fc h4 {font-weight:bold;}
#fc a {color:#777;padding:10px;line-height:16px;text-decoration:none;}
#fc a:hover {background:#2a2a2a;color:#ccc;}

#fc a span {background:#FFE2BF;color:#444;margin-top:-30px;-moz-border-radius:3px;border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;}

#col3 a { float:left; padding:0; background:none; padding:0 10px 0 0; }
#col3 a:hover { float:left; background:none; }
#col3 a { opacity:0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); }
#f #col3 h3 {margin-bottom:17px;}

#f a.fbutton {display:inline;float:none;border:0;width:auto;height:auto;padding:5px 7px;margin:0; opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity:1;}
#f a.fbutton {background:#222;line-height:24px;text-align:center;-moz-border-radius:3px;border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;}
#f a.fbutton {}
#f a.fbutton:hover {background:#111;color:#eee;}
#f a.member {background:none;font-weight:bold;text-decoration:underline;color:#B7FF87;}
#f a.member:hover {background:none;}

.latestm {width:55px;float:left;margin-right:12px;margin-bottom:12px;border:1px solid #444;}
.latestm em {display:block;}
.latestm img {}
#f .mmargin {margin-right:0;}

#f p.fbottom {padding:10px 0 0;margin:40px 0 0;border-top:1px dotted #444;color:#777;text-align:center; text-align:center; color:#F6E2FC;}
#f p.nofat {margin:0px;padding:0;border:0;}
#f .fbottom a {display:inline;border:0;padding:0;margin:0;color:#F6E2FC;}

/* comments */
.coms ol {margin-top:20px;}
.coms li {list-style-type:none;list-style-position:inside;padding:15px;margin-bottom:15px;min-height:65px;height:auto !important;height:65px;background:#fff;border-bottom-color:#ccc;padding-left:75px;}
.coms li cite {font-weight:bold;}
.coms li.alt, .coms li {background:#f6f6f6;border:1px solid #ddd;}
.coms li {background:#fff;}
.gravatar img {position:absolute;margin-left:-65px;padding:3px;border:1px solid #ddd;background:#fff;width:48px;font-size:10px;}
.coms li, .gravatar img, .coms input, .coms textarea, #c a.reply, #submit {border-radius:3px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;}
.rankimg,.lvlimg {cursor:help;}
.rankimg:hover,.lvlimg:hover {opacity:0.8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity:0.8; }
#comlevel img {width:25px;height:25px;border:1px solid #ddd;background:#fff;border-radius:3px;position:absolute;margin-left:-110px;}
#comlevel .rankimg {margin-top:0px;}
#comlevel .lvlimg {margin-top:29px;}

#c .auth, #c .auth a {margin:0;padding:0;background:none;}
#c .auth {float:left;font-weight:normal;font-weight:bold;color:#777;}
.auth em {font-weight:normal;font-size:10px;color:#888;font-family:inherit;letter-spacing:0;font-style:normal;cursor:help;}
#c .coms span a {border-bottom:1px dotted #aaa;}
#c .ctime {float:none;text-align:right;}
#c .ctime a {padding:0;border-bottom:1px dotted;background-image:none;}
#c .coms p.date {margin-bottom:7px;padding-bottom:5px;}
#c .coms li blockquote { margin:0;padding:0 10px 15px; margin:0 0 10px; }
#c .coms li blockquote p { margin:0;padding:0; }

.coms h2 {margin-bottom:30px;}
.coms label, #submit {cursor:pointer;}
#submit {width:auto;background:#62DF61;color:#fff;border-color:#62DF61;font-size:11px;padding:4px 5px;}
#submit:hover, #submit:focus {background:#d3376d;border-color:#d3376d;}
.coms label {display:block;line-height:24px;font-size:11px;color:#666;}
input, textarea {font-family:arial;font-size:12px;background:#fff;border:0;outline:0;}
.coms textarea, .coms input {border:1px solid #ddd;padding:5px;color:#888;margin-bottom:5px;}
.coms input {width:150px;}
.coms textarea {width:330px;scrolling:auto;overflow:auto;}
.coms textarea:focus, .coms input:focus {border-color:#aaa;color:#555;background:#f9f9f9;}
.cinputs {float:left;width:170px;overflow:hidden;}
.textarea {float:right;border-left:1px dotted #ddd;padding-left:18px;height:240px;overflow:show;margin-bottom:10px;width:340px;}
.textarea2 {float:none;padding:0;border:0;margin:0;height:auto;}
.textarea label {}
#c input.subscribe {float:left;padding:0;margin:0;width:auto;margin-top:5px;margin-right:5px;display:none;}
#c .lsubscribe {display:none;}
#c .coms li:hover a.reply {display:block;}
#c a.reply  {padding:2px 4px;background:#fff;border:1px solid #ddd;position:absolute;margin-left:410px;margin-top:-20px;font-size:11px;color:#aaa;display:none;}
#c a.reply:hover {background:#fff;color:#666;border:1px solid #aaa;}

.ctip {margin-top:20px;padding-top:20px;border-top:1px dotted #ddd;}
.coms form p em {font-size:11px;line-height:16px;}
label.error {color:#cc0000;padding:5px;position:absolute;width:100px;background:#fff;border:1px dotted #dd0000;margin-top:-25px;margin-left:130px;line-height:16px;}
#c .textarea label.error {margin-left:80px;margin-top:-200px;width:auto;}
#c input.error, #c textarea.error {border-color:#dd0000;background:#cc0000;color:#fff;}

#c .coms li p {width:446;overflow:hidden;} /* hide long p's like long urls etc */

/* featured */
.featured {height:200px}
#slidec {position:absolute;}
#slidec div {width:300px;height:200px;overflow:hidden;}
#slides img {width:300px;height:200px;}
#slides em { color:#fff; margin:0; padding:4px 10px; font-size: 11px; position: relative; top: -32px; line-height: 30px; height: 30px; background: #000; opacity: .7; filter:alpha(opacity=70); -moz-opacity:.7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";}
#r #slides em {font-style:normal;overflow:hidden;}
#slides a span {display:none;position:absolute;margin-top:-110px;left:110px;background:#000;color:#fff;padding:5px 10px;opacity: .7; filter:alpha(opacity=70);-moz-opacity:.7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }
#slides a span {width:100%;height:52%;margin:0;padding:0;left:0;top:0;text-align:center;padding-top:32%;font-weight:bold;}
#slides a:hover span {display:inline;}
#slides a:hover p {display:;}
#controller { position:absolute; right:-4px; margin-top:-26px;background: url(images/featured.png) no-repeat top left; width:93px; height:93px; z-index:999;}
#controller span {display:inline;padding:0 2px;cursor:pointer;font-size:18px;color:#aaa;}
#controller span:hover {color:#888;}
#controller span.jFlowSelected {color:#d3376d;}
#c .controllers {position:absolute;right:23px;top:225px;width:300px;text-align:left;}

#prevNext {position:absolute; z-index:999;margin-top:90px;}
#prevNext .fprev {margin-left:-32px;}
#prevNext .fnext {left:306px;position:absolute;}
#prevNext a {display:block;width:26px;height:26px;background:transparent url(images/fbuttons.png) no-repeat 0 0;float:left; text-indent:-9999px; outline:0; }
#prevNext a.fnext {background-position: 0 0; }
#prevNext a.fprev {background-position: 0 -26px;}

#r a.fnext:hover {background-position:-26px 0px;}
#r a.fnext:active {margin-top:1px;}
#r a.fprev:hover {background-position:-26px -26px;}
#r a.fprev:active {margin-top:1px;}

/* Google ads */
#c #mad { margin:0; margin-bottom:20px; height:135px;width:170px;overflow:hidden;}
#c ins {line-height:20px;}
#c .widget {padding-left:18px;}
#topad {position:absolute;top:200px;left:35px;}

#mad_hide, #topad_hide, #ad300_hide { display:none;position:absolute; }
#mad_hide div, #topad_hide div, #ad300_hide div {margin:0;padding:0;}

/* default wp-classes */
img.size-full {clear:both;float:none;margin:10px 0;}
p img.size-full {margin:0 0;}
#c img.size-large {float:none;}
.alignleft {float:left;margin:3px 10px 0 0;}
.alignright {float:right;margin:3px 0 0 10px;}
.wp-caption {}
#c .wp-caption p {margin:5px 0 15px;font-style:italic;color:#999;}

/* archive */
.archive span {font-style:italic;color:#999;font-size:11px;margin-left:5px;}
.archive li {border-bottom:1px solid #ddd;line-height:24px;}
#l.archive a {border:0;}
#l .archive .box {height:auto;}
.archive li span {display:block;margin:0;} 
#c .archive li {padding:0;line-height:18px;padding:5px 0 5px 5px;}
.archive li.hover {background:#f6f6f6;}
#c .archive li.selected {background:#ffc;}
.archive ul {border-top:1px solid #ddd;margin-top:20px;}
#c .archive span a {color:#999;text-decoration:underline;}
#c .archive h3 {border:0;margin-top:0;margin-bottom:0;padding-bottom:0;color:#666;font-size:16px;word-spacing:-3px;}
#c .archive a:hover {text-decoration:underline;}

/* author etc */
#authnfo .avatar {float:left;margin-right:10px;margin-top:3px;border-right:1px solid #ddd;}
#authnfo {margin:30px 0 0; min-height:80px;height:auto !important;height:80px;}
#tags {clear:both;font-size:11px;font-style:italic;}

/* More Info */
#mi {border-top:1px dotted #ddd;margin:40px 0 -20px 0;}
#mi ul, #mi ol {list-style-type:none;}
#mi li {padding:0;background:none;}
#mi div {float:left; width:170px;margin:40px 0;font-size:11px;}
#mi .m1 {width:140px;}
.m1,.m2 {padding-right:25px;}
#mi a {display:block;line-height:18px;height:18px;overflow:hidden;}
#mi .m1 a {height:auto;overflow:visible;border:0;}
#mi .m1 a:hover {opacity:.9;filter:alpha(opacity=90);-moz-opacity:.9; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; }

#mi h4, #mi em {padding-left:21px;}
#mi h4 {margin:0;font-weight:bold;font-size:13px;}
#mi em {display:block;margin-bottom:10px;border-bottom:1px solid #ddd;padding-bottom:10px;}
#mi .m1 {background:transparent url(images/star.png) no-repeat 0 2px;}
#mi .m2 {background:transparent url(images/brick.png) no-repeat 0 3px;}
#mi .m3 {background:transparent url(images/chart_bar.png) no-repeat 0 3px;}

/* author page(s) styles */
.ai {padding-top:15px;position:relative;}
.ai .avatar {float:left;margin-right:15px;background:#eee;}
#l .ai .m2, #l .ai .m3 {width:auto;}
#l .ai .m2 {width:200px;}
#l .ai table {border-collapse:collapse;width:100%;margin-bottom:20px;margin-top:20px;}
.ai thead td {border-bottom:1px solid #ddd;font-weight:bold;}
.ai td {line-height:24px;width:20%;}
.ai td.authurl {padding:0;}
.authbox .box {padding-top:15px;}
.authbox h2 {margin-bottom:0;}
#c .authbox em {font-size:11px;display:block;}
.authbox li {border-bottom:1px solid #ddd;height:24px;overflow:hidden;}
#c .authbox li a {border:0;line-height:24px;color:#666;}
#c .authbox li a:hover {color:#222;text-decoration:underline;}
.authbox .boxlist {margin-top:10px;}
li.blistno {height:auto;line-height:16px;border:0;}
.authdesc {margin:20px 0 0;padding:20px 0;border-top:1px solid #ddd;}
#c .authdesc p {}
#level {position:absolute;top:20px;right:20px;width:380px;text-align:right;}
#level img {width:48px;height:48px;margin-left:7px;cursor:help;}
.ai h2 span {display:block;font-size:16px;color:#aaa;}

/* form table */
.form-table input, .form-table textarea, .form-table option {border:1px solid #ddd;width:200px;color:#666;padding:5px;line-height:18px;}
.form-table input, .form-table textarea {-moz-border-radius:3px;border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;}
.form-table textarea {width:330px;height:150px;overflow:auto;}
.form-table input:focus, .form-table textarea:focus {border-color:#aaa;color:#555;background:#f9f9f9;}
.form-table th, .form-table td {border-bottom:1px dashed #ddd;padding-bottom:10px;padding-top:10px;vertical-align:middle;}
.form-table th {width:100px;}
.form-table td {width:auto;}
.form-table small {font-size:10px;font-style:italic;}
.form-table select, .form-table option {width:150px;margin-right:7px;padding:3px;color:#555;outline:1;}
.passwords input {width:100px;margin-right:7px;background:#ffc;padding:3px;}
p.message {border:2px solid lightgreen;padding:10px;font-size:16px;}
.page .message {border:2px solid green; background:#e7ffd0; color:green;}
.box-red {border:2px solid red;font-size:18px;padding:10px;color:#222;}
#submit {padding:6px 5px;}

/* Login panels */
#panel {position:absolute;top:10px;text-align:right;right:0;}
#panel {font-size:11px;}
#plinks a {text-decoration:none;color:#888;}
#plinks a:hover {color:#fff;text-decoration:none;}

#plinks a.login:hover, #plinks a.register:hover { background-color:#d3376d;background-color:#333;color:#fff; }

#plinks a.login, #plinks a.register {padding:2px 6px 2px 21px;border-radius:3px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;}
#plinks a.login {background:#222 url(images/login.png) no-repeat 2px 1px;}
#plinks a.register {background:#222 url(images/red_heart.png) no-repeat 2px 1px;}
#c #plinks a.menu-open {background-color:#DDEEF6;color:#444;}
#panel p {margin:0;padding:0;}

#plogin {width:140px;padding:10px;background:#DDEEF6;font-size:11px;position:absolute;right:0;text-align:left;}
#plogin {-webkit-border-radius:5px;-webkit-border-top-right-radius:0px;-khtml-border-radius:5px;-khtml-top-border-radius:0;border-radius:5px;border-top-right-radius:0;}
#plogin {-moz-border-radius:5px;-moz-border-radius-topright:0;}
#plogin input {border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px;-moz-border-radius:3px;}
#plogin input:focus {background:#ffc;}
#plogin input {border:1px solid #aaa;color:#666;padding:3px;margin:0;margin-bottom:7px;}
#plogin label, .button {cursor:pointer;font-size:11px;}
#plogin .button {display:inline;margin-right:5px;}
#plogin a {color:#999;background-color:none;text-align:left;}
#plogin a:hover {background:0;}
#plogin {display:none;}
.pbuttons label {vertical-align:middle;}
#q {position:absolute;top:50px;z-index:99999;font-size:60px;color:#fff;left:200px;}
#c #plinks a.on {color:#fff;}

#loginrank img {position:absolute;top:-7px;right:0;width:25px;height:25px;}
#loginrank img:hover {top:-6px;}
#c #plinks span a.on {color:#d3376d;border-bottom:1px solid #444;}
#c #plinks span {margin-right:30px;}

/* memberlist */
#mlist {margin-bottom:20px;border-collapse:collapse;width:100%;}
#mlist th,#mlist td {border:1px solid #ddd;padding:5px;}
#mlist td {vertical-align:middle;}
#mlist th {font-weight:bold;background:#fff;border:0;font-size:11px;}
#mlist .avatar {}
#mlist tr:nth-child(2n) {background:#f9f9f9;}
#mlist img {width:30px;height:30px;}

/* tooltips, vtip */
p#vtip { display: none; position: absolute; padding: 10px; left: 5px; font-size: 11px; background-color: #fff; border: 1px solid #ddd; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius:5px; border-radius:5px; z-index: 9999; }
p#vtip #vtipArrow { position: absolute; top: -10px; left: 5px; background:transparent url(images/vtip_arrow.png) top left no-repeat; width:20px;height:15px;}

/* navigation titles */
h2#navt {color:#fff;margin-bottom:15px;font-size:20px;padding:10px;background:#888;width:auto;}
h2#navt {border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;}
h2#navt em {font-size:11px;color:#ccc;}

/* cview, switch views */
#cview {display:block;position:absolute;margin-top:-20px;width:578px;height:30px;margin-left:-5px; /*need negative margin due to a-padding*/}
body * #vthu {text-indent:-9999px;}
#l #cview a { border:0;	display:block; float:left; text-indent: -9999px; width:9px; height:7px; overflow:hidden; background: url(images/views.gif) no-repeat top left; margin-right:0px; padding:5px; }
#l #cview a:active {margin-top:1px;}
a#nor {background-position:0 5px;}
#l #vnor:hover, #c #vnor.on {background-position:0 -13px;}
#l a#vthu {background-position:-14px 0;width:7px;}
#l #vthu:hover, #c #vthu.on {background-position:-14px -13px;}
#l a#vlis {background-position:-26px 0;width:10px;}
#l #vlis:hover, #c #vlis.on {background-position:-26px -13px;}
#l a#vcom {background-position:-41px 0;width:10px;}
#l #vcom:hover, #c #vcom.on {background-position:-41px -13px;}
#l a#vmag {background-position:-41px 0;width:10px;}
#l #vmag:hover, #c #vmag.on {background-position:-41px -13px;}

/* Thumbview */
#c .tview .box {height:163px;width:auto;padding:0;padding:10px;margin:0 18px 18px 0; position:relative; }
#l .tview .box a span {z-index:9;position:absolute;display:block;margin-top:140px;padding:0px 5px;border:0; width:150px;}
#l .tview .box a span {background:#d3376d;color:#fff;font-size:11px;margin-left:0px;line-height:24px;height:24px;overflow:hidden;}
#l .tview .box img {height:160px;width:160px;}
#l .tview img.ifx {z-index:9;position:absolute;}
#l .tview img.ifx {opacity:0.001;-moz-opacity:0.001;filter:alpha(opacity=1);-ms-filter:"alpha(opacity=1)";}
#l .tview img.iblur {z-index:8;} /* den svartvita */
#c .tview .box p {position:absolute;margin:0;margin-top:-23px;margin-left:123px;border:0;font-size:10px;}
#c .tview .box p a {color:#fff;border:0;}
#l .tview .box p {z-index:11;padding:3px 5px;}
#c .tview .box p a {background:url(images/comment.gif) 0 -1px no-repeat;padding-left:15px;}
#c .tview .box a em {position:absolute;bottom:13px;right:18px;z-index:10;color:#fff;font-style:normal;font-size:11px;background:#d3376d url(images/comment.gif) 0 -1px no-repeat;padding-left:15px;}
#c .tview .box a:hover em {display:none;}

/* Listview */
#l .boxlist {height:160px;font-size:11px;} 
#c .boxlist h4 {background:#888;text-transform:capitalize;color:#fff;margin:-5px -21px 5px -21px;}
#c .boxlist h4.nolink {background:none;margin:0 0 5px;padding:0;color:#666;}
#c h4.nolink {padding:10px;text-transform:none;}
#l .boxlist h4 a {display:block;padding:10px;padding-left:15px;color:#fff;background:#aaa;border:0;}
#l .boxlist h4 a:hover {background:#d3376d;border-color#D1E6EF;}
#l .boxlist li a {border:0;color:#666;border-bottom:1px solid #ddd;display:block;line-height:24px;background: url(images/arrow.png) -4px 5px no-repeat; padding-left:13px;}
#l .boxlist li a:hover {color:#d3376d;color:#333;text-decoration:underline;}
#l .boxlist h4 a span {display:none;font-weight:normal;text-align:right;float:right;color:#C2E1EF;cursor:pointer;}
#l .boxlist h4 a:hover span {display:inline;}
#l .latest {background:#f6e2fc;border-color:#e2c6eb;height:382px;}
#c .box.latest li a {border-bottom:1px solid #e2c6eb;}
#c .box.latest li a {border-color:1px solid #D1E6EF;}
.boxlist a span {float:right;cursor:help;}
span.nolink-right {float:right;background:url(images/comment.png) no-repeat;width:14px;margin-right:-2px;text-indent:-9999px;cursor:help;}

/* magview */
#c .box.magview {height:auto;padding-bottom:10px;}
#c .box.magview p {}
#c .magview h2 {margin-top:7px;}
#c .boximg h2 {margin-top:3px;}
#c .box.boximg {height:290px;}
#l .magview p.first {font-size:14px;line-height:22px;}
#c .magview a, #c .boximg a {border-bottom-width:0px;}
#c .magview p a, #c .boximg p a {border-bottom-width:1px;}

#c .magview .date {border:0;margin:0;padding:0;border-top:1px solid #ddd;padding-top:5px;margin-top:30px;}
#l .magview .date a, #c .nor .date a {background:none;padding-left:0;}
#l .magview a.ncom, #l .nor a.ncom {padding-left:20px;margin-left:3px;border-left:1px solid #ddd;background:transparent url(images/comment.png) no-repeat 4px 0;}

/* custom widgets */
#r .abs li {list-style-type:none;}
#r .abs h4 {margin-bottom:6px;}
#r .abs .tabdesc {margin-bottom:3px;}
#l table.authorinfo {}
#l .authdesc {}

/* inline ads */
#inlinead {margin:6px 0 6px -3px;}

/* TDO Mini forms */
#l .tdomf_form input, #l .tdomf_form textarea, #l .tdomf_form select { color:#888; border:1px solid #ccc; padding:5px; display:block; margin:5px 5px 5px 0; font-family:arial,helvetica,sans-serif; font-size:12px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#eee; }
#l .tdomf_form input:focus, #l .tdomf_form textarea:focus, #l .tdomf_form select:focus { background:#fff; border-color:#aaa; color:#666; }
#l .tdomf_form textarea {width:350px; height:250px; overflow:auto; }
#l .tdomf_buttons input { cursor: pointer; background:#fff; }
#l .tdomf_buttons input:hover { color:#444; border-color:#999; background:#eee; }

/* Google Search */
#search { position:absolute;top:100px; right:16px; width:200px;}
#search input {-moz-border-radius:3px; color:#555; border-radius:3px; -webkit-border-radius:3px; padding:4px; cursor:pointer; margin-left:5px; font-family:arial,helvetica,sans-serif;font-size:11px; }
#search #gsubmit {background:none;color:#fff;display:block;float:right;width:auto;text-decoration:underline; opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)"; padding:0; margin-top:3px; }
#search #gsubmit:hover {opacity:1; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)";}

/* Example */
#c a.example {padding: 10px 5px; display:block;width:100px;text-align:center; border:1px solid #ccc; background:#eee; color:#888; font-weight:bold; border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px; margin-top:5px; }
#c a.example:hover {background:#D3376D;color:#fff;border-color:#D3376D;}

/* Social feeds */
#social {position:absolute;right:0;top:213px;}
#social a {margin-left:5px;}
#social a:hover { opacity:0.8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); }

/* RSS categories */
br.clear {clear:both;}
a.rsscat {clear:both;}

/* Buttons */
#l a.btn { color:#fff; font-size:12px; background:url(images/cssbuttons.png); background-position:0 -240px; text-decoration:none; text-shadow:1px 1px #7F0F55; border:0; }
#l a.btn { display:block; float:left; height:30px; line-height:30px; padding:0 0 0 15px; zoom:1; cursor:pointer; margin:10px 10px 10px 0; }
#l a.btn span { display:table-cell; background:url(images/cssbuttons.png) right -240px; padding:0 15px 0 0; zoom:1; }

#l a.btn:hover { background-position: 0 -280px; color:#fff; }
#l a.btn:hover span { background-position: right -280px; }

#l a.btn:active { background-position: 0 -320px; color:#fff; }
#l a.btn:active span { background-position: right -320px; }
#l a.btn:focus {outline:0;}