/**
 * Stylesheet for karlstadrugby.com
 *
 * coded by Raul Ferrer (www.raulferrer.com)
 */


/* Normalizing & General Definitions  
=========================*/

* {
margin:0; /* zero out margin */
padding:0; /* zero out padding */
}

html, body {
height:100%; /* gives layout 100% height */
}

* html #wrap { height:100%; /* IE6 treats height as min-height */ }

:link,:visited {text-decoration:none;} 

ul,ol,dl {list-style:none; position: relative;} /* fixes IE6 and lower bug about background images */

html, body, div, p, img, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, blockquote, th, td {margin:0; padding:0;} 

h1, h2, h3, h4, h5, h6 { font-size: 100%; }

ol, ul { list-style: none; }

a img,:link img,:visited img, img, fieldset { border:none; }

table { border-collapse: collapse; border-spacing: 0; }

address, caption, cite, code, dfn, th { font-style: normal; font-weight: normal; }

a { outline: none; } /* avoids outline on Firefox */


body {
	font-family: tahoma, verdana, helvetica, sans-serif;
	font-size: 62.5%;
	background: #000 url(/img/bg.jpg) repeat 0 0; 
}

ul#nav_access { position:absolute; top: 0; left: -9999px; }


/* Typography definitions
=========================*/

a:link, a:visited { color: #a10101; }
a:hover { text-decoration: underline; color: #a10101; }
a:active { color: #a10101; }

#menu-nav a, #menu-nav a:visited { font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; font-weight: bold; float:left; display:block; height: 39px; line-height: 39px; padding: 0 16px; color: #d8d8d8; text-decoration: none; }
#menu-nav a:hover { text-decoration: underline; color: #fff; background: url(/img/menu_bgon.png) no-repeat top center; z-index: 999; }
#menu-nav a#active_menu-nav { color: #fff; background: url(/img/menu_bgon.png) no-repeat top center; }
#menu-nav a#active_menu-nav { color: #fff; background: url(/img/menu_bgon.png) no-repeat top center; }

#breadcrumbs a:link, #breadcrumbs a:visited { font-size: 1.2em; font-family: arial, sans-serif; color: #555; font-weight: bold;}
#breadcrumbs a:hover { font-size: 1.2em; font-family: arial, sans-serif; text-decoration: none; color: #000; font-weight: bold; }
#breadcrumbs a:active { font-size: 1.2em; font-family: arial, sans-serif; color: #555;  font-weight: bold;}

.article-title, .pagetitle { font-size: 2em; font-weight: bold; margin: 10px 0 4px 0; vertical-align: bottom; color: #000; text-align: left; 	width: 100%; background: url(/img/h1bg.png) repeat-x bottom center; }
.article-title2 { font-size: 1.6em; font-weight: bold; margin: 10px 0 0 0; vertical-align: bottom; color: #a10101; text-align: left; 	width: 100%; }
.date-posted {color: #888; padding: 0 0 0 2px; font-weight: bold; }
.date-modified {font-size: 1em; color: #888; padding: 0;  }
p span.date-modified {font-size: 0.7em; color: #888; padding: 0; margin: 0; font-weight: normal;  }
.author {color: #888; padding: 0 0 20px 2px;  }
.author2 {font-size: 1.1em; color: #444; font-family: verdana, sans-serif; padding: 20px 0 0 0; font-weight: bold; }
#articles .buttonheading {float: right; padding: 0 4px;}
.article-inner {font-size: 1.2em; font-family: verdana, sans-serif; color: #444;}
.article-inner p {margin: 1.1em 0; line-height: 1.4em;}
.article-inner h1 { font-size: 1.6em; color: #000;}
.article-inner h2 { font-size: 1.5em; color: #000;}
.article-inner h3 { font-size: 1.4em; color: #000;}
.article-inner h4 { font-size: 1.3em; color: #000;}

.blog_readon a, .blog_readon a:visited { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: bold; color: #a10101; text-decoration: none; }
.blog_readon a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: bold; color: #a10101; text-decoration: underline; }

span.article_separator { display: block; height: 20px; border-bottom: 1px dashed #e0e0e0; clear:both;}

.article_column { padding-right: 5px; }

.column_separator { border-left: 1px dashed #e0e0e0; padding-left: 10px; }


/* Header  
=========================*/

#head_wrap { position: relative; margin: 0 auto; overflow: hidden; width: 970px; }

#header { position: relative; width: 970px; height: 260px; overflow: hidden; background: url(/img/header_bg.jpg) no-repeat top center; }

#logo { position: absolute; top: 8px; left: 338px; height: 190px; width: 288px; }        
#logo h1 { position: absolute;  text-indent: -9999px;} 
#logo a { position: absolute; display: block; width: 288px; height: 190px; } 

#lang { position: absolute; top: 7px; right: 0; height: 30px; list-style: none; margin: 0; padding: 0; }
#lang li { float: left; padding: 4px 8px; color: #d8d8d8; }

#smedia { position: absolute; top: 62px; left: 4px;  }
#smedia ul, #menu-nav ul { list-style: none; margin: 0; padding: 0; }
#smedia li, #menu-nav li { float: left; padding: 0 4px;  }
#smedia li.text { width: 124px; height: 27px; background: url(/img/foljoss.png) no-repeat 50% 50%; text-indent: -9999px; }

#search { position: absolute; top: 62px; left: 682px; width: 272px; height: 26px; background: url(/img/search_bg.png) no-repeat 50% 50%; }
div.search input.inputbox { width: 220px; height: 17px; border: 0px; margin: 4px 0 0 14px; }
#mod_search_searchword { padding: 0 0 3px 0; color: #555;}
div.search input.button { position: absolute; left: 242px; width: 26px; height: 26px; border: none; cursor: pointer; text-indent: -9999px; background: none;}

#main_navigation { position: relative; width: 970px; height: 78px; background: url(/img/menu_bigbg_on.png) no-repeat top center;}

#menu-nav { position: relative; width: 970px; height: 48px;  }
#menu-nav li { background: url(/img/menu_sep.png) top right no-repeat; margin-left: 1px;}
#menu-nav li.item60 { background: none; }
#menu-nav li.active { background: url(/img/menu_sep.png) top right no-repeat; margin-left: 1px; }
#menu-nav li.active a { background: url(/img/menu_bgon.png) no-repeat top center; z-index: 999;}

#breadcrumbs { position: relative; overflow:hidden; width: 970px; height: 30px; background: url(/img/breadcrumbs_bg.png) no-repeat top center; }
#breadcrumbs h3 { padding: 7px 10px 0 20px; margin: 0px; font-family: arial; font-size: 1.2em; color: #a10101; font-weight: normal; float: left;}
#breadcrumbs .moduletable ul { list-style: none; margin: 0; padding: 7px 0 20px 0; }
#breadcrumbs .moduletable li { float: left; padding: 0 16px;  background: url(/img/submenu_side.png) no-repeat right top;}
#breadcrumbs .moduletable li a { display: block; height:28px; }
#breadcrumbs .moduletable li a:hover { display: block; height:28px; background: url(/img/breadcrumbs_abg.png) no-repeat center 17px; }

#submenus li.active a {  background: url(/img/breadcrumbs_abg2.png) no-repeat center 17px; }

.pathway { padding: 7px 0 0 20px; font-family: arial; font-size: 1.2em; color: #555; }  

#on-the-field-news .item57 a, #off-the-field-news .item57 a { background: url(/img/menu_bgon.png) no-repeat top center; z-index: 999;}
#styrelsen .item28 a, #historia .item28 a, #bli-medlem .item28 a, #rugby .item28 a, #clubhouse-rentals .item28 a, #dokument .item28 a { background: url(/img/menu_bgon.png) no-repeat top center; z-index: 999;}
#tabell-och-resultat .item29 a, #spelarprofiler .item29 a, #traening-tider .item29 a { background: url(/img/menu_bgon.png) no-repeat top center; z-index: 999;}
#pojkar .item72 a, #flickor .item72 a { background: url(/img/menu_bgon.png) no-repeat top center; z-index: 999;}
#pa-gymnasie .item53 a, #informationsbesoek .item53 a, #catchrugby-turneringar .item53 a, #rugby-summer-school .item53 a { background: url(/img/menu_bgon.png) no-repeat top center; z-index: 999;}
#sponsorspaket .item55 a, #foeretagskvaell .item55 a, #programblad .item55 a, #krk-biten .item55 a, #tusenlappen .item55 a, #arbeten .item55 a, #andra-motprestationer .item55 a { background: url(/img/menu_bgon.png) no-repeat top center; z-index: 999;}
#team-and-replica .item56 a, #supporters .item56 a, #protective-wear .item56 a,  #other .item56 a { background: url(/img/menu_bgon.png) no-repeat top center; z-index: 999;}


/* Content  
=========================*/

#content_wrap { margin: 0 auto; width: 970px; padding: 12px 0; overflow: hidden; background: url(/img/white_bg.png) repeat-y top center;}

#content { 	position: relative; float: left; width: 620px; padding: 0 10px 0 15px; overflow: hidden; }
#galleri #content { position: relative; float: left; width: 940px; padding: 0 10px 0 15px; overflow: hidden; }
#joomgallery #content { position: relative; float: left; width: 940px; padding: 0 10px 0 15px; overflow: hidden; }

#tabs span { width: 250px; }

#newsshow1 { position: relative; float: left; width: 300px; margin: 0 20px 0 0;}
#newsshow2 { position: relative; float: left; width: 300px; }

#articles { clear: both; padding-top: 8px; overflow: hidden; }

#artcol1 { float: left; width: 260px; }
#artcol2 { float: left; width: 350px; }
.article_column {float: left;}

#nextmatch { margin: 0 20px 20px 0; }
.nextsomething { float: left; position:relative; width: 300px; height:136px; background: url(/img/next_bg.jpg) no-repeat top center; }
.nextsomething h3 { position:relative; font-size: 1.8em; font-weight: bold; margin: 10px 0 0 8px; color: #000;  z-index: 3;}
.nextsomething p.nextbig  { position:relative; font-size: 2.1em; font-weight: bold; margin: 10px 0 0 8px; color: #a10101; z-index: 4; }
.nextsomething p  { position:relative; font-size: 1.2em; margin: 10px 0 0 8px; color: #a10101; }
.nextsomething img { position: absolute; bottom: 2px; right: 4px; z-index: 0; }

#content_bottom { width: 970px; height: 48px; margin: 0 auto; background: url(/img/white_botbg.png) no-repeat top center; }

.article-inner ul {margin: 8px;  list-style-position: inside;  list-style-type: disc; }
.article-inner ul li { padding: 8px 0; }
.article-inner ol {margin: 0 0 8px 36px; list-style-type: decimal-leading-zero; }
.article-inner ol li ol {list-style-type: lower-latin; }
.article-inner ol li { padding: 8px 0; }
.article-inner h2, h3, h4 { margin: 18px 0;}

.blog_more {clear: both; padding-top: 12px; font-size: 1.3em; }
.blog_more li { padding: 4px 0;  }
.pagination2 { clear: both; padding-top: 12px; font-size: 1.3em; }
.sidor { font-size: 1.3em; }
table.contentpaneopen fieldset div { padding: 8px 0; font-size: 1.3em; }
#searchForm td, #sokendast {height: 30px; font-size: 1.3em;}

div.littlebox { position: relative; float: left; width: 300px; margin-top: 20px; }
div.littlebox_title { width: 300px; height: 46px; background: url(/img/frontnews_topbg.png) no-repeat top center;}
div.littlebox_content { width: 286px; border-left: 1px #cacaca solid; border-right: 1px #cacaca solid; padding: 6px; }
div.littlebox_title h2 { font-family: Arial, Helvetica, sans-serif; font-size: 1.6em; font-weight: bold; color: #000; padding: 12px 0 0 14px; }
div.littlebox_content h4 { margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; font-weight: bold; padding: 0 2px; color: #a10101; text-decoration: none; }
div.littlebox_content p {font-family: Verdana, Helvetica, sans-serif; font-size: 1.1em; padding: 0 2px; color: #010101; text-decoration: none; }
div.littlebox_end { width: 300px; height: 9px; background: url(/img/newsfin_bg.png) no-repeat 0 0; color: #fff; }
div.boxright { margin: 20px 0 0 20px; }
div.bigbox { position: relative; float: left; width: 620px; margin-top: 20px;}
div.bigbox_title { width: 620px; height: 46px; background: url(/img/box_top_big.png) no-repeat top center;}
div.bigbox_content { overflow:hidden; width: 606px; border-left: 1px #cacaca solid; border-right: 1px #cacaca solid; padding: 6px; }
div.bigbox_title h2 { font-family: Arial, Helvetica, sans-serif; font-size: 1.6em; font-weight: bold; color: #000; padding: 12px 0 0 14px; }
div.bigbox_content h4 { margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; font-weight: bold; padding: 0 2px; color: #a10101; text-decoration: none; }
div.bigbox_content p {font-family: Verdana, Helvetica, sans-serif; font-size: 1.1em; padding: 0 2px; color: #010101; text-decoration: none; }
div.bigbox_end { width: 620px; height: 9px; background: url(/img/box_bot_big.png) no-repeat 0 0; color: #fff;}


.article-inner div.littlebox_title h2, .article-inner div.bigbox_title h2 {font-size: 1.4em}
.article-inner div.littlebox_content h4, .article-inner div.bigbox_content h4 {font-size: 1em}
.article-inner div.littlebox_content p, .article-inner div.bigbox_content p, .article-inner div.bigbox_content td {font-size: 0.9em}
.article-inner div.bigbox_content td { padding: 6px; }
tr.even { background-color: #fff2f2;}
#spelare-profiler .article-inner div.bigbox_content { min-height: 300px; }
#spelare-profiler .article-inner div.bigbox_content img {float: left; margin: 3px 8px 8px 3px; padding: 1px; border: 1px solid #cacaca;}

ul.spelarprofiler  { list-style: none; margin: 0; padding: 0; }
ul.spelarprofiler li { position: relative; float: left; width: 300px; height: 54px; }
ul.spelarprofiler img { position: absolute; top: 8px; left: 16px; padding: 1px; border: 1px #cacaca solid; }
ul.spelarprofiler h3 { position: relative; left: 82px; }
ul.spelarprofiler li.even { background: #fff2f2; }

#side .moduletable {clear: both; }
.moduletable_usermenu { margin-bottom: 12px; }
.moduletable_usermenu ul { text-align: left; background: url(/img/sidebar_fin.png) no-repeat bottom center; padding-bottom: 16px;}
.moduletable_usermenu ul li { padding: 0 0 10px 0; margin-left: 20px; font-size: 1.2em; color: #d8d8d8; }
.moduletable_usermenu ul li a, .moduletable_cblogin td a { color: #d8d8d8; font-weight: bold; }
.moduletable_usermenu ul li a:hover, .moduletable_cblogin td a:hover { color: #d8d8d8; font-weight: bold; text-decoration: underline; }

#side, .moduletable_usermenu, .moduletable_cblogin { position: relative;  float: left; width: 320px; padding: 0 0; }

#sidebar, .moduletable_usermenu, .moduletable_cblogin {width: 320px; background: url(/img/sidebar_bg.png) repeat-y top center; text-align: center;}

#sidebar h2, .moduletable_usermenu h3, .moduletable_cblogin h3 { width: 320px; height: 30px; text-align: left; font-family: verdana; font-size: 1.3em;  background:  url(/img/sidebar_hbg.png) no-repeat 0 0; color: #d8d8d8; font-weight: bold; padding: 12px 0 0 17px; }

#sidebar h2.sponsors, .moduletable_usermenu h3, .moduletable_cblogin h3 {width: 320px; height:35px; background:  url(/img/sidebar_top.png) no-repeat 0 -4px; padding: 11px 0 0 17px; margin: 0px;}

#sidebar img { padding: 0 0 15px 2px; }

#sidebar img.divider { margin: 10px 0 10px 2px;}

#sidebar p { font-size: 1.2em; color: #d8d8d8; text-align: left; padding: 8px 0 8px 17px; }

#sidebar table { margin: 0 0 0 8px; }
#sidebar tr { border-bottom: 1px solid #ccc; }
#side_tabel { width: 277px; margin-left: 24px; padding: 20px 0 0 0; background: url(/img/tabel_top.png) no-repeat top center;}
#side_tabelmid { background: url(/img/tabel_mid.png) repeat-y top center; width: 277px;}
#side_tabelbot { background: url(/img/tabel_bot.png) no-repeat top center; width: 277px; height: 20px; color: #fff;}
#sidebar .karlstad { color: #a10101; }
#sidebar_fin {width: 320px; height:40px; background: url(/img/sidebar_fin.png) no-repeat top center; color: #fff;}

.sidebar_fin {width: 320px; height:40px; background: url(/img/sidebar_fin.png) no-repeat top center; color: #fff;}

/* Footer  
=========================*/

#footer_divider { width: 100%; height: 26px; background: url(/img/stitches_bg.png) repeat-x top center; }

#footer_wrap  { width: 100%; background: url(/img/footer_bg.jpg) top center; }

#footer { position: relative; margin: 0 auto; overflow: hidden; width: 970px; padding-top: 20px;}
#footer div.ball { float: left; width: 300px; }
#footer div.contact { float: left; width: 200px; background: url(/img/footdivider.png) no-repeat top right; margin-top: 20px;}
#footer div.footmenu { float: left; width: 400px; padding-top: 20px;}
#footer div#footsponsors { clear: both; margin: 20px 0; }
#footer div#footsponsors img { padding: 12px; }

#footer h3 { font-size: 1.8em; font-weight: bold; margin: 0 0 0 8px; color: #000; }
#footer p { font-size: 1.3em;  margin: 12px 0 0 8px; padding-bottom: 10px; color: #000; }
.footmenu ul { list-style: none; clear: both; margin: 14px 0 20px 0; padding: 0 0 0 6px; }
.footmenu li { float: left; padding: 10px 15px 10px 6px; font-size: 1.3em; color: #000; background: url(/img/footmenu_bg.png) no-repeat center right;}
.footmenu li.ultimo { background: none;}
.footmenu p { clear: both;  padding: 10px 0 0 8px; margin: 0; }
.footmenu li a { color: #000; }
.footmenu li a:hover { color: #a10101; text-decoration: underline; }

#syndicate { position: absolute; left: 425px; bottom: 10px; margin-top: 30px;  }

#power_by {position: absolute; right: 25px;	bottom: 10px; margin-top: 30px; font-size: 0.8em;}

#fruitbatmedia {position: absolute; left: 10px;	bottom: 10px;  margin-top: 30px; height: 34px;}
#fruitbatmedia p { }
#fruitbatmedia img { padding: 0 6px; vertical-align: top;}
#fruitbatmedia a { color: #0094f7; font-weight: bold; }

/* CB Login  +  MailChimp
=========================*/

.moduletable_cblogin {text-align: left; }
.moduletable_cblogin label, .moduletable_cblogin table, #mod_login_greeting_cblogin, .mc-field-group label, #mc_embed_signup legend { font-family: verdana; font-size: 1.1em;  color: #d8d8d8;  padding: 0 4px; margin: 0; }
#mod_login_password_cblogin, #mod_login_username_cblogin, #mce-EMAIL, #mce-FNAME, #mce-LNAME { display: block; width: 200px; height: 20px; margin: 0;}
#mod_login_remembermetext_cblogin label { margin: 5px 0 5px 2px; }
#mod_login_remember_cblogin { margin-left: 14px; }
.button_cblogin { margin: 10px 0 10px 140px; }
#mc-embedded-subscribe { margin: 0 0 10px 150px; }
.moduletable_cblogin td, #mod_login_greeting_cblogin {padding-left: 50px; }
#mc_embed_signup {padding-left: 50px; text-align: left; }
#mc_embed_signup legend { font-weight: bold; }
.mc-field-group { margin: 10px 0 12px 2px; }

.cf_button { margin-left: 480px; }
.chronoform { font-size: 0.7em;  }
#thanks form {visibility: hidden;}