/*
Theme Name: DoYouWeb Theme
Theme URI: http://DoYouWeb.be
Description: DoYouWeb Awesome Theme ! 
Version: 0.1
Author: Olivier Riesen
Author URI: http://www.Riesen.be
Tags: Do You Web
Template: hybrid
*/

/* Reset CSS */
@import url('../hybrid/library/css/reset.css');

/* Get base CSS */
@import url('../hybrid/library/css/21px.css');

/* Get default Hybrid CSS */
@import url('../hybrid/library/css/screen.css');

/* Get the plugins CSS */
@import url('../hybrid/library/css/plugins.css');

/* Div Alignement CSS */
@import url('../hybrid/library/css/2c-r-fixed.css');

a {
color:#92C018;
text-decoration:none;
}

a:visited {
color:#92C018;
}

#body-container {
background-color:#2C3135;
background-image:url(./images/bg-tile.png);
background-repeat:repeat;

margin:0 auto;
overflow:hidden;
width:100%;
}

#header-container {
background-color:#FFFFFF;
background-image:url(./images/header-top-sky-bg.png);
background-position:center top;
background-repeat:repeat-x;
height:174px;
}

#header-container #header {
margin:0 auto;
width:960px;
}

#navigation {
display:none;
}

#container {
background-image:url(./images/content-intro-top-bg.png);
background-position:center top;
background-repeat:repeat-x;
width:100%;
padding-top:30px;
height:490px;
}

#container #content {
margin:0 auto;
width:960px;
}

#container-bottom-container {
background-color:#f7f7f7;
background-image:url(./images/content-intro-bottom-bg.png);
background-position:center top;
background-repeat:repeat-x;
border-bottom:10px solid #494D51;
clear:both;
min-height:640px;
width:100%;
}

#container-bottom {
margin:0 auto;
width:960px;
padding-top:50px;
}

#footer-container #footer {
margin:0 auto;
width:960px;
border-top:1px solid #555555;
text-align:center;
padding:10px;
}

#header a#doyouweb-cow-logo span {
background-image:url(./images/doyouweb-cow-logo.png);
background-position:center top;
background-repeat:no-repeat;
height:200px;
position:absolute;
top:10px;
width:200px;
display:block;
}

/*#header a#doyouweb-cow-logo span {
background-image:url(./images/doyouweb-big-cow-logo2.png);
background-position:right top;
background-repeat:no-repeat;
height:529px;
left:-400px;
position:relative;
display:block;
top:-10px;
width:605px;
}*/


h1#site-title span {
background-image:url(./images/doyouweb-text-logo.png);
background-position:center center;
background-repeat:no-repeat;
display:block;
height:120px;
left:230px;
position:relative;
text-indent:-9999px;
top:45px;
width:640px;
}

/*h1#site-title span {
background-image:url(./images/doyouweb-text-logo.png);
background-position:center center;
background-repeat:no-repeat;
display:block;
height:120px;
left:580px;
position:absolute;
text-indent:-9999px;
top:45px;
width:640px;
}*/

#footer-container{

}

/********************************************************************************/

.columns-2 {
float: left;
width: 450px;
margin: 0 0 21px 25px;
}

.columns-3 {
float: left;
width: 230px;
margin: 0 0 21px 20px;
}

.dark {
background-color:#2C3135;
background-image:url(./images/bg-tile-dark.png);
background-repeat:repeat;
}

.presentation { 
color:white;
}

div.left { 
padding:0 20px;
width:410px;
}

div.presentation h2{ 
background-image:url(./images/content-intro-text-DoYouWeb.png);
background-position:center center;
background-repeat:no-repeat;
color:#8EB917;
display:block;
height:150px;
text-indent:-9999px;
width:420px;
}

div.presentation p{ 
font-size:17px;
line-height:28px;
}


div.right {
padding:20px 20px 20px 30px; 
width:410px;
}

div.contact input,
div.contact textarea {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background-image:url(./images/text-input-bg.jpg);
border:2px solid #444444;
color:white;
font-size:15px;
font-weight:normal;
letter-spacing:1px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
padding:5px;
}

div.contact input {
width:300px;
}

div.contact textarea {
width:400px;
}

div.contact p {
color:white;
margin-bottom:10px;
}

.front-page h2.page-title {
display:none;
}

div.contact div.wpcf7-response-output {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
border:2px solid #92C018;
color:white;
margin:0;
text-align:center;
}

span.drupal-logo-front{
background-image:url(./images/drupal-logo-blue.png);
background-position:center center;
background-repeat:no-repeat;
display:block;
height:150px;
left:130px;
position:relative;
text-indent:-9999px;
width:131px;
}

em.doyouweb-cite {
color:#92C018;
font-size:15px;
font-style:normal;
font-weight:bold;
letter-spacing:-1px;
}

span.kadolog-preview-front{
background-image:url(./images/kadolog-preview.png);
background-position:center center;
background-repeat:no-repeat;
display:block;
height:521px;
left:45px;
position:relative;
text-indent:-9999px;
width:400px;
}

#footer p.copyright {
display:inline;
float:none;
}
#footer a {
color:#92C018;
font-style:normal;
}

div.separator {
border-bottom:1px dotted #cccccc;
clear:both;
margin-bottom:10px;
}

#container-bottom div.left {
padding:20px;
}

div.competences-list {
padding-bottom:0px;
}

#container-bottom h3 {
color:#92C018;
font-family:Arial;
font-size:24px;
font-weight:bold;
}

div.contact {
padding-top:20px;
}