@charset "utf-8";
/* Main CSS Document for ninabottaccini.com */
/* COLOR GUIDE: 
BLACK, text: #111
BLUE, blueish-white, background for page, footer, selected tab, topstripe: #f5f7fb , eosbarelythere9c.gif
BLUE, links: #669
GREEN, dark or multi, circuit pattern, background for container: #24453c, circuit.jpg
GREY, background for body: #666 , eosbrokenchevron1a.gif
WHITE, blueish-white, background for page, footer, selected tab, topstripe: #f5f7fb , eosbarelythere9c.gif
WHITE, border for container: #fff




*/
/* TABLE OF CONTENTS: 
BROWSER RESET, STRUCTURE AND GLOBAL, TYPOGRAPHY, NAVIGATION, SIDEBAR, EXTRAS
*/


/* # # # # # # # # # # */
/* BROWSER RESET       */
/* # # # # # # # # # # */

* {margin:0; padding:0;}
	
	
/* # # # # # # # # # # */
/* STRUCTURE AND GLOBAL*/
/* # # # # # # # # # # */



body {
	background:#666 url(images/eosbrokenchevron1a.gif) repeat;
	color:#111;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:100%;
	line-height:1.125em; /* 16x1.125=18px */	
	}
	
#container {
	background:#24453c url(images/circuit.jpg) repeat;
	border: 1px solid #fff;
 	padding:1em 0 0 0;
	margin:1em auto 1em 1em;
	text-align:left;
	width:62em;
	}
	
#header {
	background:url(images/blackbg-header-50pct.png) no-repeat;
	margin:0 0 3em 2.5em;
	padding:0.75em;
	}

#page {
	background:#f5f7fb url(images/eosbarelythere9c.gif) repeat;
	padding:2em 3em 6em 3em;
	text-align:justify;
	} 

#footer {
	background:#f5f7fb url(images/eosbarelythere9c.gif) repeat;
	font-size:0.7em;
	padding:0 3em 0.5em 3em;
	}
	
	
/* # # # # # # # # # # */
/* TYPOGRAPHY          */
/* # # # # # # # # # # */

a {
	color: #669;
	font-weight:650;
	text-decoration:underline;
	}
	
/* # # # # # # # # # # */
/* NAVIGATION          */
/* # # # # # # # # # # */


#tab-menu {
	margin-left:3em;
	}

	#tab-menu ul {
		list-style:none;
		padding: 0;
		margin: 0;
		}

		#tab-menu li {
			float: left;
			margin:0 1em 0 0;
		}

			#tab-menu li a:link, #tab-menu li a:visited, #tab-menu li a:hover {
				height: 2em;
				line-height: 2em;
				float: left;
				width: 6em;
				display: block;
				text-align: center;
				text-decoration: none;
				font-weight:bold;
				}

			/* Hide from IE5-Mac \*/
			#tab-menu li a {
				float: none
				}
			/* End hide */
			
				#tab-menu li a:link, #tab-menu li a:visited  {
					background: url(images/blackbg-tile-70pct.png) repeat;
					color:#ffffff
					}
 
 				#tab-menu li a:hover {
					background: url(images/blackbg-tile-50pct.png) repeat;
					}

					#tab-menu li a:link.selected, #tab-menu li a:visited.selected {
						background: #f5f7fb url(images/eosbarelythere9c.gif) repeat;
						color: #111111;
						}
#topstripe {
	background: #f5f7fb url(images/eosbarelythere9c.gif) repeat;
	}


/* # # # # # # # # # # */
/* SIDEBAR             */
/* # # # # # # # # # # */



#sidebar, #portfolioheader {border-color:#4f5d66;}

	
/* Color 3: IVORY PARCHMENT. SITE TITLES. LINKS ON ALL TABS. PAGE BACKGROUND. SELECTED TAB BACKGROUND.  */
	
 #header h1, #header h2 {color:#ffffff; /* color:#f2f2ea; */}

.highlights {
	/* background-color: #ddddee; */
				/* background-image: url(images/10pctgrey-tile.png);
	background-repeat:repeat; */
	}
	
#sidebar a{
	color:#111111;
	}
	
/***********************************************************************************************************************************/	
/*                                                     FONTS AND FONT SIZES */



h1, .pagetitle {
	font-weight:600;
	font-size:1.5em;
	/* font-variant:small-caps; */

	}
	

h2 {
	font-weight:600;
	font-size:1.2em;
	font-variant:normal;
	}
	
h3 {
	font-weight:650;
	font-size:1em;
	
	}
	
#header h1 {
	font-weight:650;
	font-size:2em;
	/* font-style: italic; */
	font-variant:normal;
	}

#header h2 {
	font-weight:650;
	font-size:1.5em;
	/* font-variant:small-caps; */
	/* font-style: italic; */
	}

#portfolioheader h1 {
	font-style:italic;
	font-variant:normal;
	font-size:2.4em;
	font-weight: normal;
	}

		
#portfolioheader h2 {
	font-size:1.5em;
	font-variant:small-caps;
	font-weight:normal;
	}

#portfolioheader h3 {
	font-size:1.5em;
	font-weight:normal;
	}	
		
ul {
	list-style-type: square;
	}


#sidebar ul {
	list-style-type:square;
	}

#sidebar h2  {
	font-weight: 700;
	font-size:1em;
	text-decoration:none;
	font-style:italic;
	
	}

#sidebar ul li {
	font-size:0.95em;
	font-style:normal;
	
	}
	
.sidebartitle {
	font-weight:bold;
	font-size:1.2em;
	}
		

.section {
	padding:1em;
	}
	
.school {
	font-weight:normal;
	}

#sidebar a:link, #sidebar a:visited, #sidebar a:hover {
	font-weight: 700;
	font-size:1em;
	text-decoration:underline;
	}

	
.psectiontitle {
	font-weight:500;
	font-size:1.2em;
	}
	
.itemtitle {
	font-weight:500;
	font-size:120%;
	}
	
/***********************************************************************************************************************************/
/* 

                                                          LAYOUT  */

.highlights {
	padding:1.5em 1em 1em 1.5em;
	margin-bottom:1em;
	} 
	
h1 {
	padding:0 0 1em 0;	
	}
	
#header {

	}

#header h1 {
	/* line-height:1.5em; */
	padding-bottom:0.5em;
	}
#portfolioheader h1 {
	padding:0 0 0.25em 0;
	}
	
h2 {
	padding:0 0 0.6em 0;
	}
	
#header h2 {
	padding:0;
	}

#sidebar h2 {
	padding:0 0 0.8em 0;
	}
	
h3 {
	padding:0;
	margin-left:3em;
	}

h3.single {
	padding-bottom:0.6em;
	}
				
p {
	padding:0 0 0.5em 0;
	}

ul {
	margin-top:0.6em;
	margin-bottom:0.6em;
	margin-left:4em;
	padding:0;
	}
		
 #sidebar ul {
	list-style-position:inside;
	margin:0;
	padding-bottom:1em;
	padding-left:1em;
	}
	



#topstripe {
	/* border-style:solid;
	border-width:0 0.15em 0 0.15em; */
	height:0.5em;
}

#bottomstripe {
	/* border-style:solid;
	border-width:0 0.15em 0 0.15em; */
	height:0.5em;
}

		
#sidebar { /* use main-content div and a clearfloat if you are using sidebar */
	width:12em;
	float:left;
	}

#sbmenu {
	border-style: double;
	border-width:0 thin 0 0;
	padding:0 1em 0 0;
	margin-top:1em;
	}
	
#main-content {
	margin:0 2em 0 13em;
	padding:4.5em 3em 3em 3em;
	text-align:justify;
	}

#portfolioheader {
	border: solid thin;
	padding-top:1.4em;
	padding-bottom:1.4em;
	margin-bottom:2em;
	}

		
#sidebar li, #sidebar a:link, #sidebar a:visited {
	line-height:1.5em;
	white-space:nowrap;
	}
	



#portfoliocontent {
	padding: 2em 3em;
	}


	
#content.short, main-content.short {
	height:30em;
	}

#content p, #main-content p {
	padding:0 0 1em 0;
	}
	
#portfolioheader {
	text-align:center;
	}

		
.psectiontitle {
	line-height:1.2em;
	padding-bottom:1em;
	}

.itemtitle {
	white-space:nowrap;
	}
		
.sitethumb {
	float:left;
	margin:0.2em 2.5em 2.5em 0;
	}

#kopachi .sitethumb {
	background-image: url(images/kopachi-lgthmb.jpg);
	background-repeat:no-repeat;
	width:253px;
	height:187px;
	}

#romarising .sitethumb {
	background-image: url(images/romarising-lgthmb.jpg);
	background-repeat:no-repeat;
	width:253px;
	height:188px;
	}



.clearfloat {clear:both;}
.fill {width:300px;} /* For contact form - fields to fill in*/
.nina {width:150px;} /* For contact form - submit button */

/***********************************************************************************************************************************/