/*
Theme Name: Kader Attia Theme with Drop Down (this is in style.css)
Author: Pawel Mordel
*/



/* --------------------------------------------------------------

   reset.css
   * Resets default browser CSS.

-------------------------------------------------------------- */

html { 
	margin:0; 
	padding:0; 
	border:0; 
}

body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

/* This helps to make newer HTML5 elements behave like DIVs in older browers */ 
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
    display:block;
}

/* Line-height should always be unitless! */
body {
  line-height: 1.5;
  background: white; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { 
	border-collapse: separate; 
	border-spacing: 0; 
}
/* float:none prevents the span-x classes from breaking table-cell display */
caption, th, td { 
	text-align: left; 
	font-weight: normal; 
	float:none !important; 
}
table, th, td { 
	vertical-align: middle; 
}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ''; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* Remember to define your own focus styles! */
:focus { outline: 0; }




/******** KADER ATTIA **********/





body {
font-family: "ff-dagny-web-pro", "helvetica", "arial", "sans-serif";
background-color:#fff;
color:#000;
}

#container {
width:600px;
margin-left: 300px;
margin-top:96px;
padding-bottom:48px;
font-weight:200;
}


/*** BLOCK FOR LOOP PAGES ***/
.block {
border-bottom: 2px #ddd solid;
margin-top:2px;
padding-bottom: 24px;
}

.linklist {
margin-top:48px;
}




h1 {
font-size:48px;
border-bottom: 2px #444 solid;
line-height:72px;
}

h2 { /*title on single page*/
font-size:36px;
font-weight: 400;
line-height:60px;
color:#555;
}

h3 { /*title in block*/
font-size:24px;
line-height: 36px;
font-weight:400;
color:#555;
}


h4 { /*subtitle*/
font-size: 12px;
line-height: 12px;
font-weight: 400;
margin-top:-6px;
margin-bottom:6px;
margin-left:1px;

}

h5 {
margin-top:-6px;
margin-left:1px;
font-size: 12px;
}


p {
font-weight:200;
font-size: 16px;
line-height:24px;	

margin-top: 24px;

}








a:link, a:visited, a:active {
text-decoration:none;
/*border-bottom: 1px #ffffff solid;*/
color:#555;
}

a:hover {
color: #888;
/*border-bottom: 2px #000 solid;*/
}

p a:link, p a:visited, p a:active {
color:#000;
border-bottom: 1px dotted #bbb;
} 

p a:hover {
color:#000;
border-bottom: 1px solid;
} 







/******************* NAVI START ***************/


#navi {
background-color: #f2f0f0;
padding-left:300px;
padding-top:8px;
min-width: 700px;
}

#navi ul {
height:40px;
}

#navi li {
display: block;
float: left;


font-size:14px;
padding-right: 36px;
line-height: 40px;
font-weight: 200;
text-transform:uppercase;
color:#000;
}

.ohidden {
display:none;}


#submenu {
font-size:14px;
line-height: 40px;
position:absolute;
background-color: #f2f0f0;
padding-top:20px;
top:20px;
padding-left: 12px;
padding-right:12px;
}





#navi a:link, #navi a:visited, #navi a:active {
color:#000;
} 

#navi a:hover {
color:#222;
}

#navi a:link, #navi a:visited, #navi a:active {
color:#000;
border-bottom: 0px solid;
} 

#navi a:hover {
color:#222;
border-bottom: 2px solid #222;
}





/******************* NAVI END ***************/




em, i {
font-style: italic;
}

b, strong {
font-weight: 400;
}


/***POSSIBLE LOGO ABOVE NAVI ****/
#kader {
border:0;
display:none;
}
/**** END POSSIBLE LOGO ****/