/*
Theme Name: Tikare
Theme URI: http://cynatic.org
Description: Custom theme for Timrå IK Supporterklubb by Andreas Johansson ( http://cynatic.org )
Version: 1
Author: Andreas Johansson
Author URI: http://cynatic.org
Tags: tik, tikare, red, theme, support, hockey
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

body{ background: url(style/images/bg.png) top left; }

#header {
	position: relative;
	background: url(style/images/top_grad.png) repeat-x top left;
	height: 324px;
}
#header #tikare-logo {
top: 24px;
left: 25px;
position: absolute;
z-index: 1;
}
#header #tik-logo {
	position: absolute;
	z-index: 1;
	top: 235px;
	left: 780px;
}
#header p, #header h1 { text-indent: -9999px; }
#nav { 
	height: 27px;
	background: url(style/images/menu_bg.png) repeat-x top left;
	font-family: "Arial Black", Arial, sans-serif;
	font-size: 12px;
	padding-left: 30px;
	letter-spacing: 1px;
}
ul.topnav {
	list-style: none;
	margin: 0;
	float: left;
	width: 920px;
}
ul.topnav li {
	float: left;
	margin: 0;
	padding: 0 15px 0 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li a{
	padding: 5px 5px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover{
	background: url(menu_hover.png) no-repeat center top;
}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 25px;
	float: left;
	background: url(menu_arrow.png) no-repeat center top;
}
ul.topnav li span.subhover {background-position: center -35px; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 25px;
	background: #3e60b9;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	border: 1px solid #111;
	z-index: 500;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #899bc9; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
	background: url(dropdown_linkbg.gif) no-repeat 10px center;
	padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #222 url(dropdown_linkbg.gif) no-repeat 10px center;
}

#sidebar { float: right; width: 225px; margin-left: 10px; margin-top: 10px; padding-right: 10px; 
			font-family: Verdana; font-size: 11px;
}
#wrapper { background: url(style/images/bg_grad.png) repeat-x top left; float: none; }
#content {
	float: left;
	width: 820px;
	background-color: #fff;
	margin-left: 30px;
	padding-bottom: 15px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	border-radius-bottomleft: 10px;
	border-radius-bottomright: 10px;
	-webkit-border-radius-bottomleft: 10px;
	-webkit-border-radius-bottomright: 10px; 
}
#date { font-style: italic; color: #7F7F7F; font-size: 6px; padding: 0px; margin: 0px; }
#content #cont { 
	width: 525px; float: left;
	padding-left: 15px;
	padding-right: 15px;
} 
#content a:link, #content a:visited { color: #004358; }
#content .post h2 { font-family: Trebuchet, Tahoma, Arial, sans-serif; font-size: 1.6em; font-weight: 200;  }
#content .post h2 a { text-decoration: none; }
#content .post h2.min { overflow: hidden; width: 97%; }
#content .post .datum .datum-day { display: block; font-size: 35px; position: absolute; top: 0px; left: 2px; }
#content .post .datum .datum-month { letter-spacing: 5px;text-transform: uppercase; display: block; font-size: 15px; position: absolute; left:5px; bottom: -1px; }
#content .post .datum .datum-year { display: block; font-size: 11px; letter-spacing: 1px; position: absolute; bottom: 20px; right: -9px; 
	-webkit-transform: rotate(-90deg); /* safari/chrome */
	-moz-transform: rotate(-90deg);	/* mozilla */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* IE */
}
#content .post .datum { 
	font-family: Verdana, sans-serif; background-color: #333; color: #fff; 
	position: relative; height: 50px; width: 57px; float: left; margin-right: 10px; margin-bottom: 5px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-border-radius: 2px; 
}
#content .post {
	clear: both;
	padding-bottom: 12px;
	margin-top: 5px;
}
h1, h2, h3, h4 {text-shadow: 1px 1px 2px #ccc;}
#content .post p {
	margin-bottom: 12px;
	font-family: Tahoma, Verdana, Geneva;
	font-size: 13px; 
	line-height: 16px;
}
#content .post h3, #content .post h4 {
	font-family: Trebuchet, Tahoma, Arial, sans-serif;
	font-weight: 200;
}
#content p.news-date { color: #333; font-size: 9px; font-family: verdana, sans-serif; border-top: 1px #ccc solid; }
#content #col-wrap { float: none; clear: both; }
#content #col-left { float: left; clear: none; width: 45%; }
#content #col-right { float: right; clear: none; width: 45%; }
#content .disp-com { 
	float: right;
	background: url(style/images/comment.png) no-repeat top left;
	height: 48px;
	width: 48px;
	
	font-size: 24px;
	font-family: Geogia;
}
#content .disp-com a { color: #ccc; text-decoration: none; width: 48px; line-height: 48px; text-align: center; padding-left: 10px; }
#cont ul li { list-style-type: disc; }
#cont ol li { list-style-type: decimal; }
#cont ul li, #cont ol li {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	margin-left: 20px;
}
#comments-head, #respond { font-size: 16px; font-family: Arial, sans-serif; padding-top: 10px;}
#comments-list  { width: 500px; }
#comments-list li {
	min-height: 75px;
	display: block;
	padding: 5px;
	font-family: Verdana, sans-serif;
	font-size:12px;
	border-bottom: 1px solid #ccc;
}
#comments-list li cite {
	font-size: 16px;
	font-family: Arial;
	font-weight: 700;
}
#comments-list li cite a { color: #333; text-decoration: none; }
#comments-list li cite span {
	font-weight: 500;
	font-size: 11px;
	color: #ccc;
	font-style: italic;
	float: right;
	margin-right: 30px;
}
.alt { background-color: #fffdf7; }
.avatar { float: right; }
.clear { clear: both; }
#commentform { }
#commentform label { display: block; width: 35%; margin-top: 10px;
					font-family: Verdana, sans-serif; color: #333; font-size: 11px;}
#commentform input[type=text] { margin-right: 175px; padding: 5px; border: 1px solid #333; }
#commentform textarea { width: 350px; padding: 5px; border: 1px solid #333; }
#commentform input[type=submit] { }
p.note {
	font-size: 9px;
	color: #333;
	font-family: verdana, sans-serif;
	margin-top: 10px;
}
#sidebar h2 {
	background: #333;
	color: #fff;
	font-variant: lowercase;
	font-family: arial, sans-serif;
	text-align: left;
		padding: 2px;
	padding-left: 5px;
	margin-bottom: 10px; margin-top: 10px;
	font-size: 16px;
	border-bottom: 1px solid #ccc;
}
#sidebar h2 a:visited, #sidebar h2 a, #sidebar h2 a:hover, #sidebar h2 a.rsswidget { color: #fff; text-decoration: none; }
#sidebar ul li ul li {

}
#sidebar ul li ul li a, #sidebar li .recentcomments {
	text-decoration: none;
	font-family: verdana, sans-serif;
	color: #333;
	padding-left: 20px; display: block;
	background: url(arrow.png) no-repeat center left;
	padding-top: 4px;
	padding-bottom: 4px;
	border-bottom: 1px solid #eeeeee;
}
#sidebar li .recentcomments a { background-image: none; text-decoration: none; }
#footer { clear: both; margin-bottom: 20px; }
#footer p { text-align: center; color: #fff; font-size: 9px; font-family: Verdana, sans-serif; }
#footer p a, #footer p a:visited { color: #fff; text-decoration: none; }

#searchform  #s{
	padding: 5px;
	padding-left: 35px;
	background: url(finder.png) center left no-repeat;
	background-position: 5px;
	border: solid #333 1px; 
	font-family: arial, sans-serif;
	font-weight: 700;
	width: 140px;
}
h2#arkiv-head { 
	font-family: Arial, sans-serif;
	font-size: 14px;
	color: #fff;
	background-color: #333;
	padding: 2px;
	padding-left: 5px;
	margin-top: 5px;
}
#next-prev li {
	display: block;
	font-size: 11px;
	font-family: Verdana, sans-serif;
	background-color: #333;
	height: 14px;
	color: #fff;
	padding: 3px;
}
#next-prev li a { float: left; }
#next-prev li span { float: right; padding-right: 10px; }
#next-prev li a:link, #next-prev li a:visited { text-decoration: none; color: #fff; padding-left: 10px; }
/* smart-archive */
#smart-archives-block li { color: #333; background: none; padding:0px; font-size: 12px; font-family: verdana, sans-serif; }
#smart-archives-list h2 a { color: #333; font-size: 1.3em; border-bottom: 0px; }
#smart-archives-list h2 { margin-top: 15px; }
#smart-archives-list li a { font-size: 11px; font-family: verdana, sans-serif; }
#smart-archives-list ul, #smart-archives-block { margin-top: 10px; }
#smart-archives-list li {  background: none; padding: 0px;  }