/*
Theme Name: Builder Theme - van Weerd Child Theme
Theme URI: http://www.vanweerd.com
Description: van Weerd Child theme for Builder
Author: R. van Weerd
Author URI: http://www.vanweerd.com
Template: Builder
*/

@import url("../Builder/style.css");
@import url("fonts/fonts.css");

/**** Builder Default theme overrides ****/
.builder-container-outer-wrapper { margin-top: 0em; padding: 0em;}
.builder-module { border: none; background: #fff; margin-bottom: 0;}
.builder-module-sidebar { margin: 0em; padding: 0em; background-color: #fff;}
.builder-module-top { border: none;}
.builder-module-content p { text-align: justify;}
.builder-module-sidebar ul,.builder-module-content ul { margin: 0px; padding: 0px;}
.builder-module-sidebar li,.builder-module-content li { list-style-type:none; margin: 0 0 5px; padding: 0 0 0 18px; background: url('images/arrow.gif') 0 2px no-repeat;}

/**** Global overrides ****/
body { font-size: 80%; color: #555; font-family: Arial, Verdana, Arial, Helvetica, sans-serif; background: #ffffff;}
#content p { text-align: justify;}

/********************************************* Hyperlinks*********************************************/
a { color:#006699; text-decoration: underline;}
a:hover { color: #193955; text-decoration: underline;}

/********************************************* Top navigation (above header)*********************************************/
#topnav {height: 26px; border-top: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8; background: #ccc; background: -moz-linear-gradient(top, #ffffff, #dddddd); background: -webkit-gradient( linear, left top, left bottom, from(#ffffff), to(#dddddd)); filter: progid:DXImageTransform.Microsoft.Gradient( StartColorStr='#ffffff', EndColorStr='#dddddd', GradientType=0);}
.topnav { padding-left:160px;}
#menu-topnav,#menu-topnav ul { margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; z-index:300; width:100%; background:#fff;}
#menu-topnav a { display:block; padding:0.25em 1em; color:#555; border-right:1px solid #c8c8c8; text-decoration:none; background: #ccc; background: -moz-linear-gradient(top, #dddddd, #ffffff); background: -webkit-gradient( linear, left top, left bottom, from(#dddddd), to(#ffffff)); filter: progid:DXImageTransform.Microsoft.Gradient( StartColorStr='#dddddd', EndColorStr='#ffffff', GradientType=0);}
#menu-topnav a:hover { color: 555; background: #ccc; background: -moz-linear-gradient(top, #ffffff, #cccccc); background: -webkit-gradient( linear, left top, left bottom, from(#ffffff), to(#cccccc)); filter: progid:DXImageTransform.Microsoft.Gradient( StartColorStr='#ffffff', EndColorStr='#cccccc', GradientType=0);}
#menu-topnav li { float:left; position:relative;}
#menu-topnav ul { position:absolute; display:none; width:12em; top:1.9em; left:-1px;}
#menu-topnav ul a { border-left:1px solid #c8c8c8;}
#menu-topnav li ul { border-top:1px solid #c8c8c8; width:14.1em;}
#menu-topnav li ul a { width:12em; height:auto; float:left; border-bottom:1px solid #c8c8c8;}
#menu-topnav ul li.home a { width: 40px; text-indent: -9999px; overflow: hidden; background: #131313 url(images/menu-home-bg.gif) top center no-repeat;}
#menu-topnav ul li.home a:hover { width: 40px; text-indent: -9999px; overflow: hidden; background: #0b2300 url(images/menu-home-active-bg.gif) top center no-repeat;}
#menu-topnav ul ul { top:auto;}
#menu-topnav li ul ul { left:12em; margin:0px 0 0 10px;}
#menu-topnav li:hover ul ul,#menu-topnav li:hover ul ul ul,#menu-topnav li:hover ul ul ul ul { display:none;}
#menu-topnav li:hover ul,#menu-topnav li li:hover ul,#menu-topnav li li li:hover ul,#menu-topnav li li li li:hover ul { display:block;}
/********************************************* Sub navigation (below header)*********************************************/
#subnav { height: 26px; border-bottom: 1px solid #c8c8c8; background: #ccc; background: -moz-linear-gradient(top, #ffffff, #dddddd); background: -webkit-gradient( linear, left top, left bottom, from(#ffffff), to(#dddddd)); filter: progid:DXImageTransform.Microsoft.Gradient( StartColorStr='#ffffff', EndColorStr='#dddddd', GradientType=0);}
.subnav { padding-left:160px;}
#menu-subnav,#menu-subnav ul { margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; z-index:300; width:100%; background:#fff;}
#menu-subnav a { display:block; padding:0.25em 1em; color:#555; border-right:1px solid #c8c8c8; text-decoration:none; background: #ccc; background: -moz-linear-gradient(top, #dddddd, #ffffff); background: -webkit-gradient( linear, left top, left bottom, from(#dddddd), to(#ffffff)); filter: progid:DXImageTransform.Microsoft.Gradient( StartColorStr='#dddddd', EndColorStr='#ffffff', GradientType=0);}
#menu-subnav a:hover { background: #006699; color: 555; background: #ccc; background: -moz-linear-gradient(top, #ffffff, #cccccc); background: -webkit-gradient( linear, left top, left bottom, from(#ffffff), to(#cccccc)); filter: progid:DXImageTransform.Microsoft.Gradient( StartColorStr='#ffffff', EndColorStr='#cccccc', GradientType=0);}
#menu-subnav li { float:left; position:relative;}
#menu-subnav ul { position:absolute; display:none; width:12em; top:2.0em; left:-1px;}
#menu-subnav ul a { border-left:1px solid #c8c8c8;}
#menu-subnav li ul { border-top:1px solid #c8c8c8; width:14.1em;}
#menu-subnav li ul a { width:12em; height:auto; float:left; border-bottom:1px solid #c8c8c8;}
#menu-subnav ul ul { top:auto;}
#menu-subnav li ul ul { left:12em; margin:0px 0 0 10px;}
#menu-subnav li:hover ul ul,#menu-subnav li:hover ul ul ul,#menu-subnav li:hover ul ul ul ul { display:none;}
#menu-subnav li:hover ul,#menu-subnav li li:hover ul,#menu-subnav li li li:hover ul,#menu-subnav li li li li:hover ul { display:block;}
/********************************************* Custom Header / Footer*********************************************/
#my_custom_header,#my_custom_footer { clear: left; display: block; background-image: url('images/header_gradient.jpg');}
#my_custom_header { height: 150px;}
#my_custom_footer { height: 75px; padding: 40px 20px 0px 20px;}
#my_custom_footer p { color: #888;}
#my_custom_footer a { color: #888;}
#my_custom_footer a:hover { color: #fff;}
/********************************************* General Heading styles*********************************************/
h1 {font-size: 2em;	line-height: 1.5em;	margin-top: 0.75em;	margin-bottom: 0.75em;	letter-spacing: -1px;}
h2 {font-size: 1.7em; line-height: 1.75em; margin-top: 0.9em; margin-bottom: 0.9em;}
h4 {font-size: 1.2em; line-height: 1.25em; margin-top: 1.25em; margin-bottom: 1.25em;}
h5, h6 {font-size: 1em;}
/********************************************* Posts styles*********************************************/
.post .andika,.col .andika { font-family: 'AndikaBasicRegular', 'Trebuchet MS', Arial, Verdana, Georgia; font-weight: normal;}
.post h1,.post h2,.post h3 { font-weight: normal; color: #006699; text-transform: none;}
.post h1 { font-size: 1.8em;}
.post h2 { font-size: 1.6em;}
.post h3,.col h3 { padding: 0px 0px 5px 0px; margin: 0px; font-size: 1.4em; line-height: 1.2em; text-decoration: none; letter-spacing: -1px;}
.post h3 a,.col h3 a { text-decoration: none; border-bottom: 1px dotted #999;}
.post h4 { font-size: 1.2em;}
.post .post-title,.post .post-title a { color: #006699; padding: 0 0 5px 0; margin: 0px; border: none; font-size: 1.2em; line-height: 1.2em; text-decoration: none; letter-spacing: -1px;}
.post .edit-entry-link { margin: 0 0 0 0; clear: both;}
.post .date { display: inline;}
.post .post-meta a { text-decoration: none; font-style: normal;}
.meta-bottom { clear: both; border-top: none; padding: 0 0 10px 0; margin: 0 0 10px 0;}
.meta-bottom .categories { background: url('images/folder.png') 0 -1px no-repeat; padding: 0 0 0 2em;}
.meta-bottom .categories a { text-decoration: none;}
.meta-bottom .comments { background: url( 'images/comments.png' ) 0 0px no-repeat; padding: 0 0 0 2em;}
.meta-bottom .tags { background: url('images/tag.png') 0 -1px no-repeat; padding: 0 0 0 2em;}
.meta-bottom a { text-decoration: none;}
/********************************************* Comments styling*********************************************/
#comments li { background: none; padding: 0px; list-style-type: none; border: 1px solid #999999; overflow: hidden; background-color: transparent; -moz-border-radius: 5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; -khtml-border-radius:5px; border: 1px solid #dfdfdf; margin: 10px 5px 10px 5px;}
#comments .adminComment { background-color: #eee;}
#comments .comment-author { padding: 8px 0px 0px 8px;}
#comments .reply { padding: 0px 0px 8px 8px;}
#cancel-comment-reply-link { font-size: 12px; line-height: 18px; font-weight: normal;}
#respond .required { color:#FF4B33; font-weight: bold;}
#respond label { color: #888; font-size: 12px;}
#respond input { margin-left: 20px; width:98%;}
#respond textarea { width:98%;}
#respond .form-submit { margin: 0 0 24px;}
#respond .form-submit input { width: auto; font-size: 14px;}
.form-allowed-tags { display: none;}
/********************************************* Some heading styles using Andika*********************************************/
h4,.builder-module-sidebar h4.widget-title { font-family: 'AndikaBasicRegular', 'Trebuchet MS', Arial, Verdana, Georgia; color: #006699; font-weight:normal; background: none; font-size: 1.2em; line-height: 1.25; padding: 0; margin: 0.5em 0 0.5em 0 !important;}
/********************************************* Widgets*********************************************/
.widget p { font-size: 95%; line-height: 1.3em;}
.widget-wrapper .widget { background-color: #eee; -moz-border-radius: 5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; -khtml-border-radius:5px; border: 1px solid #dfdfdf; padding: 5px 5px 10px 5px; margin: 10px 5px 10px 5px;}
/********************************************* Box w/rounded corners*********************************************/
.box { height:250px; background-color: #e8e8e8; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #dfdfdf; padding: 5px 5px 10px 5px; margin: 0px 5px 10px 5px;}
.box .small { font-size: 70%;}
/********************************************* Miscellaneous/various styling elements*********************************************/
code { font-family: Andale, monospace, 'Courier New', 'lucida console', monospace; background-color: #f2f2f2; border: 1px solid #ddd; padding: 1px 3px; color: #006600;}
.syntaxhighlighter .line .content { padding-left: .5em !important; padding-bottom: 1px! important;}
/********************************************* Ad placement*********************************************/
#my_custom_header .header_ad { padding: 30px;}
.widecol { float: left; display: inline; width: 95%; padding: 0 10px;}
.col { float: left; display: inline; width: 300px; padding: 0 5px;}
.leftcol { padding: 0 15px; float: left;}
.rightcol { padding: 0px; float: right;}
.post .thumb { float: left; margin: 0px 10px 5px 0px; padding: 2px; border: 1px solid #cccccc;}
hr { border: none; border-bottom: 1px dotted #ccc; margin: 0px 0px 5px 0px; padding: 0px 0px 5px 0px; clear: both;}
.tweetmeme_button { float:right; margin: 0px 0px 5px 10px;}
.usage { font-family: Consolas, Monaco, "Courier New",Courier,monospace; font-size: 12px; color: #333; font-weight: inherit; margin: 22px 0; white-space: pre-wrap; word-wrap: break-word; background: none repeat scroll 0 0 #F5F5F5; border: 1px solid #DADADA; line-height: 1.3em; overflow: auto; padding: 11px;}
.question { font-weight: bold; padding: 0; margin: 0;}
.answer { font-style: italic; padding: 0 0 10px 0; margin: 0;}

.description {
    display: block;
    margin: 0 0 3px 40px;
}

.values {
    display: block;
    margin-left: 45px;
}

.default,
.reqop {
    font-style: italic;
}

.sharethis {
    margin-bottom: 10px;
}