/*
Theme Name:       IBM Koor
Theme URI:        http://ibmkoor.nl
Description:      The theme for IBM Koor
Author:           Pronamic
Author URI:       http://pronamic.nl;
Version:          1.0
License: 		  GNU General Public License
License URI:      http://www.gnu.org/licenses/gpl.html
Tags:             red, green
*/

/*
 * Red: #ba0506
 * Green: #3f8c16
 */

/* -----------------------------------------
   Reset
----------------------------------------- */

html { font-size: 62.5%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { background: #fff; font-size: 100%; line-height: 1; margin: 0; }
article, aside, dialog, figure, footer, header, hgroup, nav, section, img { display: block; }

nav ul,
nav ol {
	list-style: none;

	margin: 0;
	padding: 0;
}

img {
	border: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

a:hover,
a:active,
input {
	outline: none;
}

nav ul:after,
.row:after,
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clear {
	clear: both;
}


/* -----------------------------------------
   Global
----------------------------------------- */

body {
	/*background: #222e49 url(http://www.ibmkoor.nl/wp-content/themes/ibm/style/images/bg-body.jpg) repeat; */

	background: url("images/background-image.jpg") no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

	color: #000;

	font-family: Arial, sans-serif;
	font-size: 13px;
	line-height: 1.5;

	min-width: 990px;	

	margin: 0;
	padding-bottom: 40px;
}

/**
 * Anchors
 */
a {
	color: #3f8c16;

	text-decoration: none;
}

a:hover {
	color: #3f8c16;
	text-decoration: underline;
}

/**
 * Buttons
 */
.btn,
.nav-previous a,
.nav-next a,
body .gform_wrapper .gform_footer input.button, 
body .gform_wrapper .gform_footer input[type="submit"],
input[type="submit"] {
	background: #ddd;

	border: 1px solid #ccc;

	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.4) inset;

	color: #333;

	cursor: pointer;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

	display: inline-block;

	font-weight: bold;

	padding: 8px 18px;

	text-shadow: 0 1px 0 #fff;
}

.btn:hover,
.nav-previous a:hover,
.nav-next a:hover,
body .gform_wrapper .gform_footer input.button:hover, 
body .gform_wrapper .gform_footer input[type="submit"]:hover,
input[type="submit"]:hover {
	background: #ccc;
}

.btn.alt {
	background: #0088cc;

	border-color: #006ea9;

	color: #fff;

	text-shadow: 0 1px 0 #006ea9;
}

.btn.alt:hover {
	background: #0086ce;
}

.btn.large {
	font-size: 18px;

	padding: 10px 24px;
}


/* -----------------------------------------
   Typography
----------------------------------------- */

h1, h2, h3, h4, h5, h6 { 
	color: #000; 
	
	font-family: Arial, sans-serif;

	line-height: 1.25;
	
	margin: 0 0 10px 0;
}

h4, h5, h6 {
	font-weight: bold;
}

h1 { 
	color: #3f8c16;
	
	font-family: Georgia;
	font-size: 20px;
	font-weight: bold;
}
h2 { 
	color: #000000; 

	font-size: 18px; 
	font-family: Georgia; 
}
h3 { 
	color: #000000; 

	font-size: 16px; 
	font-family: Georgia; 
	font-weight: normal;
}
h4 { font-size: 20px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: #000;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
	color: #3f8c16;
}

h1.page-title {
	color: #999;

	font-size: 26px;
	font-weight: normal;
}

p {
	margin: 0 0 15px 0;
}

p.lead {
	font-size: 20px;

	font-family: georgia, serif;
	font-style: italic;
}


/* -----------------------------------------
   Site structure
----------------------------------------- */

/**
 * Header
 */
#header {
 	margin-bottom: 20px;
}

#top-header {height: 40px;}

/**
 * Top
 */
 
#top {
 	padding: 0;
 	position: relative;
 	height: 285px;
}

#header-image {
	position: absolute;
}

#header-image img {
	display: block;

	-webkit-border-radius: 6px 6px 0px 0px;
    border-radius: 6px 6px 0px 0px;
}

/**
 * Site title
 */
#site-title {
	float: left;

	position: absolute;
	margin: 0;
	padding: 0;

	z-index: 10;
}

#site-title a {
	background: url("images/site-logo.png") no-repeat;

	display: block;

	overflow: hidden;

	width: 205px;
	height: 135px;

	margin: 75px 0 0 30px;

	text-indent: -9999px;
}

/**
 * Search
 */
#search {
	float: right;
}

#search label {
	display: none;
}

/**
 * Utility navigation
 */
#utility-nav {
	float: right;

	margin-left: 20px;
}

#utility-nav li {
	padding: 10px;

	float: left;
}

#utility-nav li a {color:#999;}

/**
 * Primary navigation
 */
#primary-nav {
	background: #ba0506;
}

#primary-nav li {
	float: left;

	position: relative;
}

#primary-nav li a {
	color: #fff;

	display: block;

	font-size: 14px;
	font-weight: bold;

	padding: 12px 16px;
}

#primary-nav li a:hover,
#primary-nav li:hover > a {
	color: #fff;
	background: #9a0506;
}

#primary-nav li.current-menu-item > a,
#primary-nav li.current-menu-ancestor > a {
	background: #9a0506;
	
	color: #fff;
}

#primary-nav li.current-menu-item:hover > a {
	color: #fff;
}

/* Drop-down */
#primary-nav li ul.sub-menu {
	background: #9a0506;

	display: none;

	position: absolute;
	left: 0;
	
	z-index: 10;

	min-width: 220px;
}

#primary-nav li.right ul.sub-menu {
	left: inherit;
	right: 0;
}

#primary-nav li:hover ul.sub-menu {
	display: block;
}

#primary-nav ul.sub-menu li {
	float: none;
}


/* -----------------------------------------
   Structure
----------------------------------------- */

.container {
	background: #fff;

	margin: 0 auto;

	padding: 0;
	width: 980px;

	-webkit-border-radius: 10px 10px 6px 6px;
    border-radius: 10px 10px 6px 6px;

	z-index: -2;
}

.top-container {
	margin: 0 auto;

	padding: 0;
	width: 980px;	
}

.columns {
	float: left;

	margin-right: 20px;
	margin-bottom: 20px;
}

.four.columns {
	width: 193px;
}

.three.columns {
	width: 140px;
}

.six.columns {
	width: 300px;
}

.three.columns:nth-child(4n+4),
.four.columns:nth-child(3n+3),
.six.columns:nth-child(2n+2),
.columns.last {
	margin-right: 0;
}

.three.columns:nth-child(4n+1),
.four.columns:nth-child(3n+1),
.six.columns:nth-child(2n+1) {
	clear: left;
}

/**
 * Main
 */
#main {
	margin-bottom: 20px;
	padding: 0 20px;
}

/**
 * Content
 */
#content {
	float: right;

	width: 620px;
}

/**
 * Aside
 */
aside {
	float: left;

	width: 300px;
}

aside .panel {
	background: #f6f6f6;

	border: 1px solid #eee;

	margin-bottom: 20px;
	padding: 20px;
}

aside .panel p:last-child {
	margin: 0;
}

aside .widget-title {
	background: #ba0506;
	margin: -20px -20px 20px -20px;
	padding: 8px 20px;
	color: #fff;
}

.widget-title h2 {font-weight: bold;}

/* Events widget */

.widget_pronamic_events_widget ul {padding: 0;}

.widget_pronamic_events_widget li {margin: 0 0 20px 0;}

.widget_pronamic_events_widget ul {
	list-style: none;
}

.widget_pronamic_events_widget time {
	border: 1px solid #eee;
	float: left;
	font-size: 12px;
	line-height: 1;
	display: block;
	margin-right: 15px;
	text-align: center;
	width: 45px;	
}

.widget_pronamic_events_widget time span.month {
	background: #3f8c16;
	color: #fff;
	display: block;
	padding: 5px;
}
.widget_pronamic_events_widget time span.day {
	background: #fff;
	font-size: 200%;
	display: block;
	padding: 5px 0;
}

/**
 * Footer
 */
#footer {
	border-top: 1px solid #eee;
}

#footer .four.columns {
	width: 300px;
}

#footer h3 a {
	color: #000;
}

#footer h3 a:hover {
	color: #0088cc;
}


/**
 * Bottom
 */
#bottom {
	color: #999;

	font-size: 11px;

	padding: 20px;
}

#bottom .statement {
	float: left;
}

#bottom .builder {
	float: right;
}

/* -----------------------------------------
   WordPress
----------------------------------------- */

/**
 * Alignment
 */
.alignleft {
    display: inline;

    float: left;

    margin-right: 1.5em;
}

.alignright {
    display: inline;

    float: right;

    margin-left: 1.5em;
}

.aligncenter {
    clear: both;

    display: block;

    margin: 0 auto;
}

#nav-single {
	margin: 20px 0;
}

.nav-previous { 
	float: left; 
}

.nav-next { 
	float: right; 
}

.wp-caption {
	padding: 5px;
}

.wp-caption .wp-caption-text,
.gallery-caption {
	color: #999;

	font-style: italic;
	font-size: 12px;
}

.sticky {
	background: #fff9ca;

	border: 1px solid #eae3a7;

	padding: 20px;

	text-align: center;
}

/**
 * Blog
 */
article .entry-meta {
	color: #999;
}

article header .entry-meta {
	margin: -10px 0 15px 0;
}

.blog article.hentry,
.archive article.hentry,
.search article.hentry {
	border-bottom: 1px solid #eee;

	padding-bottom: 20px;
	margin-bottom: 20px;
}

article.hentry:last-child {
	border: none;
}

.entry-summary img.featured,
.entry-content img.featured {
	float: left;

	margin: 0 20px 20px 0;
}

/**
 * Comments
 */
#comments {
	clear: both;
}

#comments .navigation {
	padding: 0 0 20px 0;
}

.commentlist,
.commentlist .children {
	list-style: none;

	margin: 0;
	padding: 0;
}

.commentlist li.comment {
	border-bottom: 1px solid #eee;

	margin-bottom: 20px;
	padding: 0 0 0 80px;

	position: relative;
}

.bypostauthor > article.comment {
	background: #e9f2fa;

	margin-bottom: 20px;
	padding: 20px;
}

.commentlist li:last-child {
	border-bottom: none;

	margin-bottom: 0;
}

#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 20px;
}

#comments .comment-body p:last-child {
	margin-bottom: 0px;
}

#comments .comment-body blockquote p:last-child {
	margin-bottom: 20px;
}

.commentlist ol {
	list-style: decimal;
}

.commentlist .avatar {
	position: absolute;
	top: 0;
	left: 0;
}

.comment-meta {
	margin-bottom: 20px;
}

.comment-meta a,
.reply a {
	color: #999;
}

.comment-meta a:hover,
.reply a:hover {
	color: #0088cc;
}

.reply {
	margin-bottom: 20px;
}

.commentlist .children li {
	border: none;

	margin: 0;
}

.nopassword,
.nocomments {
	display: none;
}

#comments .pingback {
	border-bottom: 1px solid #eee;

	margin-bottom: 20px;
	padding-bottom: 20px;
}

#comments .pingback p {
	color: #999;

	display: block;

	margin: 0;
}

#comments .pingback .url {
	font-style: italic;
}

/* Comments form */
#respond {
	border-top: 1px solid #eee;

	margin: 20px 0;

	overflow: hidden;

	position: relative;
}

#respond p {
	margin: 0;
}

#respond p.comment-notes,
#respond p.logged-in-as {
	margin-bottom: 15px;
}

.children #respond {
	margin: 0 40px 0 0;
}

h3#reply-title {
	margin: 20px 0;
}

#comments-list #respond {
	margin: 0 0 20px 0;
}

#comments-list ul #respond {
	margin: 0;
}

#cancel-comment-reply-link {
	font-size: 12px;
	font-weight: normal;
}

#respond .required {
	color: #ff4b33;

	font-weight: bold;
}

#respond input {
	margin: 0 0 10px;

	width: 98%;
}

#respond textarea {
	width: 98%;
}

#respond .form-allowed-tags {
	color: #888;

	margin-bottom: 20px;
}

#respond .form-allowed-tags code {
	font-size: 11px;
}

#respond .form-submit input {
	font-size: 14px;

	width: auto;
}

/* -----------------------------------------
   Plugins
----------------------------------------- */

/**
 * Gravity Forms
 */
body .gform_wrapper .gform_body .gform_fields .gfield input[type=text] ,
body .gform_wrapper .gform_body .gform_fields .gfield input[type=email] ,
body .gform_wrapper .gform_body .gform_fields .gfield input[type=tel] ,
body .gform_wrapper .gform_body .gform_fields .gfield textarea {
	border: 1px solid #ddd;
}

body .gform_wrapper .gform_body .gform_fields .gfield input[type=text]:hover ,
body .gform_wrapper .gform_body .gform_fields .gfield input[type=email]:hover ,
body .gform_wrapper .gform_body .gform_fields .gfield input[type=tel]:hover ,
body .gform_wrapper .gform_body .gform_fields .gfield textarea:hover {
	border: 1px solid #999;
}

body .gform_wrapper .gform_body .gform_fields .gfield input[type=text]:focus ,
body .gform_wrapper .gform_body .gform_fields .gfield input[type=email]:focus ,
body .gform_wrapper .gform_body .gform_fields .gfield input[type=tel]:focus ,
body .gform_wrapper .gform_body .gform_fields .gfield textarea:focus {
	border: 1px solid #999;
}

body .gform_wrapper .gform_footer {
    margin: 0;
}

form {
	background: #f6f6f6;

	border: 1px solid #eee;

	margin-bottom: 20px;
	padding: 20px;
}

form .login-form-username label,
form .login-form-password label {
	display: block;
}

form .login-form-username input,
form .login-form-password input {
	padding: 5px 10px;
}

/**
 * Pronamic
 */
.event-list {
	background: #f6f6f6;
	border: 1px solid #eee;
	padding: 10px;
	list-style: none;
}

.event-list li {
	display: inline-block;
	margin-right: 20px;
}

.event-label {font-weight: bold;}

/* -----------------------------------------
   Helpers
----------------------------------------- */

/**
 * Cutom
 */
.gradient {
   background-image: url("images/gradient.png"); 

   background-image: -webkit-linear-gradient(top, #2F2727, #1a82f7); 
   background-image: -moz-linear-gradient(top, #2F2727, #1a82f7);
   background-image: -ms-linear-gradient(top, #2F2727, #1a82f7);
   background-image: -o-linear-gradient(top, #2F2727, #1a82f7);
}

.animate {
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
}