/*
Theme Name: SSIF
Description: Ett WordPresstema framtaget för SSIF Fäktings webbplats.
Version: 1.0
Author: Carl Törnqvist
Author URI: mailto:calle.tornqvist@gmail.com
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	background-color: #FFFFFF;
	color: #000;
}

* {
  border: none;
  padding: 0px;
}

/*----------------------------------------*/
/* TYPOGRAPHY							  */

a:link {color: #fe0000; text-decoration: none;}
a:visited {color: #fe0000; text-decoration: none;}
a:hover {color: #fe0000; text-decoration: underline;}
a:active {color: #fe0000; text-decoration: underline;}

h1 {font-family: Helvetica, sans-serif; font-weight: 100; color: black; font-size: 2.75em; text-shadow: rgba(0,0,0,0.2) 1px 1px 0px;}

h2 {font-family: Helvetica, sans-serif; font-weight: 100; color: #525352; font-size: 1.8em; margin-top: 20px; text-shadow: rgba(0,0,0,0.2) 1px 1px 1px;}

#nav ul li a {font-family: Helvetica, sans-serif; font-weight: 100; color: #525352; font-size: 1em; margin-top: 20px; text-shadow: rgba(0,0,0,0.2) 1px 1px 1px;}

#nav_sub li {font-family: Helvetica, sans-serif; font-color: black; font-size: 0.8em; line-height: 1.5em; text-shadow: rgba(0,0,0,0.2) 1px 1px 1px; text-transform: lowercase; font-weight: 900;}

#content p {font-family: Helvetica, sans-serif; font-color: black; font-size: 0.8em; line-height: 1.4em; text-shadow: rgba(0,0,0,0.2) 1px 1px 1px;}
	
	#content .entry h2 a {color: #525352;}
	
	#content .entry h2 a:hover, a:active {color: #fe0000; text-decoration: none;}

	#content .entry p {font-family: Helvetica, sans-serif; font-color: black; font-size: 0.8em; line-height: 1.4em; text-shadow: rgba(0,0,0,0.2) 1px 1px 1px;}

		#content .entry p.meta {font-family: Georgia, serif; color: #525352; font-size: 0.8em; font-style: italic; margin-bottom: 5px; text-shadow: none;}

#content_sub p {font-family: Helvetica, sans-serif; margin: 12px 0 0 0;text-align: justify; font-color: black; font-size: 0.85em; line-height: 1.4em; text-shadow: rgba(0,0,0,0.2) 1px 1px 1px;}

#content_sub li {list-style-type: none; padding: 0px; margin: 0 0 40px 0; font-family: Helvetica, sans-serif; font-color: black; font-size: 0.9em; line-height: 1.5em; text-shadow: rgba(0,0,0,0.2) 1px 1px 1px;}

	#content_sub li li {margin: 5px 0 5px 10px;}

	#content_sub li h2 {font-family: Helvetica, sans-serif; font-weight: 100; color: #525352; font-size: 2em; margin: 0px 0 10px 0px; text-shadow: rgba(0,0,0,0.2) 1px 1px 1px;}

#welcome p {font-family: Helvetica, sans-serif; color: black; font-size: 1em; text-shadow: rgba(0,0,0,0.2) 1px 1px 0px;}

#site_info p#info {float: left; width: 590px; padding: 20px 40px 20px 20px; font-family: Helvetica, sans-serif; color: white; font-size: 0.8em; line-height: 1.4em; text-shadow: rgba(0,0,0,0.2) 1px 1px 1px;}

#site_info p#contact {float: left; padding: 20px; font-family: Helvetica, sans-serif; color: white; font-size: 0.8em; line-height: 1.4em; text-shadow: rgba(0,0,0,0.2) 1px 1px 1px;}

/*----------------------------------------*/
/* HEADER								  */

#logo {
	position: absolute;
	top: 0px;
	left: 0px;
}

#nav_main {
	background: #2a2a2b;
	float: left;
	-moz-border-radius: 7px; 
	-webkit-border-radius: 7px; 
	border: none;
	height: 50px;
	margin: 20px 0 0 0;
	padding: 0px;
	width: 100%;
}

#nav {
	float: left;
	background: none;
	padding: 0px;
	width: 590px;
}

#nav ul {
	margin: 15px 0 0 190px; 
	padding: 0; 
	list-style-type: none; 
	list-style-image: none;
}

#nav li {
	display: inline; 
}

#nav ul li a {
	text-decoration:none;  
	margin: 3px;
	padding: 5px 10px 5px 10px; 
	color: white;
}

#nav ul li a:hover {
	background: #656567;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}

#current {
	background: #656567;  
	margin: 3px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	padding: 5px 0px 5px 0px;
}

#nav_sub {
	float: left;
	margin: 1px 0 10px 0;
	padding: 0px;
	height: 26px;
	
}

#nav_sub ul { 
	background: url(images/tag.jpg) no-repeat;
	margin-left: 190px;
	padding: 5px 0 0 35px; 
	list-style-type: none; 
	list-style-image: none;
}

#nav_sub li {
	display: inline;
}

#nav_sub ul li a {
	text-decoration:none;
	margin: 2px;
	padding: 2px 5px 2px 5px; 
	color: black;
}

#nav_sub ul li a:hover {
	background: #656567;
	color: white;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}

#search {
	float: right;
	width: 310px;
	margin: 10px -85px 0 0;
}

#searchform input {
	background: #656567;
	font-family: Helvetica, sans-serif; 
	color: white; 
	font-size: 1em;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	padding: 5px;
}

#searchform input:focus {
	background: white;
	color: black; 
	border: black 1px solid;
}

#searchsubmit {
	background: #656567;
	color: white;
	font-family: Helvetica, sans-serif; 
	color: white;
	visibility: hidden;
}

/*----------------------------------------*/
/* CONTENT								  */

#wrapper {
	width: 960px;
	padding: 0px;
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -480px;
}

#branding {
	float: left;
	background: url(images/branding.jpg) no-repeat;
	padding: 0px;
	margin: 30px 0 -20px 0;
	z-index: 0;
	width: 100%;
	height: 283px;
}

#welcome {
	background: none;
	float: left;
	width: 100%;
	padding: 10px 20px 0 0;
	margin: 0 0 -40px 0;
}

#content {
	float: left;
	width: 590px;
	padding: 0px;
	margin: 0px 40px 20px 0px;
}

.entry {
	float: left;
	width: 100%;
	background: url(images/entryShadow.jpg) bottom no-repeat;
	padding-bottom: 40px;
	margin: 80px 0 -50px 0;
}

#page_navi {
	float: left;
	width: 100%;
	text-align: center;
	margin: 100px 0 -30px 0;
}

#content_sub {
	float: left;
	width: 310px;
	padding: 0px;
	margin: 100px 0 0 20px;
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

/*----------------------------------------*/
/* FOOTER								  */

#footer_point{
	background: url(images/footerPoint.jpg) no-repeat;
	width: 100%;
	height: 11px;
	margin: 60px 0 0 40px;
	float: left;
}

#site_info {
	background: #2a2a2b;
	float: left;
	margin-bottom: 50px;
	-moz-border-radius: 7px; 
	-webkit-border-radius: 7px; 
	border: none;
	padding: 0px;
	width: 100%;
}