/* @override http://www.xsport.se/wp-content/themes/overeasy/styles/grey.css */

/* @override http://www.xsport.se/wp-content/themes/overeasy/styles/grey.css */

/* @override http://www.xsport.se/wp-content/themes/overeasy/styles/grey.css */



/*
Main colors used:
#464543 
 - 

/*=== Setup ===*/
body{
	background: url(grey/BG_xsport.jpg) #000000 repeat-x top;
	color: #999999;
}


a{
	color: #f7802f;
	text-decoration: bold;
}
a:hover 
{
	color: #FFFFFF;
	text-decoration: none;
}


input,select,textarea{
	border: 1px hidden #282929;
	background-color: #161717;
	color: #FFFFFF;
}

h1	{
	font-size: 35px;
	color: #FFFFFF;
	font-weight: bold;
	letter-spacing: -1px;
	}

h2{
	color: #FFFFFF;
}
h2 a{
	color: #FFFFFF;
}
h3{
	color: #FFFFFF;
}
h4{
	color: #FFFFFF;
	margin-bottom: 0px;
}

namn{
	font-size: 18px;
	font-weight: bold;
	color: #fffeff;
	float: left;
	padding: 8px;
	background-color: #2e2e2e;
	width: 194px;
}
info{
	font-size: 11px;
	color: #fffeff;
	display: block;
	padding: 8px;
	width: 194px;

}

h7{
	font-size: 45px;
	color: #FFFFFF;
	font-weight: bold;
	letter-spacing: -1px;
}


/*=== Intro ===*/
p.intro a {
	color:#FFFFFF;
}
p.intro a:hover {
	color:#222222;
}

/*=== Buttons ===*/

.btn-rounded a{
	background: url(grey/btn-rounded.gif) no-repeat left;
	color: #ffffff;
}
.btn-rounded a span{
	background: url(grey/btn-rounded.gif) no-repeat right;
}
.btn {
	background:url(grey/btn.gif) repeat-x;
	border:1px solid #464543;
 	color:#FFF;
}

/*=== Navigation ===*/
/*- Nav1 -*/
#nav1 li a{
	color: #767777;
	font-size: 11px;
}
#nav1 li a:hover,
#nav1 li.active a, #nav1 li.current_page_item a{
	background: url(grey/btn-rounded.gif) no-repeat left;
	color: #ffffff;
}
#nav1 li.active a span,
#nav1 li.current_page_item a span,
#nav1 li a:hover span{
	background: url(grey/btn-rounded.gif) no-repeat right
}

/*- Nav2 -*/
.nav2 li a, .widget li a{
	color: #999999;
}
.nav2 li a:hover, .widget li a:hover{
	color: #FFFFFF;
}

/*=== Right Column ===*/
#rightcol h3, #rightcol h3 a{
	color: #ffffff;
}
#rightcol h3 span{
	background: #121212;
}
#rightcol .widget ul, #rightcol .textwidget 
{
	background: #333333;
}

/*=== Sub Columns ===*/
.col1 a{
	color: #555555;
}
.col3 h2{
	color: #464646;
}
.col5 img{
	border: 10px solid #f6f5ed;
}

/*=== Styling Boxes ===*/
/*- Box1 -*/
.box .top,.box .bot{
	background: url(grey/box-top.png) no-repeat top;
}
.box .bot{
	background: url(grey/box-bot.png) no-repeat top
}
.box .spacer{
	background: #000000;
}
/*- Box2 -*/
.box2 .top,.box2 .bot{
	background: url(grey/box2-top.gif) no-repeat top;
}
.box2 .bot{
	background: url(grey/box2-bot.gif) no-repeat top
}
.box2 .spacer{
	background: #212121;
}
/*- Box3 -*/
.box3 .top,.box3 .bot{
	background: url(grey/box3-top.gif) no-repeat top;
}
.box3 .bot{
	background: url(grey/box3-bot.gif) no-repeat top
}
.box3 .spcr{
	background: #efefed;
}
/*- Box4 -*/
.box4{
	margin-top: -15px;
	color: #ffffff;
}
.box4 .top,.box4 .bot{
	background: url(grey/box4-top.png) no-repeat top;
}
.box4 .bot{
	background: url(grey/box4-bot.png) no-repeat top;
}
.box4 .spacer{
	background: #000000;
	height: 45px;
}
/*- Box5 -*/
.box5 .top,.box5 .bot{
	background: url(images/box4-top.png) no-repeat top;
}
.box5 .bot{
	background: url(images/box4-bot.png) no-repeat top;
}
.box5 .spacer{
	background-color: #000000;
}
/*- Box6 -*/
.box6{

	margin-top: -10px;
}


.box6 .top,.box6 .bot{

	background: url(grey/box4-top.png) no-repeat top
}
.box6 .bot{
	background: url(grey/box4-bot.png) no-repeat top
}
.box6 .spacer{
	color: #f7802f;
	background: #000000;
	height: 22px;
	text-align: center;	
	font-size: 12px;
	text-transform: uppercase;
}


/*- Date -*/
.date{
	color: #898989;
}

/*=== Styling Forms ===*/
/*- Search -*/
#search input.keyword{
	height: 11px;
	background: #333333;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;

}

/*- Form1 Setup -*/
.btn-general{
	background: #242322;
	color: #f77534;	
}
.btn-general a { 
	color: #f77534;
}
.btn-arr a{
	background: #242322;
	color: #f77534;
}

/*=== Footer ===*/
#footer a{
	color: #f7802f;
	text-decoration: none;
}

#footer a:hover{
	color: #FFFFFF;
	text-decoration: bold;

}
/*=== Posts ===*/
.post img {	
	border:8px solid #f6f5ed;
}
.post li a:hover{
	color: #464543;
}
.post blockquote {
	font-family:Georgia, "Times New Roman", Times, serif; color:#777777;
	background:#f9faf4 url(grey/ico-quote-grey.gif) no-repeat 10px 10px;
	border-top:1px solid #e4e4e0;
	border-bottom:1px solid #e4e4e0;	
}

.banan{
	margin-left: -40px;
	padding-left: 40px;
	padding-right: -40px;
	width: 940px;
	color: #999999;
	text-decoration: bold;
}



.vision{
	width: 100%;
	height: 400px;
	color: #999999;
	text-decoration: bold;
	background: #000000 url(grey/vision.png) no-repeat 350px;
}
.startlistor{
	width: 100%;
	height: 400px;
	color: #999999;
	text-decoration: bold;
	background: #000000 url(grey/startlistor.jpg) no-repeat 45px;
}
.kontakt{
	width: 100%;
	color: #999999;
	text-decoration: bold;
	background: #000000 url(grey/kontakt.jpg) no-repeat 70px;
}

.rockshow{	
	margin-left: -40px;
	padding-top: 315px;
	padding-left: 40px;
	padding-right: -40px;
	width: 900px;
	background: #000000 url(grey/rydelloquick.jpg) no-repeat;
}

.anmalan{	
	margin-left: -40px;
	padding-top: 120px;
	padding-left: 40px;
	padding-right: -40px;
	width: 900px;
	background: #000000 url(grey/anmalan.jpg) no-repeat;
	display: block;

}


.designby{
	font-size:11px;
	text-transform: none;
	float: right;
	color: #444444;
	text-decoration: none;
}
.forare{	
	margin-left: -40px;
	padding-top: 400px;
	padding-left: 120px;
	padding-right: -40px;
	width: 820px;
	background: #000000 url(grey/forare.jpg) no-repeat;
}

.resultat{
	margin-left: -40px;
	padding-top: 340px;
	padding-left: 120px;
	padding-right: -40px;
	width: 820px;
	background: #000000 url(grey/resultat.jpg) no-repeat;
}

#footer .designby a{
	color: #666666;
}
#footer .designby a:hover{
	color: #f7802f;
}

.leftfooter{
	font-size:11px;
	text-transform: none;
	float: left;
	color: #444444;
	text-decoration: none;
}

/*=== Widget styling ===*/
.widget #recentcomments li a{
	color: #464543;
}
.widget #recentcomments li a:hover{
	color: #464543;
}
.widget #searchform, .widget #calendar_wrap{
	background: #333333;
}
.widget #wp-calendar caption {
	color:#333333;
}
.widget #wp-calendar thead th {
	color:#333333;
}
.widget #wp-calendar tfoot td a {
	color:#333333;	
}
.quote {
	background:url(grey/ico-quote.gif) no-repeat top left;
}