/*
 a warm welcome to you dear human reader. 
 You are now watching the CSS for andrebossard.com
 And you surely didn't expect to spend so much time
 on the introductary comment.
 
 That's nice. Altough you probably realised that you
 won't fine any meaningful information here you still
 keep reading and reading. So either yo are very bored
 and have nothin better to do. Or you are curious beyond
 the average human. That you opened this CSS is a sign of it
 and that you can't stop reading this comment. Anyway, I like 
 you already, because I'm alos bored with most stuff I do
 at 'work'. And I also open CSS to see how others do it.
 
 But I never seen a comment like this. So from programmer
 to programmer, are you happy with your job?
 
 Feel free to contact me, I'm sure you'll find a way....
 
 Andre

*/

/*
    RESET 
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

:focus {
    outline: 0;
}
body {
    line-height: 1.2;
    color: black;
    background: white;
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}

/*
    BASE HTML ELEMENTS
*/

body {
background:#363636 url(images/back.gif) repeat-x scroll 0 0;
font-family:Helvetica,Tahoma,Arial,sans-serif;
margin:0;
}


a {
color:#ffc751;
}

img {
border:0;
}
p {
margin-top:0.4em;
}

strong {
font-weight: bold;
}

dl
{
width: 41.1em;
margin: 2em 0;
padding: 0;
}

dt
{
width: 15em;
float: left;
margin: 0 0 0 0;
padding: .5em;
border-top: 1px solid #999;
/*font-weight: bold;*/
clear: both;
}


dd
{
float: left;
width: 24em;
margin: 0 0 0 0;
padding: .5em;
border-top: 1px solid #999;
}

.column-left li {
/*border-left: 1em solid black;*/
list-style: square inside;

/*margin-bottom: 0.2em;
padding-left: 0.2em;
*/
}
/*
    UNIQUE IDs
*/

#logo {
margin:0 auto;
padding:15px 0 15px 35px;
width:880px;
}

#logo a {
background:transparent url(images/logo_final.png) no-repeat top right;
display:block;
/*font-size:45px;*/
height:50px;
margin-bottom:10px;
overflow:hidden;
text-decoration:none;
width:373px;
}

#logo a span {
display:none;
}

#header,#header-inside {
background:transparent url(images/line.png) no-repeat scroll 0 0;
color:#FFF;
padding:29px 0 37px;
height: 6em;
}
#header p {
width:320px;
}

#header h1 {
display:block;
/*font-size:25px;*/
margin:0 0 12px;
}

#main {
color:#eee;
/*font-size:11px;*/
margin:0 auto;
padding:0;
width:900px;
}

#content {
float:right;
width:865px;
}

.home #main {
/*background:transparent url(images/back-home.jpg) no-repeat scroll 0 0;*/
}

/*
    NAVIGATION
*/
#nav {
background:transparent url(images/line.png) no-repeat left bottom;
height:52px;
margin:0;
padding:0 0 1px;
position:relative;
}

.navbar {
background:transparent url(images/line.png) no-repeat scroll 0 0;
padding:1px 0;
}

#nav li {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
width:120px;
}

#nav li,#nav a {
display:block;
height:52px;
}

#nav a {
color:#E6E6E6;
font-size:19px;
padding-left:5px;
text-decoration:none;
}

#nav a span {
color:#B0B0B0;
display:block;
font-size:10px;
}

#nav a.active {
background: url(images/nav-hover-bg.gif) repeat-x 0 0;
}
#nav a.active, #nav a.active:hover {
color:#ffc751;
}

#nav a:hover {
background:#222;
color:#FFF;
}


.column-left {
float:left;
padding-top:10px;
width:580px;
}

.column-right {
float:right;
padding-top:10px;
width:250px;
}

/*
    FOOTER
*/
#footer {
background:transparent url(images/line-dark.png) no-repeat scroll 0 0;
color:#6F6F6F;
font-size:10px;
line-height:18px;
margin-top:30px;
padding:20px 0 40px;
}

#footer a:hover {
border-style:none;
color:#FFF;
}

#footer a {
border-bottom:1px solid #4E4E4E;
color:#6F6F6F;
text-decoration:none;
}