/*
Theme Name: Snobbsport.cs
Theme URI: http://fatman.se
Description: Custom theme for snobbsport.se
Version: 1.0
Author: Martin
Author URI: http://fatman.se
Tags: custom


*/

/* -- just some ugly styling to make it easier to get started, can safely be removed */
//.sidebar, #entry-meta-single {border:1px solid red;}
//#respond {border:1px solid yellow;}
//#footer, #header {border:1px solid blue;}
//li.depth-1 {border: 1px solid orange;}
//.navigation {border:1px dashed black;}
//.post {border:1px solid pink}

/* - BASIC STUFF - */
//html{height: 100%;}

@font-face{
			
	font-family: "Vera";
	src: url(fonts/Vera.ttf);

}

@font-face{

	font-family: "Vera";
	src: url(fonts/VeraB.ttf);
	font-weight: bold;

}

.rate-box{
	display: none;
}

#entry-meta-attach{
	padding: 15px;
	background: #333333;
}

/*font-family: Lucida Sans Unicode, Lucida Grande, Verdana, Arial, sans-serif; */

body {background: #000;font:9pt "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;color:#000;margin:0 auto;padding:0 20px;}

#bg{background: url('images/body-bg.jpg') no-repeat top center;}


a {text-decoration:none; color: #2369c9}
a:hover {text-decoration:underline;}
.additional-meta {font-size: xx-small}
blockquote {font-style:oblique}

a img{border: none}



h2 a{
	color: #333333;
}

h2 a:hover{
	color: #2369c9;
}

/* -- LISTS -- */
ul {margin:0;padding:0;}
ul li {	margin-left:5px;padding:0;}
li {list-style-type:none;}
.disc {list-style-type:disc}
/* lists inside posts */
.entry-content ul ol {margin-left:0;}
.entry-content ul li {margin-left:10px; list-style:disc; list-style-position:inside}
.entry-content ul li ol {margin-left:10px;}
.entry-content ol li {margin-left:5px; list-style: decimal; list-style-position:inside}
.entry-content ol li li {margin-left:5px;}

/* -- HEADINGS -- */
h1,h2,h3,h4,h5,h6 {margin:0;padding:0; color:#333333; }
h2.entry-title {font-size:180%; margin-bottom: 2px;}
h3.entry-cat a{ font-size: 85%; margin-bottom: 10px; font-weight: bold}

h3.entry-cat li{
	display: inline;
}

h2#comments{margin:20px auto 10px;font-size:140%;}
/* headings inside posts */
.entry-content h3 {font-size:140%;}
.entry-content h4 {font-size:120%;}
.entry-content h5 {font-size:100%;}
.entry-content h6 {font-size:90%;}

/* -- MAIN DIV'S -- */
#wrapper {
	float:none;
	clear:both;
	margin:0 auto;
	padding:0 100px;
	width:817px;
	height: 100%;
	overflow: hidden;
}

#header {
	height:336px;
	margin:0 auto;
	text-align:center;
	padding: 0;
	position:  relative;
}

#header h1 a{
	display: block;
	width: 100%;
	height: 300px;
	text-decoration: none;
}

#header h1 a:hover {
	text-decoration: none;
}

#header h2{
	visibility: hidden;
}

#login-info{

	left:  -10px;
	position: absolute;
	background: url('images/login-info-bg.png') repeat-x left top;
	color: #fff;
	width:  280px;
	padding:  3px 10px;
}

#login-name{
	float:  left;
}

#login-link{
	float:  right;
}

#login-link a{
	color: #000000;
}

#register-link{
	position: absolute;
	top:  35px;
	right:  -87px;
	z-index: 10;

}

#register-link a{
	display: block;
	width: 220px;
	height: 220px;
}

#register-link a img{
	margin: 145px 0 0 0;
}

#columns-bg{
	background: url('images/bg-repeat.gif') repeat-y center top;
}

#footer {
	width: 879px;
	height:260px;
	overflow:hidden;
	margin:0 auto 0;
	clear:both;
	float:none;
	text-align:center;
	padding: 0;
	background: transparent url('images/footer-bg.jpg');
}

/* -- POSTS -- */
.post-index {margin:20px 0 40px;}
#post-single {margin:0 0 20px;}

.posts-outer-wrap{ float: left; width: 529px; }

.posts-wrap{ overflow: hidden; width:499px; margin-left: 10px; padding: 0 15px 0 15px; background: transparent;}

.posts-wrap-top {display: none; width:529px; height: 14px; margin-left: 10px; background: url('images/big-top-corner.png') no-repeat;}

.posts-wrap-bottom {display: none; width:529px; height: 14px; margin-left: 10px; background: url('images/big-bottom-corner.png') no-repeat;}


.entry-meta{
	background: url('images/post-footer-bg.png') repeat-x #333333;
	color: #fff;
	height: 50px;
	margin-top: 15px;
}

.entry-meta .gravatar{
	float: left;
}

.entry-meta .post-info{
	float: left;
	padding: 10px 0 0 110px;
	height: 30px;
	position: relative;
	line-height: 14px;
	color:  #000;
}

.entry-meta .post-info a{
	display:  none;
}

.entry-meta .post-interact{
	float: right;
	padding-top: 10px;
	margin-right: 0px;
}

.entry-meta .post-interact a{
 	display: block;
 	margin-right: 10px;
 	width: 31px;
 	height: 31px;
 	float: left;
}

.entry-meta .post-interact a:hover{
	text-decoration: none;
}

.entry-meta #twitter-link{

	background: url('images/post-footer-twitter.jpg');
}

.entry-meta #facebook-link{

	background: url('images/post-footer-facebook.jpg');
}

.entry-meta #comments-link{

	background: url('images/post-footer-comments.png');
	width: 71px;
	height: 31px;
	
}

.entry-meta #comments-link span{
	display: block;
	color: #fff;
	font-weight: bold;
	width: 43px;
	height: 20px;
	text-align: center;
	margin: 5px 10px 0 0;
	font-size: 16px;
	line-height: 20px;


}

.entry-meta .rate-box{
	position: absolute;
	top: 10px;
	left: 195px;
	width: 130px;
	height: 31px;
	background: url('images/hcp-background.png');
	float: right;
	line-height: 24px;
	display: block;
}

.entry-meta .post-info a.vote{
	width: 16px;
	height: 16px;
	display: block;
	float: left;
	margin: 8px 0 0;
	cursor: pointer;
}

.entry-meta .post-info a.vote-up{
	background: url('images/thumb-up.png');
	margin-left: 10px;
}

.entry-meta .post-info a.vote-down{
	background: url('images/thumb-down.png');
}

.entry-meta .post-info a.voted{
	width: 16px;
	height: 16px;
	display: block;
	float: left;
	margin: 8px 0 0;
}

.entry-meta .post-info a.voted-up{
	background: url('images/thumb-up-gray.png');
	margin-left: 10px;
}

.entry-meta .post-info a.voted-down{
	background: url('images/thumb-down-gray.png');
}

.entry-meta .rate-box span{
	display: block;
	float: right;
	width:  80px;
	height: 20px;
	font-size: 16px;
	font-weight: bold;
	margin: 5px 5px 0 0;
	text-align: center;
	line-height: 20px;
	color:  #fff;
}

/* -- SIDEBARS --*/


.sidebar-wrap{float: left; clear:none;}

.sidebar-wrap-content {margin:0 0 0 36px; padding: 0 11px 0 11px;overflow:hidden; width:230px; background: transparent;}

.sidebar-wrap-top{display: none; margin-left: 36px; width: 252px; height: 14px; background: url('images/small-top-corner.png') no-repeat;}
.sidebar-wrap-bottom{display: none; margin-left: 36px; width: 252px; height: 14px; background: url('images/small-bottom-corner.png') no-repeat;}

.sidebar {width:100%;clear:none;}
.block-1 {float:right;}


.widget .widgettitle{
	color: #fff;
	width: 230px;
	height: 20px;
	padding: 6px 0 0 11px;
	margin: 15px 0 6px 0;
	background: url('images/widget-header-bg.png') no-repeat;
}

.widget ul{
	margin-left: 10px;
}

.widget #searchform{
	width: 230px;
	height: 33px;
	background: url('images/searchfield.png') no-repeat;
}

.widget #searchform #s{
	margin: 6px 0 0 7px;
	width: 182px;
	height: 15px;
	padding: 3px 5px 0 5px;
	font-weight: bold;
	border-color: #FFFFFF #FFFFFF #FFFFFF;
	border-style: solid;
	border-width: 1px;
}

.widget #searchform #searchsubmit{
	border: none;
	width: 17px;
	height: 17px;
	background: transparent url('images/search-button.png') no-repeat;
	cursor: pointer;
}

/* The search form when nothing is found... */
.posts-wrap #searchform{
	width: 230px;
	height: 33px;
	background: url('images/searchfield.png') no-repeat;
}

.posts-wrap #searchform #s{
	margin: 6px 0 0 7px;
	width: 182px;
	height: 15px;
	padding: 3px 5px 0 5px;
	font-weight: bold;
	border-color: #FFFFFF #FFFFFF #FFFFFF;
	border-style: solid;
	border-width: 1px;
}

.posts-wrap #searchform #searchsubmit{
	border: none;
	width: 17px;
	height: 17px;
	background: transparent url('images/search-button.png') no-repeat;
	cursor: pointer;
}

#hcp-list{
	margin: 173px 0 135px 26px;
	height: 185px;
}

#hcp-list li{
	height: 25px;
	margin-top: 6px;
	display: block;
	width: 199px;
}

#hcp-list li span{
	display: block;
	margin-right: 10px;
	text-align: center;
	width: 30px;
	height: 25px;
	float: left;
}	

#hcp-list li a{
	font-weight: bold;
}

.post-categories li {
	margin-left: 0;
}

/* -- 404-PAGE --*/
.error404 {margin:0;width:100%;}
.error404 h1,.error404 h2 {margin: 10px auto;}

/* -- COMMENTS -- */

p.leave-comment-header{
	font-weight: bold;
	font-size: 18px;
	color: #424242;
	border-bottom: 2px solid #424242;
	padding-bottom: 2px;
}

div.comments-wrap {margin:15px auto; padding:0;}
li.comment,li.trackback, li.pingback {margin: 10px auto; padding: 10px;}
ul.children {margin-left:10px; border-top: 1px solid #d3d3d3;}
ul.commentlist, ul.pinglist {margin:10px 0;}
div.reply {}
textarea#comment {overflow:auto}

.comment-avatar{
	float: left;
	margin-right: 15px;
	overflow: hidden;
}

.comment-text{
	overflow: hidden;
}

.comment-author-link{
	font-size: 120%;
}

ul.commentlist .even{
	//background: #f9f9f9;
	//border-top: 1px solid #d3d3d3;
	//border-bottom: 1px solid #d3d3d3;
}


#email-wrapper{
	margin-left: 20px;
}

input.textline {
	border: 2px solid #d0d0d0;
	background-color: #fff;
	padding: 5px;
	width: 225px;
}

#commentform textarea {
	border: 2px solid #d0d0d0;
	background-color: #fff;
	padding: 5px;
	width: 485px;
	height: 100px;
}



input.textline:active, input.textline:focus, textarea:active, textarea:focus, .IEFocus {
	background-color: #f7fbff;
	color: #212121;
	font-weight: bold;
}


#comment-submit-button {
	border: none;
	background: url(images/send-comment-bt.png) no-repeat;
	width: 177px;
	height: 30px;
	cursor: pointer;
	float: right;
	margin-top: 5px;
}


#comment-submit-button:hover, #comment-submit-button:active {
	background-position: -177px 0;

}

label{
	font-weight: bold;
	font-size: 11px;
	color: #424242;
}

.star{
	color: #3f7fc9;
	font-size: 15px;
	line-height: 10px;
}


/* -- ALIGNMENTS --*/
img.alignright {float:right;clear:none;margin:0 0 1em 1em}
img.alignleft {float:left;clear:none;margin:0 1em 1em 0}
img.aligncenter {display: block; margin:1em auto; text-align:center}
img.alignnone {margin:0 0.5em 0 0;}

.float-left{float: left;}
.float-right{float: rigth;}


/* -- NAVIGATION --*/
div.navigation {width:100%;height:auto;float:left;clear:both;padding: 10px 0px;}
.navigation-index {}
.nav-next {float:right;clear:none;width:48%; text-align:right;}
.nav-prev {float:left;clear:none;width:48%; text-align:left;}

.footer-text {
margin-top: 130px;
color: #fff;
}