/*  GENERAL INFO
Theme Name: Evy Gruyaert
Theme URI:  http://www.evygruyaert.be
Description: Evy Gruyaert
Author: [wallie]
Author URI: http://www.braincubes.be
Live Demo: -
Changelog: v1.0
*/



/* GENERAL MARKERS */

* {

margin: 0px;

padding: 0px;

}

html {

height: 100.01%;

}

body {

background-color: #000000;

color: #ffffff;

font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;

font-size: 12px;

line-height: 19px;

background-image: url("/wp-content/themes/evygruyaert/_images/background.jpg");

background-position: top center;

background-repeat: repeat-x;

}

img {

border: none;

}

.rechts {

float: right;

padding-left: 10px;

padding-top: 5px;

}

.links {

float: left;

padding-right: 10px;

padding-top: 5px;

}





/* GENERAL PLACEHOLDERS */

#container {

width: 1000px;

margin-left: auto;

margin-right: auto;

background-image: url("/wp-content/themes/evygruyaert/_images/evy-nieuw.jpg");

background-position: top left;

background-repeat: no-repeat;

}



/* HEADER */

#header {

height: 330px;

overflow: visible;

}



#topnav {

width: 790px;

float: left;

margin-top: 277px;

}

#topnav ul {

list-style-type: none;

margin: 0px 0px 0px 10px;

padding: 0px;

}

#topnav ul li {

display: block;

float: left;

font-size: 13px;

background-color: black;

margin: 0px 5px 0px 0px;

padding: 5px 0px;

text-transform: uppercase; 

}

#topnav ul li a {

color: #FFFFFF;

text-decoration: none;

border-bottom: 5px solid #000000;

margin: 0px;

padding: 0px 10px;

}

#topnav ul li a:hover {

border-bottom: 5px #4d586c solid;

}

#homenav {

float: left;

width: 200px;

}





/* CONTENT */

#content {

margin: 0px;

padding: 0px;

}

#items {

float: left;

width: 530px;

margin: 0px;

padding: 0px 0px 20px 20px;

}

#item {

margin: 0px 0px 40px 0px;

}

#item h1, #item h1 a, #item h1 a:hover {

font-size: 16px;

font-weight: normal;

color: #8db2fe;

text-transform: uppercase;

margin: 20px 0px 10px 0px;

text-decoration: none;

border: none;

}

#item h1 span {

color: #22658c;

font-size: 12px;

margin-right: 10px;

}

#item p {

margin: 0px 0px 10px 0px;

}

#item a {

color: #84d0f0;

text-decoration: none;

border-bottom: 1px dotted #84d0f0;

}

#item a:hover {

border-bottom: 1px solid #84d0f0;

}

#item ul, #item blockquote {

margin: 10px 20px;

}

#item ul {

list-style-type: disk;

}

#archief ul {

margin: 0px;

list-style-type: none;

}



#shortcuts {

float: left;

width: 550px;

padding: 0px 0px 0px 0px;

}

#shortcuts h1, #shortcuts h1 a, #shortcuts h1 a:hover {

font-size: 16px;

font-weight: normal;

color: #8db2fe;

text-transform: uppercase;

margin: 20px 0px 10px 0px;

text-decoration: none;

border: none;

}

#shortcuts ul {

list-style: none;

margin: 0px 0px 0px 0px;

padding: 0px 0px 0px 0px;

}

#shortcuts ul li {

width: 265px;

height: 210px;

float: left;

margin: 0px 10px 0px 0px;

padding: 0px 0px 10px 0px;

}

#shortcuts ul li a {

color: #bcbcbc;

display: block;

text-decoration: none;

padding: 5px 0px 10px 0px;

}

#shortcuts ul li span {

color: #22658c;

text-transform: uppercase;

}

#shortcuts ul li a:hover {

text-decoration: underline;

}





#navigatie {

float: left;

width: 190px;

margin: 0px 30px 0px 30px;

}

#navigatie h2 {

font-weight: normal;

color: #22658c;

text-transform: uppercase;

font-size: 12px;

margin: 25px 0px 5px 0px;

}

#navigatie ul li {

list-style-type: none;

}

#navigatie ul li ul li a {

color: #bcbcbc;

text-decoration: none;

}

#navigatie ul li ul li a:hover {

color: #ffffff;

text-decoration: underline;

}

#navigatie ul li ul ul {

padding-left: 20px;

}



/* SIDEBAR */

#sidebar {

float: left;

width: 200px;

margin: 0px;

padding: 0px 0px 30px 0px;

}

#links {

width: 200px;

padding: 0px 0px 0px 0px;

margin: 0px 0px;

}

#links ul li  {

float: left;

padding: 0px 10px 5px 0px;

}

#tweeds {

clear: left;

width: 195px;

padding: 20px 0px 0px 0px;

margin: 0px 0px;

}



#tweeds h2, #links h2 {

font-size: 14px;

font-weight: normal;

color: #84d0f0;

text-transform: uppercase;

margin: 20px 0px 5px 0px;

}

#tweeds ul, #links ul {

list-style-type: none;

margin: 0px 0px 0px 0px;

padding: 0px 0px 0px 0px;

}

#tweeds li, #links li {

margin: 0px 0px 0px 0px;

padding: 0px 0px 0px 0px;

}

#tweeds ul li ul {

list-style-type: none;

margin: 0px 0px 0px 0px;

padding: 0px 0px 0px 0px;

}

#tweeds ul li ul li a {

color: #bcbcbc;

text-decoration: none;

}

#tweeds ul li ul li span {

color: #ffffff;

text-transform: lowercase;

}

#tweeds ul li ul li a:hover {

color: #bcbcbc;

text-decoration: underline;

}

#tweeds ul li ul li span {

color: #ffffff;

text-decoration: none;

}







/* FOOTER */

#footer {

clear: both;

/*background-color: #181818;*/

overflow: hidden;

height: 100%;

padding-bottom: 20px;

}



#footer h1 {

font-size: 14px;

font-weight: normal;

color: #e74057;

text-transform: uppercase;

margin: 20px 0px 10px 5px;

}



#footer ul {

list-style: none;

margin: 0px 30px 0px 0px;

padding: 0px 10px 10px 5px;

}

#footer ul li {

color: #bcbcbc;

}

#footer ul li a {

color: #bcbcbc;

text-decoration: none;

padding: 0px 0px 0px 0px;

}

#footer ul li a:hover {

color: #ffffff;

text-decoration: underline;

}

#footer ul li a span {

color: #22658c;

text-transform: uppercase;

}











/* KOLOFOON */

#kolofoon {

clear: both;

text-align: center;

margin: 20px 0px 10px 0px;

font-size: 10px;

color: #999999;

}

#kolofoon a {

color: #999999;

text-decoration: none;

}

#kolofoon a:hover {

color: #FFF;

}