/*
Theme Name: Siena Italian Studies 2010
Theme URI: http://www.sienaitalianstudies.com
Description: The 2010  theme for Siena Italian Studies.
Author: Nate Laffan
Version: 3.0
*/

/* GLOBAL SIS CSS */
/* Last Updated March 2010 */
/* Designed/Development by Nate Laffan */


/* -------------------- RESET --------------------- */

body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, form, textarea, a, fieldset, input, th, td {
margin: 0; padding: 0; border: 0; outline: none;}  
   
body, html {
height: 100%;
width: 100%;
}   
  
.clearboth {clear: both;}

ul, ol {list-style: none;}  
a  { color: black; text-decoration: none;}  
a:hover {text-decoration: underline;}  

.clearboth {clear: both;}
.floatleft {float: left;}
.floatright {float: right;}

/* ------------------ GLOBAL STYLES ------------------ */

/*TYPOGRAPHY*/

/* Fonts */

h1, h2, h3 {font-family: Garamond, Georgia, serif; font-weight: normal;}

#sidebar {font-family: Georgia, Garamond, serif;}

p, h4, .content-ul, #language {font-family: Helvetica, Arial, san-serif;}

#footer {font-family:  Trebuchet MS, Tahoma, sans-serif;}

/* Sizing */

p, blockquote {color: #545454;}

h1 {
padding-bottom: 10px;
}

h2 {
font-size: 37px;
padding-bottom: 10px;
}

h2, h3, h4 {color: #3a4552;}

h3 {
font-size: 25px;
font-weight: normal;
padding-bottom: 5px;
} 

p {
font-size: 12px;
line-height: 18px;
padding-bottom: 20px;
}

.content-ul {
font-size: 13px;

}


/*POSITIONING*/

body {background: #dbdace;}

#wrapper { 
margin: 0 auto; 
width:958px;
background: #3a4552;
padding-bottom: 15px; 
} 

#header {
background: url(assets/header.png) no-repeat;
width:958px;
height:166px;
}

.content {
float: left;
background: white;
padding: 20px 30px;
width: 621px;
margin: 0 7px;
}

.seal {
position: absolute;
margin: -125px 0 0 -60px;
background: url(assets/logo.png) no-repeat top;
width:47px;
height:75px;
}

/*--- Main Navigation ---*/

#sidebar {
margin: -70px 0 0 696px;
width: 253px;
}

#sidebar li a {
margin-top: 8px;
font-size: 17px;
display: block;
background: white;
padding: 10px;
color: #2c2f32;
}

#sidebar li a:hover {color: black; background: #f1f4f9; text-decoration: none;}



/* Subnav */

#sidebar li .subnav li a {
border-bottom: 1px solid #3a4552;
display: block;
background: #232931;
color: #c9d7e9;
margin-top: 0;
font-size: 15px;
padding-left: 20px;
}

#sidebar li .subnav li a:hover {
text-decoration: none;
color: white;
background: #2b323c;
}

.sidebar_hr {
background: url(assets/hr_sidebar_bg.png) repeat-x top;
height: 2px;
width: inherit;
display: block;
margin: 10px 0;
}

/* outside links */
#sidebar .outside-link a {background: #fffeee;}
#sidebar .outside-link a:hover {background: #f5f3d8}

/* Language Options */



#sidebar #language {
font-weight: bold;
text-align: center;
width: 200px;
margin: 0 0 0 55px;
display: block;
}

#sidebar #language a {
font-size: 12px; 

}

#language div {float: left;}
#language div a {padding: 5px 15px;}

#it a {
border-right: 1px solid;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
}

#en a {
border-left: 1px solid ;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
}

#sidebar #language div .active_lang {background: #bfdcfd; color: #2d5972; border-color: #daeafc; }
#sidebar #language div .inactive_lang {background: #8394aa; color: #252c35; border-color: #5f7084; }

#sidebar #language div .inactive_lang:hover {color: white; background: #8fa7c1; text-decoration: none;}
#sidebar #language div .active_lang:hover {text-decoration: none;}



/* Current page */

#currentpage a {border-left:10px solid #20b7b4;}
#currentsub a {border-left:5px solid #6f8198;}


/*--- Footer ---*/

#footer {
margin: 0 auto; 
width:938px;
background: #c7c6b8;
color: #4a4939;
padding: 10px;
font-size: 11px;
margin-top: 10px;
}