/*
 * Theme Name: OSXLatitude
 * Theme URI: http://www.osxlatitude.com
 * Author: OSXLatitude
 * Author URI: http://www.osxlatitude.com
 * Description: The 2013 theme for OSXLatitude is a fully responsive theme that looks great on any device.
 * Version: 1.1
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Text Domain: osxlatitude
 * Authors: Jorg Heesbeen, Mick Vleeshouwer
 */


/*
 * Base Styles
 */

* { padding: 0; margin: 0; }

.clearfix {
    *zoom: 1;
}

.clearfix:before,
.clearfix:after {
    display: table;
    line-height: 0;
    content: "";
}

.clearfix:after {
    clear: both;
}

img { border: none; } /* IE bug fix */

/*
 * Body/General Style
 */
body {
    background-image: url('img/background.jpg');
    font-family: 'Trebuchet MS', Helvetica, sans-serif;
    font-size: 11pt;
}

span.highlight {
    color: #AA0000;
    font-weight: bold;
}

.entry-header {
    background: none;
}

/* Syntax Highlighter */
.line {
	padding-left:20px;
}

/*
 * Text Style
 */
h1, h2, h3, h4, h5, h6 {
    margin: 10px 0;
    font-weight: bold;
    color: inherit;
    font-family: inherit;
    text-rendering: optimizelegibility;
}

h1 { font-size: 18px; }
h2 { font-size: 17px; }
h3 { font-size: 16px; }
h4 { font-size: 15px; }
h5 { font-size: 14px; }
h6 { font-size: 13px; }

p {
    margin: .2em;
}

a {
    text-decoration: none;
    color: inherit;
}

ul, ol {
    margin: 0 0 10px 25px;
}

/*
 * Main Style
 */

/* Top bar */
.container {
    margin: auto;
    padding-left: 10px;
    padding-right: 10px;
}

/* Social Icons */
.top-bar {
    margin-top: 10px;
}

.top-bar a.social-icon {
    display: block;
    float: left;
    margin-right: 5px;
    height: 30px;
    width: 30px;
    background-position: top;
    background-repeat: no-repeat;
}

.top-bar #facebook-icon { background-image: url('img/facebook.png'); }
.top-bar #facebook-icon:hover { background-position: bottom; }
.top-bar #twitter-icon { background-image: url('img/twitter.png'); }
.top-bar #twitter-icon:hover { background-position: bottom; }
.top-bar #youtube-icon { background-image: url('img/youtube.png'); }
.top-bar #youtube-icon:hover { background-position: bottom; }

/* Search */
.top-bar .search {
    float: right;
}

.top-bar .search form {
    display: block;
    width: 257px;
    height: 30px;
    position: relative;
    overflow-x: hidden;
}

.top-bar .search input {
    display: block;
    float: left;
    border: none;
}

.top-bar .search input[type=submit] {
    background-image: url('img/search.png');
    background-repeat: no-repeat;
    width: 37px;
    height: 30px;
    cursor: pointer;
    float: right;
    position: absolute;
    right: 0;
}

.top-bar .search input[type=text] {
    outline: none;
    width: 198px;
    height: 26px;
    padding-left: 10px;
    padding-right: 10px;
    color: #b7b7b7;
    float: left;
    position: absolute;
    right: -190px;
    border: 2px solid #404040;
    border-right: none;
    background: #222;

}

.top-bar .search input[type=text]:focus {
    color: #E2EDED;
}

/* Header */
header {
    width: 100%;
    min-width: 744px; /* 724 + 20 padding (see .container) */
    margin-top: 10px;
    background-color: #333;
    color: white;
}

header a#main-logo {
    float: left;
    display: block;
    background-repeat: no-repeat;
    height: 51px;
}

/* Main Menu */
nav#main-nav {
    float: right;
}

/* Remove margin */
nav#main-nav * {
    margin: 0;
}

nav#main-nav ul ul {
    display: none;
    z-index: 99;
}

nav#main-nav ul li:hover > ul {
    display: block;
}

nav#main-nav ul {
    list-style: none;
    position: relative;
    display: inline-table;
}

nav#main-nav ul:after {
    content: "";
    clear: both;
    display: block;
}

nav#main-nav ul li {
    float: left;
}

nav#main-nav > ul > li > a {
    padding-bottom: 5px;
    border-top: 5px solid #333;
    text-align: center;
}

nav#main-nav > ul > li:hover > a,
nav#main-nav > ul > li.current-page-ancestor > a,
nav#main-nav > ul > li.current_page_item > a,
nav#main-nav > ul > li.current-menu-parent > a {
    border-top: 5px solid #aa0000;
    background-color: #222;
}

nav#main-nav ul li a {
    display: block;
    color: #ededed;
    text-decoration: none;
}

nav#main-nav ul ul {
    background: #222;
    border-radius: 0px;
    padding: 0;
    position: absolute;
    top: 100%;
}

nav#main-nav ul ul li {
    float: none;
    border-top: 1px dashed #6b727c;
    position: relative;
    width: 190px;
}
nav#main-nav ul ul > li:first-child {
    border: none;
}
nav#main-nav ul ul > li:last-child {
    border-bottom: 5px solid #aa0000;
}
nav#main-nav ul ul li a {
    padding-left: 15px;
    line-height: 36px;
    color: #ededed;
}
nav#main-nav ul ul li a:hover {
    background: #aa0000;
}
nav#main-nav ul ul ul {
    position: absolute;
    left: 100%;
    top: 0;
}

/*
 * Content
 */
.container .content {
    background-color: #fafafa;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 22px;
}

.container.page-container {
    margin-top: 30px;
}

.container .infobar {
    height: 33px; /* 37 - border */
    background-color: #222;
    border-top: 4px solid #333;
}
.container .infobar * {
    margin: 0;
}
.container .infobar p {
    float: left;
    line-height: 33px; /* 37 - border */
    margin-left: 20px;
    color: #ededed;
    font-size: 15px;
}
.container .infobar span.close {
    float: right;
    margin-top: 6px;
    margin-right: 10px;
}

/* Columns */
#columns {
    font-size: 14px;
}
#columns .column_left {
    float: left;
    width: 750px;
}
#columns .column_right {
    float: right;
    width: 360px;
}
#columns .widget {
    margin-bottom: 40px;
}
#columns div > .widget:last-child {
    margin-bottom: 0;
}
#columns .widget h3.widget-title {
    background-color: #333;
    line-height: 41px;
    color: #f6f4ee;
    padding-left: 15px;
    font-size: 18px;
    font-weight: normal;
}
#columns .widget .minimize {
    width: 41px;
    height: 41px;
    background-image: url('img/minimizer.png');
    background-repeat: no-repeat;
    display: block;
    float: right;
    cursor: pointer;
}
#columns .column_left .widget div {
    margin-bottom: 30px;
}
#columns .column_left .widget div:last-child {
    margin-bottom: 0;
}
#columns .column_left .attachment-post-thumbnail {
        float: left;
        width: 350px;
        height: 200px;
        margin-right: 12px;
        margin-bottom: 2px;
}
#columns .column_left .attachment-featured-posts {
    float: left;
    width: 103px;
    height: 97px;
    margin-right: 12px;
}
#columns .column_left h5 {
    font-size: 18px;
    font-weight: normal;
    margin: 0;
    margin-bottom: 3px;
}
#columns .column_left p {
    margin: 0;
    margin-bottom: 10px;
    line-height: 18px;
    color: #333;
}
#columns .column_left .widget div p:last-child {
    margin-bottom: 0;
}
#columns .column_left p.info {
    font-size: 12px;
    margin-bottom: 25px;
}
#columns .column_left p.info span {
    color: #a00;
    font-style: italic;
}

/*
 * Widgets
 */
#columns .widget {
    color: #333;
}

.column_right .widget_osxl_recent .widget_content * {
    margin: 0;
}

#columns .widget_osxl_recent li {
    display: block;
    margin-bottom: 20px;
    position: relative;
}
#columns .widget_osxl_recent li:last-child {
    margin-bottom: 0;
}
#columns .widget_osxl_recent p {
    color: #444;
}
#columns .widget_osxl_recent p a {
    font-size: 15px;
}
#columns .widget_osxl_recent p.info {
    font-size: 12px;
    position: absolute;
    bottom: 0;
    left: 65px;
}
#columns .widget_osxl_recent p.info span {
    color: #a00;
    font-style: italic;
}
#columns .widget_osxl_recent img {
    float: left;
    width: 55px;
    height: 55px;
    padding-right: 10px;
    border:0;
}

/*
 * Footer
 */

/* General */
.widget li a {
    font-size:11pt;
}
.widget li a:hover {
    color: #AD0000;
}
.widget li, .widget ul {
    list-style: none;
}

/* Footer Widgets */
.container footer {
    background-color: #222;
    border-top: 4px solid #333;
    color: #ededed;
    padding: 10px;
}
.container footer .widget {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
}
.container footer .widget h3 {
    font-size: 12pt;
    border-left: 5px solid #aa0000;
    padding-left: 10px;
    font-weight: normal;
}
.container footer .widget li a {
    font-size:10pt;
}

/* Widget: OSXL Popular Posts */
.widget_osxl_popular img {
    width: 35px;
    height: 33px;
    float: left;
    margin-right: 10px;
    margin-left: 0px;
    margin-bottom: 10px;
    border:0;
}
.widget_osxl_popular li, .widget_osxl_popular ul {
    clear: both;
    list-style: none;
    margin: 0px;
}
.widget_osxl_popular span {
    font-size: 0.9em;
    font-style: italic;
}

/* Widget: OSXL Search and Logo */
.widget_osxl_search_logo img {
    padding-top: 30px;
    border:0;
}
.container footer .widget .search input {
    display: block;
    float: left;
    border: none;
}
.container footer .widget .search input[type=submit] {
    background-image: url('img/search-icon.png');
    background-repeat: no-repeat;
    background-position: 5px 5px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    background-color: #1d1d1d;
}
.container footer .widget .search input[type=text] {
    outline: none;
    padding-left: 10px;
    padding-right: 10px;
    color: #b3b3b3;
    float: left;
    border: 1px solid #1d1d1d;
    border-right: none;
    background: #333;
    height: 23px;
}
.container footer .widget .search input[type=text]:focus {
    color: #E2EDED;
}

/* RSS widget */
.widget a.rsswidget img {
    display: none;
}
.widget_rss li {
    padding-bottom:5px;
}
.widget_rss ul {
    list-style: none;
    margin-left:0;
}
.widget_rss .rss-date {
    color: #AA0000;
    font-size: 8pt;
}

/* Copyright */
.copyright {
    background-color: #1d1d1d;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 50px;
}
.copyright * {
    margin: 0;
}
.copyright p {
    color: #efefef;
    font-size: 12px;
    line-height: 20px;
    float: left;
}
.copyright ul {
    float: right;
}
.copyright ul li {
    list-style-type: none;
    float: left;
    color: #efefef;
    font-size: 12px;
    line-height: 20px;
    padding-right: 5px;
    padding-left: 5px;
}

/*
 * Style for pages
 */

/* Donate Widget */
button.donate{
    background-color:#F7F8FA;
    border:1px solid #9F9F9F;
    text-align: center ;
    font-family:"Trebuchet MS", Helvetica, sans-serif;
    font-size:14px;
    font-weight:bold;
    color:#333333;
    cursor:pointer;
    padding:5px 15px
}

/* Homepage */
.welcome-box {
    background-color: #DEDEDE;
    padding: 35px;
    font-weight: bold;
    font-size: 17pt;
    color: #333;
    text-align: center;
    font-family: georgia,garamond,serif;
}

.welcome-box span.small {
    font-size: 12pt;
    font-weight: normal;
}

/* EDP */
#edp-nav {
    float: right;
}

#edp-nav ul li {
    float: left;
    list-style-type: none;
    margin-left: 12px;
}

#edp-nav ul li a {
    display: block;
    padding: 7px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #C8C8C8;
    font-size: 13px;
    color: #444;
    background-color: #F8F8F8;
}

/*#edp-nav ul li.current-page-ancestor a,*/
#edp-nav ul li.current-menu-item a {
    font-weight: bold;
    background-image: linear-gradient(bottom, rgb(240,240,240) 0%, rgb(248,248,248) 100%);
    background-image: -o-linear-gradient(bottom, rgb(240,240,240) 0%, rgb(248,248,248) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(240,240,240) 0%, rgb(248,248,248) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(240,240,240) 0%, rgb(248,248,248) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(240,240,240) 0%, rgb(248,248,248) 100%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(240,240,240)),
        color-stop(1, rgb(248,248,248))
    );
}

.edp-welcome-image {
    width:auto;
    height:200px;
    background: #D6E7F9;
    background-image: url('img/edp-overview-7.png');
    margin-top:10px;
    margin-bottom: 15px;
}

.edp-welcome-box {
    background-color: #DEDEDE;
    padding: 30px;
    font-size: 12pt;
    color: #333;
    text-align: center;
    font-family: georgia,garamond,serif;
}

/* Compat page stuff by Leon (Cleaned by Jorg) */
.compat_icon_text {
    font-size: 11px;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    color: #333;
}

.compat_model_text {
    font-size: 11px;
    border: 1px solid #DDD;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
}

.compatibility_table {
    width: 100%;
    border: 1px solid #DDD;
    border-collapse: collapse;
}

.compatibility_table th {
    border: 1px solid #DDD;
    border-collapse: collapse;
    color: #444545;
}

.compatibility_table td {
    border: 1px solid #DDD;
    border-collapse: collapse;
    font-size: 12px;
}

.compat_icon_cell {
    height: 50px;
    width: 46px !important;
    border: 1px solid #DDD;
}

.compat_icon_cell_empty {
    height: 50px;
    width: 32px !important;
    border: 1px solid #DDD;
}

.compat_icon_text {
    background-color: #F4F4F4;
}

.compat_icon_cell_info {
    width: 32px !important;
    border: 1px solid #DDD;
}

.compat_icon_cell img {
    max-width: 35px;
    max-height: 30px;
}

.compat_model_guide{
    padding-top: 10px;
    color: #B3241F;
    margin-top: 0px;
    margin-left: 4px;
    font-size: 11px;
}

/*
 * Article views
 */
article .entry-content img {
	margin-right: 10px;
}

.entry-title, .page-title {
    color: #333;
    font-size: 16pt;
    margin-top: 0px;
    margin-bottom: 15px;
    font-weight: bold;
}

.more-link {
    color: #AD0000;
    font-weight: bold;
}

.read-more {
	background-color: #F0F0F0;
	color: #555;
	padding: 2px 6px;
}


a.read-more {
	color:#555 !important;
}


.read-more:hover {
    background-color: #DFDFDF;
}

.read-more:active {
    position: relative;
    top: 1px;
}

.post_blog_container {
    font-size: 0;
}

.post_single_blog {
    float: left !important;
    padding: 10px;
}

.post_single_blog .post_thumbnail img {
    float: left;
    margin-top: 15px;
    margin-right: 20px;
    height: 170px;
    width: 170px;
    border: 0;
}

.post_single_blog .post_title {
    color: #AA0000;
}

.post_single_blog .post_content {
    color: #898989;
    padding: 5px;
    font-size: small;
}
.post_single_blog .post_info {
    background-color: #F0F0F0;
    font-size: small;
    padding: 5px;
    margin-left: 190px;
}

.post_single_blog.half {
    width: 350px;
}

.post_single_blog.half .post_thumbnail img {
    float: none;
    margin: 0;
    height: 200px;
    width: 350px;
    border: 0;
}

.post_single_blog.half .post_info {
    margin: 0;
}

.post .post_info {
    display: inline-block;
    background-color: #F0F0F0;
    font-size: small;
    padding: 10px 20px;
}
.post .post_controls span {
    color: black;
}
.post .post_controls {
    display: inline-block;
    background-color: #F0F0F0;
    font-size: small;
    padding: 10px;
}
.post .post_controls a {
    padding: 10px;
}

.post_info a { color: #AA0000; }
.post_info a:visited { color: #AA0000; }
.post a:hover { color: #B25B5B; }

.post .entry-header .wp-post-image {
    float: right;
    border: 1px solid #C8C8C8;
    margin: 10px;
}

.imagewrap {
    display: inline-block;
}

.author-info {
	background-color: #F1F1F1;
	border: 1px solid #E3E3E3;
	border-top: 5px solid black !important;
	padding: 18px 15px;
	text-align: justify;
	margin-top: 20px;
	margin-bottom: 15px;
}

.author-avatar img {
	float: right;
	padding-top: 5px;
	padding-left: 15px;
}

.author-description h4 {
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 15px;
}

.author-description a {
	color: #AB0000;
}

.author-description {
	font-size: 13px !important;
}

/* Crew */
table.crew {
    background: #EDEDED;
    margin: auto;
    padding: 5px;
}

table.crew td:hover {
    background: green;
}

ul#crewmembers, ul#crewmembers li, ul#crewmembers li a, a.details {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul#crewmembers{
    display: block;
    position: relative;
    padding-top: 20px;
}

ul#crewmembers li {
    display: inline-block;
    position: relative;
    width: 150px;
    padding: 0px 10px 30px 10px;
}

ul#crewmembers li label.Name {
    display: block;
    text-align: left;
    max-width: 150px;
    font-weight: bold;
    text-decoration: none;
    line-height: 18px;
    color: #aa0000;
    padding-top: 5px;
    overflow: hidden;
    white-space: nowrap;
}

ul#crewmembers li label.Role {
    display: block;
    text-align: left;
    max-width: 150px;
    text-decoration: none;
    color: #5B5B5B;
    padding-top: 5px;
    overflow: hidden;
    white-space: nowrap;
}

ul#crewmembers li .flag {
    position: absolute;
    top: 2px;
    left: 0;
}

/* Category blocks */
span.widget_box {
    border: 1px black;
}

/* Single.php */
.entry-header span {
	color: #AB0000;
}

/* Navs */
.nav-single {
	color:#B12624;
	font-style:italic;
	font-size:13px;
	padding-bottom:15px;
}

.nav-next {
	float:right;
}

/*
 * Comments
 * Misschien mergen met author info?
 */

.comments-area {
	background-color: #F1F1F1;
	border: 1px solid #E3E3E3;
	border-top: 3px solid black !important;
	padding: 10px 15px;
	text-align: justify;
	margin-top: 20px;
}

.comments-title h4 {
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 15px;
}

.commentlist {
	list-style: none;
}

/*
 * Widgets
 */
/* Search + category widget */
.widget .search-cat input {
    display: block;
    float: left;
    border: none;
    width:340px;

}

.widget .search-cat input[type=text] {
    outline: none;
    padding-left: 10px;
    padding-right: 10px;
    color: #333333;
    float: left;
    border: 1px solid #F0F0F0;
    border-right: none;
    background: #FFFFFF;
    height: 30px;
}

.widget .search-cat input[type=text]:focus {
    color: #333333;
    border: 1px solid #555555;
}

/* FancyBox */
span.roll {
	background:url('img/mag.png') center center no-repeat #000;
	height: 100px;
	position: absolute;
	width: 100px;
	z-index: 10;
	-webkit-box-shadow: 0px 0px 4px #000;
	-moz-box-shadow: 0px 0px 4px  #000;
	box-shadow: 0px 0px 4px  #000;
}

/*
 * Responsive
 * Always on the end of the stylesheet!!!
 */

@media (min-width: 1200px) {
    .container { width: 1170px; }

    .show-middle { display: none; }
    .show-small { display: none; }

    nav#main-nav > ul > li > a {
        width: 125px;
        line-height: 84px;
    }

    .container footer .widget {
        width: 267.5px;
    }

    .post .entry-header .wp-post-image {
    width: 160px;
    height: 160px;
    }
}

@media (min-width: 980px) and (max-width: 1199px) {
    .container { width: 940px; }

    .show-big { display: none; }
    .show-small { display: none; }

    .welcome-box {
        font-size: 14pt;
    }

    #columns .column_left {
        width: 600px;
    }

    #columns .column_right {
        width: 280px;
    }

    header a#main-logo {
        /*width: 144px !important;
        background-image: url('img/logo_small.png') !important;
        margin-top: 25px !important;*/
    }

    #columns .widget h3.widget-title {
        line-height: 36px;
        padding-left: 10px;
        font-size: 17px;
    }

    #columns .widget .minimize {
        width: 36px;
        height: 36px;
        background-size: 36px 36px;
    }

    .container footer .widget {
        width: 210px;
    }

    /* Posts */
    .post_single_blog.half {
    	width: 280px;
    }

    .post_single_blog.half .post_thumbnail img {
	    height: 160px;
	    width: 280px;
	}

	.post_single_blog .post_thumbnail img {
		width: 150px;
		height: 150px;
	}

	.post_single_blog .post_info {
		margin-left: 170px;
	}

	/* Search widget */
	.widget .search-cat input {
		width: 260px;
	}

	.post .entry-header .wp-post-image {
    width: 100px;
    height: 100px;
    }
}

@media (max-width: 1199px) {
    .show-big { display: none; }
    .hide-middle { display: none; }

    nav#main-nav > ul > li > a {
        width: 100px;
        line-height: 84px;
    }

    /* EDP */
    .edp-highchart {
		display:none;
	}

}

@media (min-width: 980px) {
    header {
        height: 94px;
    }

    header a#main-logo {
        width: 354px;
        background-image: url('img/logo.png');
        margin-top: 21.5px;
    }
}

@media (max-width: 979px) {
    .container { width: 724px; }

    .show-big { display: none; }
    .show-middle { display: none; }

    .hide-small { display: none; }

    header {
        height: 71px;
    }

    header a#main-logo {
        width: 144px;
        background-image: url('img/logo_small.png') !important;
        margin-top: 15px;
    }

    nav#main-nav > ul > li > a {
        line-height: 61px;
        width: 80px !important;
    }


    .container .infobar p {
        font-size: 12px;
    }

    .welcome-box {
        font-size: 11pt;
        padding: 20px;
    }

    .welcome-box span.small {
        font-size: 10pt;
    }

    h5.featured-posts {
	    color:#444444;
    }

    #columns .column_left {
        width: 450px;
    }

    #columns .column_right {
        width: 214px;
    }

    #columns .widget h3.widget-title {
        line-height: 31px;
        padding-left: 10px;
        font-size: 15px;
    }

    #columns .widget .minimize {
        width: 31px;
        height: 31px;
        background-size: 31px 31px;
    }

    .container footer .widget {
        width: 214.66px;
    }

    .container footer > .widget:last-child {
        display: none;
    }

    /* Pages */
    .compat_model_icon img {
        max-width: 0px;
        max-height: 0px;
        display: none;
    }

    /* Posts */
    .post_single_blog.half {
    	width: 205px;
    }

    .post_single_blog.half .post_thumbnail img {
	    height: 117px;
	    width: 205px;
	}

	.post_single_blog .post_thumbnail img {
		width: 120px;
		height: 120px;
	}

	.post_single_blog .post_info {
		margin-left: 140px;
	}

	/* Search widget */
	.widget .search-cat input {
		width: 194px;
	}

	.post .entry-header .wp-post-image {
    width: 80px;
    height: 80px;
    }
}

/* Forum */

.maintitle .toggle,
.ipsSidebar_trigger  {
    width: 41px;
    height: 41px;
    background-image: url('img/minimizer.png');
    background-repeat: no-repeat;
    display: block;
    float: right;
    cursor: pointer;
	outline: 0;
	text-indent: -3000em;
}