/*

Confronti.net master stylesheet
Last update: January 25 2006
By Simon Griffee
	
*/

* {
margin:0;
padding:0;
}

img {display:block; border:0;}
a:link img, a:visited img {border:0; text-decoration:none;}

body {
text-align:center;
background:#666 url(../images/wallpaper.gif) repeat fixed;
color:#000;
font:normal 62.5%/1.7em verdana, "lucida grande", lucida, "bitstream vera sans", arial, sans-serif;
/*word-spacing: 0.08em;*/
padding-bottom:20px;
}

#page {
position:relative;
width:770px;
background:#fff url(../images/sideborder.gif) repeat-y;
margin:0 auto;
padding:0 0 20px;
text-align:left;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
}

/*-------------------- Links --------------------*/


a:link {
color:#03f;
text-decoration:none;
}
a:visited {
color:#36f;
text-decoration:none;
}
a:focus, a:hover {
color:#03f;
text-decoration:underline;
}
a:active {
color:#03f;
text-decoration:none;
}

h3 a:link, h3 a:visited, h5 a:link, h5 a:visited {
color:#000;
}

/*-------------------- Header --------------------*/


#header {
height:100px;
margin:0 20px;
padding:20px 0;
overflow:hidden;
background:#fff;
}

#header p {
margin-left:430px;
}

#language {position:absolute; top:140px; left:620px; z-index:300; color:#999;}

/*-------------------- Headings and typography --------------------*/


h1 {
text-indent:-100em;
overflow:hidden;
background:url(../images/logo.gif) no-repeat;
height:90px;
float:left;
width:420px;
display:block;
}
h1 a {
text-decoration:none;
display:block;
height:90px;
}

h2 {
text-transform:uppercase;
font-size:0.9em;
border-bottom:1px solid #ccc;
margin-bottom:1.1em;
padding:5px 0 2px;
color:#f60;
}

h2 a, h3 a {color:#000;}


h3 {
font-size:1.4em;
line-height:1.25em;
color:#000;
margin-bottom:0.2em;
}
#singlecol h3 {
border-bottom:1px solid #ccc;
padding:5px 0 0;
}
#singlecol.section h3 {
font-size:1.4em;
line-height:1.4em;
border-bottom:none;
padding:0;
}


h4 {
text-transform:uppercase;
font-size:1em;
line-height:1.4em;
margin-bottom:0.9em;
font-weight:normal;
color:#000;
}
#singlecol h4 {
padding-top:3px;
}
#singlecol.section h4 {
padding-top:0;
}


h5 {
margin-left:20px;
font-size:1.2em;
line-height:1.35em;
font-weight:bold;
font-style:italic;
}
#sidebar h5 {
text-transform:uppercase;
border-top:1px solid #ccc;
padding-top:20px;
margin-left:0;
font-style:normal;
font-size:1em;
line-height:1.4em;
}

h6 {
margin-left:20px;
font-size:1em;
line-height:1.4em;
font-weight:normal;
font-style:italic;
font-weight:bold;
color:#000;
}
#sidebar h6 {
font-size:0.95em;
line-height:1.4em;
text-transform:uppercase;
font-style:normal;
font-weight:normal;
margin-left:20px;
}

p {
margin-bottom:1.3em;
font-size:1em;
line-height:1.7em;
}

p.separator {
border-bottom:1px solid #ccc;
padding:5px 0;
}

#singlecol.section p, #singlecol.section ul, #singlecol.section ol, #singlecol.section code, #singlecol.section blockquote {
margin-left:20px;
margin-right:20px;
}
p.continue {
margin-bottom:1.4em;
text-align:right;
border-bottom:1px solid #ccc;
}
p.end {
font-size:1em;
text-align:center;
}

p strong, p b {
color:#111;
}

acronym, abbr {border-bottom:1px dashed #999;}

ul, ol {margin-bottom:1.1em;}

body#archive #content dt {
text-transform:uppercase;
font-weight:bold;
}

dl#links dd {
margin-bottom:1.2em;
}

p.skip {display:none;}

blockquote {
margin-left:0;
margin-bottom:1em;
background:url(../images/quote.gif) top left no-repeat;
}

table {
border:none;
margin-bottom:1.2em;
text-align:left;
}

td {
text-align:left;
padding:2px 0 2px 12px;
}

th {
padding-right:4px;
text-align:right;
font-size:0.9em;
font-weight:bold;
}

/*-------------------- Content wrapper --------------------*/


#content {
width:580px;
margin:0 0 0 20px;
border-top:1px solid #ccc;
}

#content ul, #content ol {margin-left:20px;}

/*-------------------- Singlecol --------------------*/
#singlecol {
width:550px;
font-size:1.2em;
line-height:1.8em;
}

#singlecol p {
margin-left:20px;
margin-right:20px;
}

.floatleft {
float:left;
margin-right:10px;
margin-bottom:10px;
}

.floatright {
float:right;
margin-left:10px;
margin-bottom:10px;
}

.clear {
clear:both;
}

/*-------------------- Col 1 --------------------*/


#col1 {
width:270px;
float:left;
margin-bottom:20px;
font-size:1.1em;
line-height:1.7em;
}

/*-------------------- Col 2 --------------------*/


#col2 {
width:270px;
float:left;
margin:0 20px 20px 20px;
font-size:1.1em;
line-height:1.7em;
}

#col2 img {
float:left;
margin-right:10px;
margin-bottom:2px;
}

/*-------------------- Sidebar --------------------*/


#sidebar {
position:absolute;
right:0;
top:140px;
width:150px;
padding:20px 20px 20px 0;
font-size:1.1em;
background:#fff; /*setting this mainly to cover IE float size bug which extends top border of #content over sidebar*/
}

#sidebar ul, #sidebar p, #sidebar h5, #sidebar img {
padding-left:20px;
margin-bottom:1.2em;
}


/*-------------------- Navbars --------------------*/

#nav {
margin-bottom:1.1em;
}

#nav li {
list-style:none;
display: inline; /* fix for IE whitespace bug http://archivist.incutio.com/viewlist/css-discuss/34926. */
}

#nav a {
padding-left:20px;
margin-left:-20px;
display:block;  
text-decoration:none;
background:transparent;
}

body#home #home-nav a,
body#about #about-nav a,
body#contact #contact-nav a,
body#preferences #preferences-nav a,
body#archive #archive-nav a,
body#programs #programs-nav a,
body#forschools #forschools-nav a,
body#links #links-nav a,
body#books #books-nav a,
body#subscribe #subscribe-nav a {
font-weight:bold;
color:#000;
background:transparent url(../images/navarrow.gif) 0 50% no-repeat;
}

#nav a:hover {
background:transparent url(../images/navarrow.gif) 0 50% no-repeat;
}

/*----------------- footnav -----------------*/
#footnav {
margin-bottom:1.1em;
}

#footnav li {
display:inline;
list-style:none;
}

#footnav a {
float:left;
padding:10px 5px 0; 
text-decoration:none;
background:transparent;
}

body#home #home-footnav a,
body#about #about-footnav a,
body#contact #contact-footnav a,
body#preferences #preferences-footnav a,
body#archive #archive-footnav a,
body#programs #programs-footnav a,
body#forschools #forschools-footnav a,
body#links #links-footnav a,
body#books #books-footnav a,
body#subscribe #subscribe-footnav a {
font-weight:bold;
color:#000;
background:transparent url(../images/footnavarrow.gif) no-repeat top center;
}

#footnav a:hover {
background:transparent url(../images/footnavarrow.gif) no-repeat top center;
}


/*-------------------- Footer --------------------*/


#footer {
clear:both;
width:560px;
margin:20px 20px 0;
border-top:1px solid #ccc;
}

#footer p {
padding:1em 0 0 5px;
margin:0;
}

p.smallprint {
font-size:0.9em;
}