/*
Theme Name: SpillNet-2
Theme URI: 
Description: 
Version: 
Author: 
Author URI: 



*/


body {
font:normal 12px Arial, Georgia, Sans-Serif;
color : #5D5B52;margin:0; padding:0;
background:#000 url(images/bg.jpg) no-repeat 50% top;
}

a {color:#E1976E; text-decoration:none;}
a:hover {text-decoration :underline;}
h1, h2, h3, h4, img, form, ul, li, input {margin:0; padding:0;}
h2{font-size:22px;}
h3, h4, h3 a, h3 a:hover {font-size:17px;color:#827B77;text-decoration:none;}
a img {border:0 none;}
p {padding : 5px 0;margin : 0; }
input, select, textarea {margin:0 2px; padding:8px 1px; border:1px solid  #F1F1F1;height:16px;}
textarea {height:120px;padding:0 1px;}
small {font-size:11px;}

/*  ====================== Page Structure ======================= */
#wrapper {width:971px; margin:0 auto;padding-top:23px;}
#header {width : 967px; margin:0 auto 7px auto; height:158px;background:url(images/header.gif) no-repeat bottom left;}
#nav {width:968px; margin:0 auto 7px auto; background:url(images/nav-top.gif) no-repeat;padding-top:11px;}
#page {background:#D6D6D6 url(images/page-bg.gif) repeat-x;}

#content{width:612px;padding-left:20px;float:left;}
#sidebar{width:287px;float:left;}
#footbar {background:#F9F8F7; width : 920px; padding:20px 0;}
#footer {margin:0 auto; text-align:right; height:24px;font-size:13px; width : 960px;padding-right:12px; }

.pge_btm {background:url(images/bottom.gif) no-repeat;line-height:13px;height:13px;}



/*  ====================== Header ======================= */
.header_left {float:left; width:537px;}
.header_rt {float:left; width:430px;}


/* Member Login */
form#user-login {background:url(images/login-box.gif) no-repeat;width:401px; color:#8C8C8C;padding:5px 5px 0 5px;font-weight:bold;height:80px;font:bold 11px arial;}
form#user-login p {padding:5px 0 0 0;}
form#user-login input {margin:0; padding:0; border:0;height:22px;color:#cccccd;}
form#user-login input.txt {width:146px;padding:3px 2px; border:0;height:16px;background: url(images/login-input.gif) repeat-x;border:1px solid #C8C8C8;}
form#user-login input.btn {width:60px;background: url(images/login-btn.gif) repeat-x;font:bold 11px arial;cursor:pointer;padding-bottom:1px;color:#fffffd;}
form#user-login input.btn:hover {background:url(images/login-btn.gif) repeat-x 0 -22px;}
form#user-login .input {width:150px; padding:0 2px 0 7px;float:left;}
form#user-login .last {width:60px;}
form#user-login p.signup {padding:10px 13px 5px 0;text-align:right;clear:both;color:#fffffd;}
form#user-login .signup a {color:#E5824B;}

.logo img {display:block;width:232px; height:154px;float:left;margin-left:13px; }
.tagline {float:left; display:block;width:176px; height:42px;margin:82px 0 0 23px;background:url(images/tagline.gif) no-repeat; }
.tagline span {display:none;}


.topbar {background:#F1F1F1; padding-bottom:15px;} 
.subscribe {padding:20px 17px 0 0;float:left; width:172px;}
a.sublink {display:block; margin:0 0 5px 0; padding:4px 5px 4px 32px; width:133px;background:#f3f3f3; border:1px solid #E0E0E0;height:20px;color:#827B77;font:bold 11px/20px arial;}
a.sublink:hover {color:#E47A3F;text-decoration:none;}

.subscribe .rss {background :url(images/rss.gif) no-repeat 6px center;}
.subscribe .mail {background :url(images/mail.gif) no-repeat 5px center;}

/* -- Search Form --*/
form#search {text-align:right;padding:0 0 30px 205px; width:220px;height:22px;}
form#search input {border:0;padding:0;vertical-align:top;margin:0;}
form#search input.txt {font-size:12px;height:16px;line-height:15px;padding:3px 0;width:185px;background: url(images/input-bg.gif) repeat-x;border:1px solid #917CA4; border-left:3px solid #CDCDCD;margin:0 10px 0 0;}
form#search input.btn {height:22px; width:13px;  cursor:pointer;}


/*  ====================== Nav ======================= */
.nav-btm {font:normal 1px/1px arial;height:8px; clear:both;background:url(images/nav-btm.gif) no-repeat;}
.nav-main {height:25px;background:url(images/nav-bg.gif) repeat-x;}
#nav ul {background:url(images/nav-border.gif) no-repeat 30px 0;list-style:none;padding-left:72px;height:25px;width:890px; overflow:hidden;}
#nav li {display:inline;font:bold 13px/25px arial;}
#nav li a {display:block; float:left; width:auto;margin-left:12px;color:#838383; }
#nav li a span {display:block; float:left; width:auto;cursor:pointer;padding:0 10px;}

#nav li a:hover, #nav li.current_pages_item a {background:#838383 url(images/nav-list.gif) no-repeat;text-decoration:none;color:#efeeee;}
#nav li a:hover span, #nav li.current_pages_item a span {background:url(images/nav-list.gif) no-repeat bottom right;}





/*  ================================= Contents ============================= */
.mainbox-outer {width:971px; background : url(images/mainbox-bg.gif) repeat-y; margin:0 auto 7px auto;}
.mainbox {width:920px; background : url(images/mainbox-top.gif) no-repeat;padding:24px 27px 0 24px;min-height:242px;}
* html .mainbox {height:242px;}
.mainbox-btm {font:normal 1px/1px arial;height:24px; clear:both;background:url(images/mainbox-btm.gif) no-repeat;}
#content form#searchform {text-align:center;}
.post {padding:10px; border:1px solid #F2F1EF;background:#F9F8F7;margin-bottom:26px;}
.post h2, .post h2 a, .post h2 a:hover {color:#494949;text-decoration:none;line-height:28px;font-weight:normal; }
.entry {line-height:22px;margin-top:5px;}


.hp-col {width:271px;  margin:0 22px 22px 0; padding:11px;float:left;border:1px solid #F2F1EF;background:#F9F8F7;min-height:168px;}
* html .hp-col {height:168px;}
.last-col {margin-right:0;}
img.thumb {width:80px; float:right; margin:0 0 5px 10px;}

p.tags {margin-top:15px;}
p.tags span {font-weight:bold;}
.postad {margin-bottom:26px; text-align:center;padding:10px;width:592px;}

/* Begin Lists */
.entry ol,.entry ul {margin: 0;	padding: 5px 0 5px 35px; }
.entry ul {margin: 0;	padding: 5px 0 5px 20px;list-style:none; }
.entry ul li {margin: 0; padding: 0; background :url(images/sb-list.gif) no-repeat 10px 11px; padding:4px 0 4px 20px;line-height:22px;line-height:18px; }




/*  ================================= sidebar ============================= */
#sidebar ul {list-style : none;margin:0;padding:0;}
.fsbbox {width:247px; padding:5px; background :#fffffe;border:15px solid #F9F8F7;min-height:230px;margin-top:10px;}
* html .fsbbox {height:230px; }
.sbbox {width:285px; padding:0 1px 10px 1px; background :#F9F8F7 url(images/sbbox.gif) no-repeat 1px 0;}
#sidebar h2 {color:#FDA134; padding:10px 20px 8px 45px;background :url(images/sb-h2.gif) repeat-x 0 bottom; font:bold 17px/17px arial ; margin:0 0 5px 0;}

#sidebar li {margin:0; background :url(images/sb-list.gif) no-repeat 15px 7px; padding:2px 0 2px 29px;line-height:18px;font-weight:600;font-size:11px;}

#sidebar li a {color:#5D5B53}


/*  ================================= Footer Bar  ============================= */
#footbar h2 {color:#FDA134; padding:0 0 5px 5px;font:bold 17px/17px arial;margin-bottom:10px;border-bottom:1px solid #E7E3D9;}
#footbar {color:#878976;}
#footbar ul {list-style:none; color:#878976;}
#footbar li {background :url(images/sb-list.gif) no-repeat 0 3px; padding:0 10px 7px 10px; font-size:12px;}
#footbar a {color:#878976;}
#footbar a:hover {color:#878976;text-decoration : underline;}



.fb-box {float:left; width:271px; float:left;padding:0 16px 0 16px;}
.fb-box li {display:block; width:115px;float:left;}
.fb-box li li {width:95px;}

/*  ================================= Footer  ============================= */
#footer {color:#827B77}
#footer .sitename, #footer .sitename a {color:#E47A3e;}
#footer a {color:#827B77;text-decoration : none;}
#footer a:hover {text-decoration : underline;}

/*  ================================= Others ============================= */

.clr {clear : both;margin:0; padding:0;font:normal 1px/1px arial;}


/* --------------------- common elements --------------------------- */
.navigation { display: block; color:#31A0ED; padding:0 0 10px 0;margin-bottom:40px;font-size:13px;}
.navigation .alignright { width:49%; text-align:right; }
.navigation .alignleft {width:49%; }
.navigation a {color:#827B77;}
.navigation a:hover {color:#E47A3e;text-decoration:none;}



h2.pagetitle, h2.center {text-align: center;font-weight:normal;}
h2.pagetitle {font-size:18px; padding:0 0 10px 0;}
h3#comments, h3#respond {padding: 0;margin: 30px 0 10px 0;font-weight:normal;font-size:22px;}
.alt { background-color: #F3F3f3;}


#commentform input {width:340px; margin: 5px 5px 1px 0;}
#commentform textarea { width:400px;margin: 5px 5px 1px 0;}

#commentform #submit, #searchsubmit {text-align:center;height:34px;font-weight:bold;text-align:center; /*background:#E7E3D9;*/ background:#5D5B52 url(images/signin.gif) repeat-x; border:0; /*color:#827B77;*/ color:#F8F7F3;width:150px;cursor:pointer;}

#commentform #submit {height:42px;}
#commentform #submit:hover, #searchsubmit:hover {background:#69675E;color:#F8F7F3;}




blockquote { border-left: 3px solid #91B135;padding:0 10px;margin:10px 15px;}
code { font: 1.1em 'Courier New', Courier, Fixed; border:1px dotted #91B135; margin:10px;padding:10px;display:block;}



.smallattachment {text-align: center; float: left;margin: 5px 5px 5px 0px;width:auto;}
.attachment {text-align: center; margin: 5px 0px;}


/* Floats */
.center { text-align: center;}
.centered {margin-left: auto;	margin-right: auto;	}
.alignright {float:right; width:auto;}
.alignleft {float:left; width:auto;}



/* Begin Images */

img.centered { display: block;	margin-left: auto;	margin-right: auto;	}
img.alignright {margin: 0 0 2px 7px; display: inline;float:right;	}
img.alignleft { margin: 0 7px 2px 0; display: inline;float:left; }

/* End Images */






/* Begin Form Elements */
.entry form { text-align:center; }
select { width: 130px; }

/* End Form Elements */



/* Begin Comments*/


.alt { 	margin: 0; padding:10px; border:1px solid #F2F1EF;background:#F9F8F7; }
.alt .even  {background:#FfFfFe; }

.commentlist { padding: 0; text-align: justify;}


#commentform p { margin: 5px 0;	}
.nocomments { text-align: center; }

ol.commentlist {margin:0;padding:0;}
.commentlist li {margin: 10px 0; padding:15px; list-style: none; font-weight:normal;width:580px;}
.commentlist li li {width:550px;}
.commentlist li li li {width:520px;}
.commentlist li li li li {width:490px;}
.commentlist cite {font-weight: bold;font-style: normal;font-size: 16px;color:#E1976E;}
.commentlist cite span {color : #5D5B53;}
.commentlist cite a {font-weight: bold;}

.commentmetadata {display: block; font-size:11px;font-weight:normal;}
.commentmetadata a {color:#494949;}


/*  Tabs */

.tabs {margin:15px auto 0 auto;;width:920px; background:#F9F8F7;}
ul.tabNavigation {list-style: none;width:920px;height:35px;padding-bottom:4px;background:url(images/tab-top.gif) repeat-x;}
ul.tabNavigation li {list-style: none; float:left; display:block;font:bold 13px/34px arial;width:auto;margin-right:5px;}
ul.tabNavigation li a {color:#838383;text-decoration: none; float:left; display:block;width:auto; text-align:center;}
ul.tabNavigation li a span { float:left; display:block;width:auto;height:35px; padding:0 25px;cursor:pointer;}

ul.tabNavigation li a:hover {background:url(images/tab.gif) no-repeat; color:#fffffd; text-decoration: none;}
ul.tabNavigation li a.selected {background:url(images/tab.gif) no-repeat ;color:#fffffd;}
ul.tabNavigation li.first a:hover, ul.tabNavigation li.first a.selected {background:url(images/tab.gif) no-repeat -20px 0;}

ul.tabNavigation li a:hover span, ul.tabNavigation li a.selected span {background:url(images/tab.gif) no-repeat  right -35px }

/*ul.tabNavigation li a.selected, */


.tabs .tabitem { padding:12px 10px;width:900px;clear:both;}
.catgpost {width:275px; padding:12px 11px;float:left;}
.catgpost p.title {padding:0; font-weight:bold;}
.catgpost p.title a {color:#5D5B53;}
.catentry {float:left; width:170px;padding:0 5px;}
img.catg-thumb {float:left; /*max-*/width:80px; margin:0 10px 2px 0; display:inline;}
* html img.catg-thumb {width:80px;}



/* Single page */
#singlepage {width : 880px;padding:0 19px;}
#singlepage .post {padding:9px 0 ; width:880px;}
#singlepage .post h1 {font-size:17px;color:#E87F3D;padding:0 10px 20px 10px; }
#singlepage .entry {width:728px; padding:0 76px;}
.comment-col {width:590px; float:left;}
.single_bar {width:286px; float:right;}
.sb_box {width:264px;padding:10px; border:1px solid #F2F1EF;background:#F9F8F7;margin-bottom:26px;}
.sb_box h2 {color:#E5824B; padding:0 0 10px 0; font:bold 15px/21px arial ; }

.sb_box ul {list-style:none;color : #5D5B53;}
.sb_box li {background :url(images/sb-list.gif) no-repeat 0 5px; padding:0 10px 7px 10px; font-size:11px;font-weight:bold;}
.sb_box a {color : #5D5B53;text-decoration : none;}
.sb_box a:hover {color : #5D5B53;}
img.avatar {float:left; margin:0 10px 5px 0;}
.commentlist p {padding:5px 0 ;}
.single-meta {height:40px;}
.single-meta .ratings {float:left;width:80px;}
* html .single-meta .ratings {padding-top:4px;}
.single-meta span {padding-right:10px; line-height:16px;}
.single-meta span.fav {background :url(images/fav.jpg) no-repeat left center;padding-left:20px;margin:0 10px; }
.single-meta span.fav a {color : #5D5B53;}


/* fan label - start */
.fan-label {
position: absolute;
display: block;
top: 120px;
right: -28px;
width: 27px;
height: 108px;
}

a:link.fan-label, a:visited.fan-label, a:active.fan-label {
background: url('http://www.spillnett.no/wp-content/uploads/2009/08/fan_label.gif') no-repeat top left;
}

a:hover.fan-label {
background: url('http://www.spillnett.no/wp-content/uploads/2009/08/fan_label.gif') no-repeat top right;
}
					
/* fan label - end */
