/*
Theme Name: The Betsafe blog
Theme URI: http://betsafe.com
Description: Theme for blogs on betsafe.com
Version: 1.0
Author: Jonas Karlsson
Author URI: http://pushforward.se
Tags: two column, simple, stylish
*/


/* Begin Typography & Colors */

a {outline:none;}

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: arial, verdana, sans-serif;
	background:transparent url('images/bg.jpg');
	/*background:transparent url('images/bg.jpg') fixed;*/
	/*background:transparent url('images/betsafe_gumball_bg_tile1.jpg');*/
	color:#333;
	text-align:center;
}

#container {
	width:985px;
	min-height:100%;
	margin:0 auto;
	text-align:left;
}

#header {
	width:982px;
	float:left;
}

#topmenu {
	background:transparent url('images/menu_bg.png');
	width:982px;
	height:72px;
	behavior: url(/iepngfix.htc);
	float:left;
}

#topnav li {
	list-style-type:none;
	float:left;
	margin:0;
	padding:10px;
}

#topnav li a {color:#d6c5aa; text-decoration:none; font-size:15px; font-weight:bold;padding:10px 5px 10px 15px;}
#topnav li a:hover {color:#fff;}
#topnav li.active a {color:#fff;background:transparent url('images/menu_btn_left_first.png');}
#topnav li.active {height:18px; margin:1px 0 0 0;background:transparent url('images/menu_btn_right.png') no-repeat right top;padding-left:25px;}

#subnav {clear:both;}

#subnav li {
	list-style-type:none;
	float:left;
	margin:0 5px 0 5px;
	padding:6px 8px 0 12px;
}

#subnav li a {color:#fff; text-decoration:none; font-size:11px; font-weight:bold;}
#subnav li a:hover {color:#fff; text-decoration:underline;}
#subnav li.active a {color:#fff;}

#content {
	width:983px;
	background:transparent url('images/bg-content2.png') no-repeat top left;
	float:left;
}

#mainscreen {
	width:732px;
	float:left;
}

#postscreen-start {
	background:url('images/bg-postscreen.png');
	width:467px;
	padding:0 10px 0 6px;
	float:left;
}

#postscreen {
	background:url('images/bg-postscreen.png');
	width:453px;
	padding:0 10px 0 20px;
	float:left;
}


div.navigation {
	margin:0 0 20px 0;
	clear:both;
}

div.postmetadata {
	margin:0 0 0 0;
}

div.postmetadata a, span.tags a {color:#999; text-decoration:none;}

div.postmetadata-single {
	padding:0 0 30px 0;
}

hr.postdivider {
	border:0; border-top:1px solid #cecece; border-bottom:1px solid #fff;
	width:440px; height:1px;
	margin:30px 0 25px 0;
	clear:both;
}

hr.postdivider-single {
	border:0; border-top:1px solid #cecece; border-bottom:1px solid #fff;
	width:440px; height:1px;
	margin:25px 0 3px 0;
	clear:both;
	
}

hr.postdivider-single_two {
	border:0; border-top:1px solid #cecece; border-bottom:1px solid #fff;
	width:440px; height:1px;
	margin:0 0 25px 0;
	clear:both;
}

hr.postdivider-search {
	border:0; border-top:1px solid #cecece; border-bottom:1px solid #fff;
	width:440px; height:1px;
	margin:10px 0 25px 0;
	clear:both;
}


#sharethis {height:20px;border:0;float:right;}
#sharethis img {margin:0 0 0 12px;}
#sharethis span {display:block; float:left; margin:0 0px 1px 0;}

span.thecomments {display:block; width:51px; height:46px; background:url('images/bg-comments.png') no-repeat; font-size:20px; float:left; margin:3px 0 0 5px; padding:5px 0 0 0; text-align:center; font-weight:bold;}
span.thecomments a {color:#b7101d; text-decoration:none;}
span.thecomments a:hover {color:#fff; text-decoration:none;}
div.posttop {width:85%; float:left; margin:0; padding:0;}
div.post {float:left;width:440px;}
span.tags {display:block; margin:4px 3px 0 0; background:#dedede; padding:1px 3px; float:left;font:bold 10px arial, sans-serif; text-transform:uppercase;}
span.readthis {display:block; float:right; padding:3px 7px 3px 7px; background:url('images/bg-readmore.png') repeat;margin-top:4px;}
span.readthis a {color:#b7101d;text-decoration:none;font-size:15px;font-weight:bold;}

#postscreenheader {
	width:483px;
	height:31px;
	background:url('images/bg-postscreenheader.png') no-repeat top right;
	float:left;
	margin:3px 0 0 0;
	behavior: url(/iepngfix.htc);
}

#leftsidebarholder {
	width:249px;
/*	background:#fff url('images/bg-test.png') no-repeat top left;*/
	float:left;
}

#leftsidebarheader-start {
	width:249px;
	height:381px;
	float:left;
	background:transparent url('images/bg-leftsidebarheader-start.png') no-repeat;
	margin:3px 0 0 0;
	behavior: url(/iepngfix.htc);
}

#leftsidebarheader {
	width:249px;
	height:128px;
	float:left;
	background:transparent url('images/bg-leftsidebarheader.png') no-repeat;
	margin:3px 0 0 0;
	behavior: url(/iepngfix.htc);
}

#leftsidebarheader img {margin:30px 0 0 20px;}


#leftsidebar {
	width:229px;
	float:left;
	background:transparent url('images/bg-leftsidebar.png') repeat-y;
	padding:17px 0 20px 20px;
	behavior: url(/iepngfix.htc);
	min-height:300px;
	height:auto;
}


#sidebar {
	width:250px;
	_width:230px;
	float:left;
	margin-bottom:-14px;
	_margin:0;
}

#sidebarheader {
	width:230px;
	_width:225px;
	padding:20px 0 0 20px;
	_padding:20px 0 0 20px;
/*	height:224px; */
	background:transparent url('images/bg-sidebarheader.png') no-repeat top left;
	float:left;
	behavior: url(/iepngfix.htc);
}
#sidebarheader img {behavior: url(/iepngfix.htc);}
#sidebarscreen img {behavior: url(/iepngfix.htc);}

#sidebarscreen {
	background:transparent url('images/bg-sidebar.png') repeat-y;
	width:210px;
	padding:0 20px 20px 20px;
	_padding:0 0 0 20px;
	float:left;
	behavior: url(/iepngfix.htc);
}

#photobox {background:url('images/bg-flickr.png') no-repeat; width:210px; height:335px;padding:0px 0 0 15px;margin:20px 0 0 4px;behavior: url(/iepngfix.htc);}

#photostream {padding:25px 0 0 0;float:left;}
#photostream li {float:left; margin:0 10px 8px 0;}
#photostream li img {border:3px solid #1f5eac;}
span#morephotos {font-size:13px; font-weight:bold;display:block; margin:0 0 0 90px; padding-top:12px; width:100px;background:url("images/flickrarrow.png") no-repeat bottom right;behavior: url(/iepngfix.htc);_background:none;}
span#morephotos a {color:#1f5eac;}
#facebook {width:230px;}

#catlist {margin-bottom:30px;}
#commentlist {margin-bottom:7px;}
#catlist li {float:left; margin:0 0 5px 0; width:114px;}
#catlist li a {background:url('images/bg-readmore.png');padding:3px; line-height:20px;color:#6b6b6b; font-weight:bold;}
#commentlist li {margin:0 0 15px 0;font-size:12px;color:#6b6b6b;}

div.comment {background:url('images/bg-readmore.png');padding:13px 15px 13px 15px;}
div.comment a {color:#6b6b6b;}
span.comment-author {float:left;padding:5px 0 0 5px;display:block;color:#6b6b6b; font-weight:bold; font-size:12px;}
img.commenter {padding-left:5px; float:left;}

#latestposts {margin:0 10px 0 0px;}
#latestposts-start {margin:12px 10px 0 20px;}
#latestposts li, #latestposts-start li {clear:both;margin:0 0 5px 0;}
#latestposts li a, #latestposts-start li a {font-size:12px; font-weight:bold; color:#6b6b6b;}
div.latesttitle {float:left;}
span.thelatesttitle {background:url('images/bg-readmore.png');line-height:20px; float:left; padding:0 3px;}
span.commentbubble {background:url('images/bg-commentbubble.png') no-repeat top right; padding:0 6px 10px 6px; height:17px; text-align:center;font-size:12px; font-weight:bold; color:#fff; line-height:20px; float:left;}

/*
span.thelatesttitle {background:url('images/bg-readmore.png');line-height:20px; float:left;}
span.commentbubble {background:url('images/bg-commentbubble.png') no-repeat; text-align:center; font-size:12px; font-weight:bold; color:#fff; line-height:20px; float:left;}
*/

/*** my odds idea ***/

/*
#myoddsidea {padding:15px 10px 5px 15px;}

.ideabubble {
	width:204px; height:77px;
	background:url('images/bg-ideabubble.png') no-repeat;
	float:left;
	margin:0 0 3px 0;
	padding:10px 10px 0 10px;
	font-size:11px; font-weight:bold; color:#999;
}
*/

.ideameta {width:203px;float:left; height:30px; margin-top:3px;font-weight:bold; color:#999;font-size:11px;}
.ideameta img {margin:0 2px 4px 0;vertical-align:middle;}
span.ideaauthor {display:block; float:left; width:134px;padding:3px 0 0 0;}


.ideabubble {width:231px; float:left; margin:0 0 3px 14px;}
.ideabubble-top {width:231px; height:8px; background:url('images/bg-ideabubble_top.png') no-repeat;}
.ideabubble-body {width:211px;background:url('images/bg-ideabubble_body.png') no-repeat bottom left; /*padding:2px 10px 35px 10px;*/padding:2px 10px 0 10px;overflow:hidden;}

/*** blogposts ***/
#blogposts {float:left;}
#blogpostsheader {background:transparent url('images/bg-blogpostsheader.png') no-repeat; width:249px; height:74px;behavior: url(/iepngfix.htc);}
#blogpostsheader img {margin:30px 0 0 30px;}
#blogpostsheader a.nolink {display:none;}
#footer {
	width:981px; height:73px;
	background:transparent url('images/bg-footer.png') no-repeat;
	margin:0 0 20px 0;
	clear:both;
	behavior: url(/iepngfix.htc);
}


/*** frontbox ***/
#frontbox {background:transparent url('images/bg-frontbox.png') no-repeat; padding:20px 0 0 26px; margin:0 0 30px 0; height:405px;}



.leavecomment {clear:both;}


a {color:#a4a4a4; text-decoration:none;}
a:hover {text-decoration:underline;}

h1#title {
	width:308px; height:47px;
	background:transparent url('images/h-title.png') no-repeat top left;
	text-indent:-999%;
	display:block;
}

h2#description {font-size:18px; font-weight:bold;}
h2#about {font-size:12px; font-weight:bold;}

#postscreen {font-size:12px; color:#555350; line-height:18px; min-height:430px;height:auto;}
/* for Internet Explorer */
/*\*/
* html #postscreen {
height:430px;
}

/*#postscreen a {text-decoration:underline; color:#b62025;}*/
#postscreen p {margin:0 0 20px 0;}
small {font-size:12px; color:#999; display:block; margin:3px 0 20px 0;}
h1, h2, h3, h4, h5, h6 {font:1em arial, sans-serif; margin:0;padding:0;color:#000;}
h1, h1 a {font-size:25px; color:#b7101d; text-decoration:none;font-weight:bold;}
h1 a:hover {text-decoration:none;background:#f1d9d9;color:#e20012;}

p.wp-caption-text {font-style:italic;font-size:11px;color:#7d7d7d;padding:0;margin:0;display:inline;}

h2 {font-size:20px;}
h2.pagetitle {padding:5px; color:#6b6b6b; background:url('images/bg-readmore.png');font-size:15px; font-weight:bold; margin:0 10px 0 0;}
h3 {font-size:18px; font-weight:bold;}
h3#comments {color:#a3a3a3;margin:0 0 20px 0;padding:0;}
h4 {font-size:15px; font-weight:bold; color:#a3a3a3; margin:0 0 3px 0; padding:0;}
h5 {font-size:12px; margin:0 0 10px 0;}
h5.author, h5.author a {font-weight:bold; color:#666; margin:0;}
hr.double {border:0; border-top:1px solid #cecece; border-bottom:1px solid #fff; margin:0 0 7px 0;}
#respond h3, #commentform-top h3 {margin:0 0 10px 0;}

#myoddsidea h2 {font-size:20px; font-weight:bold; float:right; margin:17px 7px 17px 0;}
#myoddsidea h2 a {color:#000; text-decoration:underline;}
#myoddsidea h3 {font-size:15px; font-weight:bold;}
span.gotoidea {clear:both; display:block; font-size:15px; font-weight:bold; margin:0 0 0 40px; padding-top:10px;}
span.gotoidea a {color:#3aaacc; text-decoration:underline;}
hr.breakit {clear:both; display:block; visibilty:hidden; border:0; color:#f3f2f0;}

/*** commentform ***/
#respond {clear:both; margin-left:2px;}

.commentlist li {margin:0 0 20px 0;float:left;}

.authortext {width:363px; margin:0 5px -5px 0; float:left;display:inline;padding:0;}
.authoravatar {width:52px; float:left;}
.commentzone {width:450px;float:left;}


.comment-top {background:transparent url('images/bg-comment_top.png') no-repeat top left; width:450px; height:21px; float:left;behavior: url(/iepngfix.htc);}
.comment-body {background:url('images/bg-comment_body.png') repeat-y; width:420px; float:left; padding:8px 15px 0px 15px;behavior: url(/iepngfix.htc);}
.comment-bottom {background:url('images/bg-comment_bottom.png') no-repeat; width:450px; height:3px; float:left;behavior: url(/iepngfix.htc);}

li.authcomment .comment-top {
	background:transparent url('images/bg-comment_top-admin.png') no-repeat top left; width:450px; height:19px; 
	behavior: url(/iepngfix.htc);
}
.comment-body p {margin:0; padding:0;}
li.authcomment .comment-body, li.authcomment .comment-bottom {background:#000; color:#fff;}

li.authcomment h5.author, li.authcomment h5.author a {color:#b7101d;}

#commentform {width:450px;float:left;}
#commentform label {display:block; font-size:12px; margin:0 0 2px 0; color:#666; padding:0;}
#commentform textarea {width:200px; height:120px; border:1px solid #e3e1df;	background:transparent url('images/bg-commentform_field.png') no-repeat top left; padding:5px;}
#commentform input.field {width:200px;border:1px solid #e3e1df; height:15px;background:transparent url('images/bg-commentform_field.png') no-repeat top left; padding:5px; margin:0 0 10px 0;}

#submit {margin:10px 0 0 0;}

#commentform-top {
	width:450px; height:29px;
	background:transparent url('images/bg-commentform_top.png') no-repeat bottom left;
	float:left;
	behavior: url(/iepngfix.htc);
}
#commentform-body {
	background:transparent url('images/bg-commentform_body.png') repeat-y top left;
	width:420px;
	float:left;
	padding:0 0 0 30px;
	behavior: url(/iepngfix.htc);
}

#commentform-bottom {
	width:450px; height:3px;
	background:transparent url('images/bg-commentform_bottom.png') no-repeat top left;
	float:left;
	behavior: url(/iepngfix.htc);
}
#leftcommentzone {float:left; width:235px;}
#fbconnect {float:right; margin:0px 60px 0 0;}

#fbconnect .dark {margin:5px 0 0 0;}
#fbc_login {margin:0; padding:0;}

#chooselanguage li {float:left; margin:15px 1px 0 12px; height:17px; width:17px;}
#chooselanguage li img {border:0;}

#chooselanguage li a {text-indent:-9999px; cursor:hand; cursor:pointer; display:block;behavior: url(/iepngfix.htc);}

li#en a {background:url('images/lang/en.png') no-repeat 0 0; height:17px; width:17px;}
li#en a:hover, li#en.active a  {background-position:0 -18px; height:17px; width:17px;}
li#se a {background:url('images/lang/se.png') no-repeat 0 0; height:17px; width:17px;}
li#se a:hover, li#se.active a {background-position:0 -18px; height:17px; width:17px;}
li#no a {background:url('images/lang/no.png') no-repeat 0 0; height:17px; width:17px;}
li#no a:hover, li#no.active a {background-position:0 -18px; height:17px; width:17px;}
li#dk a {background:url('images/lang/dk.png') no-repeat 0 0; height:17px; width:17px;}
li#dk a:hover, li#dk.active a {background-position:0 -18px; height:17px; width:17px;}
li#fi a {background:url('images/lang/fi.png') no-repeat 0 0; height:17px; width:17px;}
li#fi a:hover, li#fi.active a {background-position:0 -18px; height:17px; width:17px;}
li#pl a {background:url('images/lang/pl.png') no-repeat 0 0; height:17px; width:17px;}
li#pl a:hover, li#pl.active a {background-position:0 -18px; height:17px; width:17px;}
li#bg a {background:url('images/lang/bg.png') no-repeat 0 0; height:17px; width:17px;}
li#bg a:hover, li#bg.active a {background-position:0 -18px; height:17px; width:17px;}
li#lv a {background:url('images/lang/lv.png') no-repeat 0 0; height:17px; width:17px;}
li#lv a:hover, li#lv.active a {background-position:0 -18px; height:17px; width:17px;}

#langflags {width:300px; height:35px;}
#logo {float:left; margin:0 0 10px 12px;}
#logo img {behavior: url(/iepngfix.htc);}

strong {font-weight:bold;}
em {font-style:italic;}

.alignright {
   float:right;
   margin:0 0 10px 10px;
}

.alignleft {
   float:left;
   margin:0 10px 10px 0;
}

img.wp-smiley {vertical-align:bottom;}

#postscreen p a {color:#b7101d;border-bottom:2px solid #f1d9d9;text-decoration:none;}
#postscreen p a:hover {background:#f1d9d9;color:#e20012;border-bottom:2px solid #e20012;}

div.thetags {width:355px;float:left;padding-bottom:10px;}

#search {height:45px;}
#search label {display:none;}
#search #searchfield {width:170px; height:15px; background:url('images/bg-searchform.png') no-repeat;border:0;float:left; padding:5px 10px 5px 10px;font-size:11px;}
#search #searchsubmit {float:left;width:28px; height:25px;border:0;margin:0;padding:0;}
#openaccount {float:right; margin:17px 0 0 0;}
#vancouver {margin:0 0 20px 50px;}
#jonolsson {margin:20px 0 0 0;}
