/* @override http://www.kreativforhandling.se/wp-content/themes/ibcc/style.css */

/*
Theme Name: IBCC
Description: Custom theme for IBCC.
Version: 1.0
Author: William Lundstedt
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";
@import "grid.css";
/*
Generic stuff.
*/

body{
color: #333333;
font-family: Verdana, sans-serif;
font-size: 13px;
	background-color: #fff;
}
ul{
margin: 0px;
padding: 0px;
}
ul li{
list-style-type: none;
	margin: 0;
	padding: 0;
}
a{
color: #1542a5;
text-decoration: none;
}
a:hover{
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6, h7{
color: #1542a5;
font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
	padding: 15px 0px;
	font-weight: 600;
	line-height: 1.5;
}
h1{
font-size: 28px;
}
h2{
font-size: 22px;
}
h3{
font-size: 19px;
}
h4{
font-size: 16px;
margin: 0px;
text-transform: uppercase;
	padding: 0px;
	padding-bottom: 20px;
}

form .submit{
background: url(style/images/poll_submit.png) no-repeat;
border: 0px;
width: 68px;
height: 18px;
font-size: 12px;
}
form input{
font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
}





/*
Header stuff
*/

#header_bg_wrap{
position: absolute;
top: 0px;
left: 0px;
background: url(style/images/oval2.jpg) no-repeat 50% 0%;
height: 470px;
width: 100%;
z-index: -10;
}
#header_wrap{
position: relative;
height: 420px;
}
#header_wrap #left_header_image{
position: absolute;
left: -16px;
top: 3px;
z-index: 1;
}

#topbar{
height: 56px;
width: 100%;
padding: 0px;
margin: 0px;
}
#topbar img{
float: right;
margin-top: 12px;
margin-right: 10px;
}
#main_nav{
position: relative;
float: left;
padding: 0px;
margin: 0px 0px 0px 10px;
left: 300px;
z-index: 1;
}
#topbar #main_nav img{
float: none;
	margin: 0;
}
#main_nav li{
display: inline;
margin: 0px;
padding: 0px;
float: left;
}
#main_nav li a{
	display: block;
	padding: 0px 20px 0px 20px;
	margin: 20px 0px 16px 0px;
	border: solid #4d6aa8;
	border-width: 0px 0px 0px 1px;
}
#main_nav li:first-child a{
	border-width: 0px;
}
#main_nav li a:hover{
	text-decoration: underline;
}
#main_nav li ul{
position: absolute;
visibility: hidden;
margin: 0px;
}
#main_nav li ul li{
display: block;
margin: 0px;
padding: 0px;
float: none;
}
#main_nav li ul li a{
	display: block;
	padding: 10px 20px 10px 20px;
	margin: 0px;
	font-size: 12px;
	width: 100px;
	border: 0px;
	background-color: #0f317a;
}
#main_nav li ul li a:hover{
	background-color: #1f418a;	
}
#main_nav li:hover > ul{
visibility: visible;
}
#main_nav li ul li ul li{
	position: relative;
	top:-34px;
	left: 140px;
}
#main_nav li a{
color: #FFFFFF;
font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
font-size: 16px;
}

#header{
margin-top: 60px;
padding-top: 10px;
background: url(style/images/header_line.png) no-repeat 0px 70px;
	z-index: 0;
}
#header h1{
color: #FFFFFF;
font-weight: 100;
font-size: 36px;
padding-bottom: 25px;
}
#header p{
color: #000000;
font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
font-size: 17px;
line-height: 26px;
width: 450px;
}
#header img{
float: right;
position: relative;
top: -25px;
left: 115px;
}

/*
Content stuff
*/

#content{
float: left;
margin-bottom: 25px;
}
#content ul{
list-style-type: none;
margin: 0px;
padding: 0px;
padding-left: 8px;
margin-bottom: 10px;
}
#content ul li{
background: url(style/images/list_item.png) no-repeat 0 7px;
	padding: 3px 0px 12px 25px;
}

#content ol{
list-style-type: none;
margin: 0px;
padding: 0px;
padding-left: 8px;
margin-bottom: 10px;
}
#content ol li{
background: url(style/images/bock.png) no-repeat 0 2px;
	padding: 3px 0px 18px 27px;
}

#content p{
padding: 10px 0px;
}
#content p.date{
	padding: 0px;
}
#content p.date span{
	color: #333333;
	font-size: 15px;
}

#content .post h2{
	padding: 0;
	margin: 0px 0px 5px 0px;
}
#content .post{
	padding-top: 20px;
}
#content .post h1{
	padding: 0;
	margin: 0px 0px 5px 0px;
}
#content #respond h3{
	padding-bottom: 0;
}

/*
Sidebar stuff
*/
#sidebar{
width: 300px;
padding-top: 10px;
}
#sidebar li{
margin-bottom: 25px;
}

/*Recent posts widget*/
#sidebar .widget_yd_rp{
background: url(images/recent_posts_bg.jpg) repeat-x #cccccc;
border: 1px solid #cccccc;
padding: 20px 24px;
}
#sidebar .widget_yd_rp h4{
	padding-bottom: 0px;
}
#sidebar .widget_yd_rp ul{
	margin: 3px 0px;
}
#sidebar .widget_yd_rp ul li{
padding: 18px 0px 0px 0px;
background: url(images/horizontal_line.jpg) no-repeat 0% 100%;
margin: 0px;
}
#sidebar .widget_yd_rp a{
font-size: 18px;
display: block;
color: #333333;
width: 100%;
padding: 3px 0px;
font-family: Verdana;
font-weight: normal;
margin: 0px
}
#sidebar .widget_yd_rp a:hover{
color: #333333;
background-color: #aaaaaa;
}
.date{
color: #1542a5;
font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
font-weight: 600;
font-size: 13px;
}
#sidebar .widget_yd_rp .yd_rp_excerpt{
font-size: 11px;
line-height: 17px;
padding: 8px 0px 20px 0px;
}
#sidebar .widget_yd_rp .bottomtext{
font-size: 11px;
color: #1542a5;
}

/* Poll widget */
#sidebar .widget_polls-widget{
background: url(images/poll_bg.jpg) repeat-x #1542a5;
border: 1px solid #1542a5;
padding: 20px 24px;
margin: 20px 0px;
color: #ffffff;
font-size: 11px;
}
#sidebar .widget_polls-widget h4{
color: #ffffff;
font-size: 15px;
}
#sidebar .widget_polls-widget ul li{
padding: 0px 0px;
margin: 10px 0px;
}
#sidebar .widget_polls-widget ul li input{
margin-right: 10px;
position: relative;
top: 2px;
}
#sidebar .widget_polls-widget input.submit{
border: 0px;
width: 68px;
height: 18px;
font-size: 12px;
margin-top: 10px;
padding: 0px;
}
#sidebar .widget_polls-widget p{
line-height: 17px;
}

/* Newsletter widget */
#sidebar .newsletter_widget{
background: url(images/poll_bg.jpg) repeat-x #cccccc;
border: 1px solid #1542a5;
padding: 20px 24px;
margin: 20px 0px;
color: #ffffff;
font-size: 11px;
}
#sidebar .newsletter_widget h4{
color: #ffffff;
font-size: 18px;
text-transform: none;
}
#sidebar .newsletter_widget ul li{
padding: 0px 0px;
margin: 10px 0px;
}
#sidebar .newsletter_widget input{
width: 230px;
border: 1px solid #1542a5;
padding: 3px 3px 3px 10px;
margin: 5px 0px;
}
#sidebar .newsletter_widget input.submit{
border: 0px;
width: 68px;
height: 18px;
font-size: 12px;
margin-top: 10px;
padding: 0px;
}
#sidebar .newsletter_widget p{
line-height: 17px;
}

#sidebar img{
	margin: 0px;
	padding: 0px;
}
/*
Footer
*/

#footer {
clear: both;
margin: 10px 20px 0 10px;
border-top: 1px solid #333333;
padding: 20px 0px;
	width: 930px;
	float: left;
}

#footer2 {
clear: both;
margin: 0 20px 10px 10px;
border-top: 1px solid #333333;
padding: 20px 0px;
	width: 930px;
	float: left;
	font-size: 11px;
}

#footer p {
	margin-bottom: 10px;
}
.textwidget p {
	margin-bottom: 20px;
}
.yt {
	background-image: url(images/ytbg.png);
	min-height: 200px;
	border-bottom: 1px solid #aaaaaa;
}

.yt h4.widgettitle {
	padding-top: 55px;
	padding-left: 90px;
	font-size: 20px;
	text-transform: none;
}

.yt .textwidget {
	padding-left: 25px;
	padding-top: 45px;
}
.feb {
	background-image: url(images/blue_feb.png);
	min-height: 100px;
	border-bottom: 1px solid #1542a5;
}
.eb {
	background-image: url(images/blue_eb.png);
	min-height: 100px;
	border-bottom: 1px solid #1542a5;
}
.fst {
	background-image: url(images/blue_fst.png);
	min-height: 100px;
	border-bottom: 1px solid #1542a5;
}
.st {
	background-image: url(images/blue_st.png);
	min-height: 100px;
	border-bottom: 1px solid #1542a5;
}

.feb h4.widgettitle, .eb h4.widgettitle, .fst h4.widgettitle, .st h4.widgettitle {
	padding-top: 40px;
	font-size: 20px;
	text-transform: none;
	color: #ffffff!important;
	padding-left: 25px;
}

.feb .textwidget, .eb .textwidget, .fst .textwidget, .st .textwidget {
	padding-left: 25px;
	padding-top: 0;
	color: #ffffff;
}

#contact {
	width: 465px;
	border-right: 1px solid #333333;
	margin-right: 30px;
	float: left;
}
#contact2 {
	width: 425px;
	float: left;
}

#contact input {
	padding: 4px;
	background-color: #eee;
	border: 1px solid #333333;
	margin: 1px 0 0;
	width: 263px;
}
#contact textarea {
	padding: 5px;
	background-color: #eee;
	border: 1px solid #333333;
	margin: 5px 0 0;
	width: 413px;
	height: 80px;
}
#contact input.wpcf7-submit {
	background-color: #1542a5;
	border: 1px solid #333333;
	margin: 0;
	width: auto;
	color: #fff;
	font-size: 13px;
	height: 32px;
	padding: 0 12px;
}