/*
Theme Name: Velding
Theme URI: http://www.velding.nl
Description: My first Wordpress Theme. 
Version: 2 
Author: Harry Velding
Author URI: http://www.velding.nl
Tags: velding, velding.nl, Harry, starter

Oranje #F18E00
Blauw: #00457D
Blauw: #43A833
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";


html {
    height: 100%;
}
a img {
    border-style: none;
}
a {
    color: #00457D;
    text-decoration: none;
}
a:visisted {
    color: #00457D;
    text-decoration: none;
}
a:hover { 
    color: #ed7900;
}
a:focus {
    outline: 0;
}
a:active {outline: 0;
}
li.current_page_item a {
    color: #F18E00!important;
}
blockquote {
    font: 0.95em "Droid Sans", arial, serif;
    margin: 0px 0px 15px 0px;
    padding: 5px;
    border-left: 3px solid #f18F06;
    background: url(http://www.velding.nl/images/transparentBlue.png) repeat left top;
    border-top: 1px solid #838fa9;
    border-right: 1px solid #838fa9;
    border-bottom: 1px solid #838fa9;
}
blockquote p {
    margin: 0;
}
body {
    font: 0.9em "Droid Sans", arial, serif;
    color: #00457d;
    background: #011536 url(http://www.velding.nl/images/bodyBackground3.jpg) repeat scroll;
}
html, body {
    height: 100%;
}
h1 {
    font: bold 1.4em "Droid Sans", arial, serif;
    color: #00457d;
    padding-top: 8px;
    padding-bottom: 8px;
}
h2 {
    font:  1.6em 'Reenie Beanie', arial, serif;
    color: #00457d;
    padding-top: 8px;
    padding-bottom: 8px;
}
h2.widgettitle{
    color: #00457d;
    padding-top: 8px;
    padding-bottom: 8px;
}
h2.toppadding{
    color: #00457d;
    padding-top: 8px;
    padding-bottom: 8px;
}
h3 {
    font: bold 0.95em "Droid Sans", arial, serif;
    color: #00457d;
    padding-top: 8px;
    padding-bottom: 5px;
}
p {
    padding-top: 8px;
    padding-bottom: 0px;
}
twitter-avatar img{
    border: 1px solid #838fa9;
}
textarea  {
    width: 380px !important;
    border:1px solid #F18E00;
}
#wrapper {
    background: url(http://www.velding.nl/images/BgBottom2.jpg) no-repeat fixed bottom;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin-top: 50px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right:auto;
}
#wrapperContent {
    width:1000px;
    margin: 0px auto;
    background: #ffffff ;
    border-left: 1px solid #838fa9;
    border-bottom: 1px solid #838fa9;
    border-right: 1px solid #838fa9;
    padding-bottom: 25px;
    -moz-border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -webkit-border-radius: 50px;
}
#header {
    height: 130px;
    width: 920px;
    color: #00457d;
    padding-top: 30px;
    margin: 0 auto;
    border-bottom: 1px solid #838fa9;
}
#header #headerLogo {
    float: left;
    width: 250px;
    padding-top: 35px;
    background: url(http://www.velding.nl/images/headerLogo.png) no-repeat left;
    height: 90px;
}

#header #headerTitel {
    
    float: left;
    padding-left: 50px;
    padding-top:80px;
}
#headerTitel h2{
    font: bold 1.5em "Droid Sans", arial, serif;
}

#header #headerSearchbar {
    padding: 65px 0px 0px;
    float: right;
    width: 250px;
    text-align: right;
}
#sidebar {
    padding: 15px 0px 25px 25px;
    float: left;
    width: 180px;
    background: url(http://www.velding.nl/images/transparentBlue.png) repeat left top;
    border: 1px solid #838fa9;
    margin-left: 40px;
    margin-bottom: 10px;
    margin-top: 25px;
    -moz-border-radius-topright: 20px;
    -moz-border-radius-bottomleft: 20px;
    -webkit-border-top-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
}
#sidebar ul {
    margin-left: 0px;
    padding-left: 0px;
}
#sidebar li {
    font-family: "Droid Sans", arial, serif;
    font-size: 0.9em !important;
}
#sidebar li a {
    color: #00457d;
    list-style: none;
    text-decoration: none;
    background: url(http://www.velding.nl/images/pijlRechts.png) no-repeat left center;
    padding-left: 25px;
    line-height: 25px;
}
#sidebar li a:hover {
    color: #F18e00;
    text-decoration: underline;
}
#sidebar li a:active { color: #F18e00; }
#contentBar {
    float: left;
    width: 390px;
    padding-left: 40px;
    padding-top: 5px;
    margin-top: 25px;
    font-size: 1.0em !important;
}
#contentBar p{
    line-height: 22px;
}
#content {
    float: left;
    width: 550px;
    padding-left: 50px;
    padding-top: 5px;
    margin-top: 25px;
}
#content p{
    line-height: 22px;
}
#sidebarRight {
    float: right;
    width: 210px;
    padding-left: 40px;
    padding-top: 5px;
    margin-right: 40px;
    margin-bottom: 10px;
    margin-top: 15px;

}
#sidebarRight li {
    font-family: "Droid Sans", arial, serif;

    line-height: 25px;
}
#sidebarRight #form {
    background: url(http://www.velding.nl/images/transparentBlue.png);
    padding: 0px 15px ;
    border: 1px solid #838fa9;
}

#sidebarRight input {
    background: url(http://www.velding.nl/images/transparentBlue.png);
    margin: 3px;
    width: 210px;
    height: 20px;
    border: 1px solid #838fa9;
    font: 0.8em "Arial", Helvetica, sans-serif;
    color: #FFF;
    padding: 3px 1px 1px;
    vertical-align: middle;
}
#sidebarRight textarea {
    background: url(http://www.velding.nl/images/transparentBlue.png);
    margin: 3px;
    width: 210px;
    height: 60px;
    border: 1px solid #838fa9;
    color: #FFF;
    font: 0.8em "Droid Sans", arial, serif;
    padding: 1px;
}
#sidebarRight .buttonInput {
    background: #093e6b;
    color: #FFF;
    height: 25px;
    width: 40px;
    font-family: "Droid Sans", arial, serif;
}

#footer {
    color: #FFF;
    font-family: "Droid Sans", arial, serif;
    width: 1000px;
    background: url(http://www.velding.nl/images/transparentBlue.png);
    -moz-border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -webkit-border-radius: 50px;
    margin: 0px auto;
}


#footer #footerLeft {
    text-align: right;
    padding: 20px 100px 20px 20px;
    width: 360px;
    float: left;
    margin-left: 50px;
}

#footer #footerRight {
    text-align: left;
    padding: 20px 20px 20px 20px;
    width: 330px;
    float: right;
    margin-right: 50px;
}

#footer #footerRight a {
    color:#FFF !important;
}

#menuPages a {
    color: #00457d;
    list-style: none;
    text-decoration: none;
    background: url(http://www.velding.nl/images/pijlRechts.png) no-repeat left center;
    padding-left: 25px;
    line-height: 25px;
}
#menuPages a:hover {
    color: #F18e00;
    text-decoration: underline;
}
#menuPages a:active {
    color: #F18e00;
}
#sidebarCustomize {
    margin: 15px 0 15px 0;
}
#twitter {
    background: url(http://www.velding.nl/images/twitterVelding35px.png) no-repeat;
    padding-left: 40px;
    height: 35px;
    text-align: left;
    padding-top: 5px;
}

#handtekening {
    float: right;
    margin-top: -10px;
}
#widget
{
    padding-top: 0px;
    padding-bottom: 25px;
}
#werkenbarLeft {
    float: left;
    width: 299px;
    margin-left:50px;
    margin-top:25px;
}

#werkenbarRight {
    float: left;
    width: 299px;
    margin-left:0px;
    margin-top:25px;
    padding-left:1px;
}
#easyTooltip{
    padding:5px;
    border:1px solid #838fa9;
    background:url(http://www.velding.nl/images/transparentBlue.png);
}
#commentform input, #commentform textarea {
    margin:3px 2px 3px 0;
}

.clearfloat { clear: both;
}

.button {
    background: #093e6b;
    color: #FFF;
    font: 0.7em "Droid Sans", arial, serif;
    text-align: center;
    padding: 3px 8px;
    border-style: none;
    -moz-border-radius: 3px;
    -webkit-borderradius: 3px;
}

.button a {
    background: #093e6b;
    color: #fff !important;
    list-style: none;
    text-decoration: none;
}

.button:hover {
    background: #F18F06;
    color: #fff !important;
    text-decoration: none;
}

.portfolio {
    display: block;
    border-bottom: 1px solid #838fa9;
    margin-bottom: 15px;
}
.portfolioImage {
    float: left;
    height: 90px;
    width: 60px;
    border: 1px solid #838fa9;
    overflow: hidden;
    margin-right: 15px;
    cursor: pointer;
}

.portfolioImage img {
    height: 95px;
    width: auto;
    left: auto;
    right: auto;
}
.portfolioDetails {
    float: left;
    padding-left: 5px;
    width: 208px;
}

.portfolioDetails ul {
    margin-left: 0px;
    padding-left: 0px;
}

.portfolioDetails li {
    list-style: url(http://www.velding.nl/images/vink.png) inside;
    font: 93% "Droid Sans", arial, serif;
}

.portfolioDetails li a {
    color: #00457d;
    list-style: none;
    text-decoration: none;
}
.portfolioDetails li a:hover {
    color: #ed7900;
    text-decoration: underline;
}
.portfolioDetails li a:active { color: #ed7900; }
.portfolioButton  {
    float: right;
    margin-top: -20px;
    padding-right: 10px;
}
/*Twitter*/


.status-text{
    font-style: italic;
    font-family: Georgia;
}
.twitter_meta {
    display: block;
    font-size: 0.8em;
    font-style: italic;
    color: #9a9898;
    border-bottom: 1px dashed #9a9898;
}
.tweetable_follow {
    display: block;
    margin: 6px 6px 0 0px;
    font-size: 0.8em;
}
.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
    height: 142px; /* .push must be the same height as .footer */
}
/*Twitter Widget Pro*/
.status-text{
    font-style: italic;
    font-family: Georgia;
}
.twitter_meta {
    display: block;
    font-size: 0.8em;
    font-style: italic;
    color: #9a9898;
    border-bottom: 1px dashed #9a9898;
}
.tweetable_follow {
    display: block;
    margin: 6px 6px 0 0px;
    font-size: 0.8em
}
.time-meta {
    font-size:0.7em;
    color:#a4acbd !important;
    display: none;
}
.time-meta a{
    font-size:0.7em;
    color:#a4acbd !important;
}
.from-meta {
    font-size:0.7em;
    color:#a4acbd !important;
    display: none;
}
.from-meta a{
    font-size:0.7em;
    color:#a4acbd !important;
}
.archiefChoice{
    color:#f18F06;
    padding-left: 26px;
    font-size: 0.8em;
    padding-bottom: 0px;
}
.archiefChoice a{
    color:#f18F06;
    padding-left: 26px;
    font-size: 0.8em;
    padding-bottom: 0px;
}
.more-link {
    font-style:italic;
    font-size:smaller;

}
.post img{

    margin:0px 10px 0px 0px;
}
.post p a {
    font-weight:bold;
    color: #F18E00;
}
.post h2 {
    padding-bottom: 1px !important;
    background: url(http://www.velding.nl/images/Shadow-lijn.png) 0px 30px no-repeat ;
    height: 30px;
}
.post p {
    padding-bottom: 10px;
    text-align:left;
    line-height:1.4em!important;
}
.post li {
    color: #00457d;
    list-style: none;
    text-decoration: none;
    background: url(http://www.velding.nl/images/pijlRechts.png) no-repeat left center;
    padding-left: 25px;
    line-height: 25px;
}