/*------------------------------------------------------------------------
# magic_urheilu - Joomla Template by Joomagic.com
# ------------------------------------------------------------------------
# author    JoomShaper http://www.joomshaper.com
# copyright Copyright (C) 2010 JoomShaper.com. All Rights Reserved.
# @license - Copyrighted Commercial Software
# Websites:  http://www.joomagic.com
# This file may not be redistributed in whole or significant part
-------------------------------------------------------------------------*/
table.contenttoc{border:1px solid #CCC;float:right;margin:5px 10px;padding:5px}
table.contenttoc td{padding:0 5px}
/*Basic*/
html,body,form,fieldset{margin:0;padding:0}
/*Hyperlinks*/
a{color:#2383B8;text-decoration:none}
a:hover,a:active,a:focus{color:#0391e0;text-decoration:none}
a.readon{background:#2383B8; color:#fff; display:block;  font-weight:bold; margin:10px 0 0; padding:2px 8px; float:left; text-align:center; text-decoration:none; }
a.readon:hover{text-decoration:none;background:#0391e0;}
.contentheading,.componentheading,.blog_more strong,h1,h2,h3,h4{line-height:normal}
small,.small,.smalldark,.button,.article-meta,.modifydate,.img_caption p,a.readon,.site-slogan,#pathway,#footer{font-size:92%}
img{margin:0;padding:0}
.img_caption{padding-right:0}
.img_caption p{color:#999;text-align:center}
.img_caption.left,.img_caption.right{}
h1{font-size:200%}
h2{font-size:175%}
h3{font-size:150%}
h4{font-size:125%}
p,ul,ol,h1,h2,h3,h4,h5,h6{margin:0.7em 0;padding:0}
h1,h2,h3,h4,h5,h6{color:#666;}
h4{margin:0}
ul{list-style-image:none;list-style-position:outside;list-style-type:none}
ul li{background:transparent url(../images/bullet.gif) no-repeat scroll 15px 8px;padding-left:30px}
ol li{margin-left:35px}
th{font-weight:bold;padding:8px;text-align:left}
fieldset{background:transparent url(../images/dot.gif) repeat-x scroll center top;border:medium none;padding:10px 5px}
fieldset a{font-weight:bold}
fieldset.input{background:transparent none repeat scroll 0 0;padding:0}
legend{background:#FFF none repeat scroll 0 0;font-weight:bold}
form{margin:0;padding:0}
form label{cursor:pointer}
input,select,textarea,.inputbox,.button{font:100% Arial,Helvetica,sans-serif}
.inputbox{background:#FFF none repeat scroll 0 0;border:1px solid #B9B7B5;color:#666;font-size:100%;padding:2px}
.button{background:#252525;border:1px solid #2a2a2a;cursor:pointer;color:#fff;font-weight:bold;padding:3px 8px}
.button:hover{background:#2a2a2a;border:1px solid #252525}
* html .button{padding:0 5px !important}
* + html .button{padding:0 5px !important}
/*Frontpage Default.php*/
h1.componentheading,.componentheading{font:36px/36px Cambria,serif;padding:10px 0;margin:0 0 16px 0;border-bottom:1px dotted #d3d3d3;}
h2.contentheading,.contentheading{font-size:170%;font-weight:normal;letter-spacing:-1px;line-height:normal;margin-bottom:10px;margin-top:0;padding-bottom:10px;border-bottom:1px dotted #d3d3d3;}
span.article_separator,.article_separator{display:block;height:5px;margin:0}
.blog{padding:0}
.cols1{display:block;float:none !important;margin:0 !important}
.cols2{width:45%}
.cols3{width:30%}
.column1,.column2{border:solid 0 #D4A7C5;margin:0 5px 0 0;position:relative}
.column2,.column1{float:left;margin:0}
.column2{float:right;margin:0;width:45%}
.article_row{margin:0 0 0 0;padding:0;overflow:hidden}
.article_column{border:solid 0 #ccc;padding:10px 10px 10px 0}
.row_separator2{display:block;clear:both;margin:0;border:solid 0}
/*Category List Layout*/
table.contentpaneopen td,table.contentpane td{}
table.contentpaneopen,table.contentpane,table.blog{width:100%}
.filter{width:auto;float:left;margin-right:26px}
.display{width:auto;float:left}
.sectiontableheader{background:#252525;border:1px solid #888;color:#FFF;font-weight:bold;padding:4px 8px}
.sectiontableheader a{color:#fff}
tr.sectiontableentry0 td,tr.sectiontableentry1 td,tr.sectiontableentry2 td{border-bottom:1px solid #ccc;padding:8px}
tr.sectiontableentry2 td{background:#f7f7f7}
/*Blog More*/
.blog_more{border-top:1px solid #ccc;margin:15px 0 0;padding:10px 0 0}
.blog_more h2{font-size:110%;margin:5px 0;padding:0;text-transform:uppercase}
.blog_more strong{display:block;margin:0 0 5px;text-transform:uppercase}
.blog_more ul{margin:0;padding:0;list-style-type:none}
.blog_more ul li{background:transparent url(../images/bullet.gif) no-repeat scroll 4px 8px;margin:0;padding:0 0 0 15px}
/*Pagination*/
p.counter{color:#777;text-align:center}
ul.pagination{border-top:1px solid #ccc;color:#555;margin:15px auto 10px;padding:10px 0 0;text-align:center}
ul.pagination li{background:transparent none repeat scroll 0 0;display:inline;margin:0;padding:2px 5px}
ul.pagination li span{padding:2px 5px}
ul.pagination a{background:#f5f5f5;border:1px solid #ccc;padding:2px 5px;text-decoration:none}
ul.pagination a:hover,ul.pagination a:active,ul.pagination a:focus{border:1px solid #ccc;}
.pagenavbar{background:transparent url(../images/icon-pages.gif) no-repeat scroll left center;font-weight:bold;padding-left:14px}
.pagenavcounter{background:transparent url(../images/icon-pages.gif) no-repeat scroll 0 11px;font-weight:bold;padding:8px 14px 0}
/*Extra,modify,create,author,pdf,email,print etc*/
p.iteminfo,p.articleinfo{display:block;padding:0 10px 0 0;margin:5px 0;font-size:11px;color:#777}
.createdby{margin-right:5px;padding-right:6px;border-right:1px solid #ccc}
.createdate{margin-right:5px;padding-right:6px}
.modifydate{display:block;margin:10px 0;font-size:10px;color:#777;width:100%}
.article-section{margin-left:5px;padding-left:6px}
.article-section a{color:#555}
.article-category a{color:#555}
p.buttonheading{float:right;margin:5px 0 0 0;}
p.buttonheading img{border:0 none;float:right;margin:0 0 0 5px}
/* System Messages */
#system-message{margin:10px 0 20px 0;padding:0 !important;background:#fff;border:solid 0}
#system-message dt{font-weight:bold}
#system-message dd{margin:0;font-weight:bold;text-indent:0;background:#fff;padding:0}
#system-message dd ul{color:#f00;margin-bottom:10px;list-style:none;padding:0;background:#fff;border:0}
/* System Standard Messages */
#system-message dt.message{display:none}
#system-message dd.message{}
#system-message dd.message ul{background:#fff}
/* System Error Messages */
#system-message dt.error{display:none}
#system-message dd.error{}
#system-message dd.error ul{color:#f00;background:#fff;margin:0;border:0}
/* System Notice Messages */
#system-message dt.notice{display:none}
#system-message dd.notice{}
#system-message dd.notice ul{color:#f00;background:#fff;margin:0;border:0}