/*
Theme Name: SHS Oy
Theme URI: http://shsoy.fi
Description: Site theme made for SHS Oy (2010).
Author: Teemu Ikonen
Version: 1.0
*/


/* Global elements declarations start */
/* Reset all elements defaults */

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, sub, sup, 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;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
	background: #ffffff url('http://shsoy.fi/wp-content/uploads/2014/02/bg.png') no-repeat top center fixed;
	color: #ffffff;
	text-align: center;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	clear: both;
}

ol, ul {
	list-style: none;
}

blockquote {
	quotes: none;
}

blockquote:before, blockquote:after {
	content: '';
	content: none;
}

del {
	text-decoration: line-through;
}

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

a img { border: none; }

/* Global elements declarations end */

/* Body wrapper div declarations start */

div#wrapper {
	width: 850px;
	height: auto;
	margin: auto auto;
	text-align: left;
	padding-top: 50px;
}

/* Body wrapper div declarations end */

/* SHS circular logo declarations begin */

div#shs_logo_container {
	position: absolute;
}

div#shs_logo {
	position: relative;
	top: -95px; left: -60px;
	width: 120px;
	height: 120px;
	background: url('images/shs_logo_resized.png') no-repeat;
}

/* SHS circular logo declarations end */

/* Navibar declarations begin */

div#navibar {
	width: 820px;
	clear: both;
	margin: auto auto;
}

div#navibar_content {
	width: 758px;
	height: 30px;
	float: right;
	padding: 0 0 0px 50px;
	background: url('images/navibar_bg.png') repeat-x;
	
	font: bold 13px Verdana, Sans-Serif, Tahoma, Arial;
	font-variant: small-caps;
	line-height: 30px;
	letter-spacing: 1px;
}

div#navibar_left {
	width: 6px;
	height: 30px;
	background: url('images/navibar_left.png') no-repeat;
}

div#navibar_right {
	width: 6px;
	height: 30px;
	float: right;
	background: url('images/navibar_right.png') no-repeat;
}

div#navibar_content a {
	color: #ffffff;
	margin: 0 15px 0 15px;
	text-decoration: none;
}

div#navibar_content a:hover {
	color: #e0e0e0;
}

/* Navibar div declarations end */

/* Subnavi div declarations begin */

div#subnavi {
	width: 850px;
	height: auto;
	background: #f0f0f0 url('images/subnavi_bg.png') repeat-x;
	margin: auto auto;
	clear: both;
}

div#subnavi_content {
	width: 765px;
	height: auto;
	min-height: 25px;
	float: right;
	padding: 0 5px 0 74px;
	border-bottom: 1px solid #e5e5e5;
	font: 12px "Trebuchet MS", Tahoma, Verdana;
	letter-spacing: 1px;
	line-height: 24px;
	color: #222222;
}

div#subnavi_left {
	width: 6px;
	height: 25px;
	background: url('images/subnavi_corner_left.png') no-repeat top left;
}

div#subnavi_right {
	width: 6px;
	height: 25px;
	float: right;
	/*border-bottom: 1px solid #e5e5e5;*/
	background: url('http://shsoy.fi/wp-content/uploads/2014/02/subnavi_corner_right.png') no-repeat top right;
}

div#subnavi_content a {
	color: #4e88c9;
	margin: 0 5px 0 2px;
	text-decoration: none;
}

div#subnavi_content a:hover {
	color: #5797df;
	text-decoration: underline;
}

/* Subnavi div declarations end */

/* Middledot span (used as a separator in subnavi) declarations start */

span.middledot {
	cursor: default;
	color: #4e88c9;
}

/* Middledot span declarations end */

/* Main  and content divs declarations start */

div#main {
	background: #ffffff url('http://shsoy.fi/wp-content/uploads/2016/09/wp_ad.png') no-repeat center bottom;
	width: 850px;
	height: auto;
}

div#content {
	min-height: 400px;
	clear: both;
}

div#content_left {
	float: left;
	width: 600px;
	color: #222222;
	padding: 32px 10px 160px 10px;
	font: 13px Helvetica, Sans-Serif, Tahoma, Arial;
	line-height: 18px;
	
	background: url('images/content_sep.png') no-repeat top right;
}

div#content_right {
	float: right;
	width: 220px;
	color: #222222;
	margin-top: 32px;
	padding: 0 10px 160px 0px;
	font: 13px Helvetica, Sans-Serif, Tahoma, Arial;
	line-height: 18px;
}

div#content_left h2 {
	font-weight: bold;
	margin-bottom: 30px;
}

div#content_left h2#post {
	font-weight: bold;
	margin-bottom: 0px;
}

div#content_left a, div#content_left a:visited {
	color: #4e88c9;
}

div#content_left a:hover, div#content_left a:active {
	color: #3d699b;
}

/* Main and content divs declarations end */

div.sidebar_img {
	width: 210px;
	height: auto;
	margin-bottom: 200px;
}

div.sidebar_box {
	width: 218px;
	height: auto;
	padding: 2px;
	margin-bottom: 20px;	
	/*border: 1px solid #e5e5e5;
	background: #f8f8f8;*/
}

div.sidebar_box_header {
	padding: 2px 2px 2px 10px;
	margin-bottom: 5px;
	font: bold 13px Helvetica, Sans-Serif, Tahoma, Arial;
	color: #000080;
	background: url('images/sidebar_sep.png') no-repeat bottom left;
}

div.sidebar_box_content {
	padding: 2px;
}

div.sidebar_box_content a, div.sidebar_box_content a:visited {
	color: #4e88c9;
	text-decoration: none;
}

div.sidebar_box_content a:hover, div.sidebar_box_content a:active {
	color: #3d699b;
	text-decoration: underline;
}

div.sidebar_box #user, div.sidebar_box #pass, div.sidebar_box #pass-placeholder {
	color: #c0c0c0;
	border: none;
}

div.sidebar_box #login {
	padding: 2px;
	font-weight: bold;
	border: 1px solid #808080;
}

div.sidebar_box #login:hover {
	color: #666666;
}

/* Footer div declarations start */

div#footer {
	width: 850px;
	height: 25px;
	background: url('images/footer_bg.png') repeat-x;
	border-top: 1px solid #e5e5e5;
	position: relative;
	top: -10px;
	
	color: #9c9c9c;
	font: 11px Verdana;
	line-height: 22px;
}

div#footer_left {
	width: 400px;
	height: 25px;
	padding-left: 10px;
	vertical-align: middle;
	background: url('http://shsoy.fi/wp-content/uploads/2014/02/footer_corner_left.png') no-repeat left bottom;
}

div#footer_right {
	width: 400px;
	height: 25px;
	float: right;
	padding-right: 10px;
	text-align: right;
	background: url('http://shsoy.fi/wp-content/uploads/2014/02/footer_corner_right.png') no-repeat right bottom;
}

div#footer_right a {
	color: #9c9c9c;
	text-decoration: none;
}

div#footer_right a:hover {
	color: #8c8c8c;
}

/* Footer div declarations end */