/* Style sheet for matt disero
by: Nadine Lessio
Site: nadinelessio.com
Date: April 2k9 */

@import "reset.css";

/* common elements */

html {
	background: url(../images/siteBg.gif) repeat-x 0 0 white;
	
	font: .75em "Lucida", Georgia, Times New Roman, Times, serif;
	line-height: 17px;
	color:  black;
	
	
	
}



a {	color:  #666;
	text-decoration: underline;
	outline: none;
	
}

a:hover {
	color: #999;
}

div#footer a {
	color:  white;
}

div#footer a:hover {
	color:  #ccc;
}



h1 {
	font-size: 2em;
	margin:  0 0 10px 0;
}

h2 {
	font-size: 1.5em;
	margin: 0 0 10px 0;
}

h3 {
	font-size: 1.5em;
	
	
}

h4 {
	font-size: 1.2em;
}

p {
	margin:  0 0 10px 0;
}

li {
	padding:  0 0 3px 0;
}

#leftBar p {
	margin:  0;
}

div#header h1 a {
	
text-decoration: none;
}

/* structure divs */

div#wrap {
	
	margin:  0 auto;
	width: 960px;
}


div#header {
	background: black;	
	color:  #999;
	height: 150px !important;
	padding:  20px 20px 0 20px;
}

div#header h1 {
	color:  white;
	border-top: 1px solid #2e2e2e;
	border-bottom: 1px solid #2e2e2e;
	font-size: 3em;
	font-weight: bold;
	padding: 15px 0 15px 0;
	margin:  5px 0 5px 0;
}


div#leftBar {
	min-height: 400px !important;
	background: url(../images/sidePicture.png) 0 0 no-repeat;
	float: left;
	padding: 300px 0 0 0;
	width:  320px;
}

div.leftInside {
	margin: 0 15px 20px 30px;
	
}

div.leftInside a img:hover {
	opacity:0.80;filter:alpha(opacity=80);
}

div.contactMatt {
	margin: 0 15px 20px 30px;
	padding: 40px 10px 0 10px;
	background: url(../images/contactMatt.png) 0 0 no-repeat;
	height: 65px;
	overflow: hidden;
}

div.contactMatt  p {
	font-weight: bold;
	font-size: 1.2em;
	color:  white;
	padding: 5px 0 0 0;
}

.darker {
	color: #6d2d00;
}

div.contactMatt a {
	text-decoration: none;
	color: white;
}

div.contactMatt a:hover {
	color: #ffec9d;
}

div#rightColumn {
	float: left;
	width: 640px;
	/*background: yellow;*/
	
}

div#mainContent {
	background: white;
	padding: 20px;
}

div#footer {
	clear: both;
	background: black;
	
}

div#footer p {
	
	padding:  5px;
	font-size: .75em;
	text-align: right;
}

/* header items */

ul#nav {
	
	height: 30px !important;
	overflow: hidden;
	margin:  0 20px 0 20px;
	
	width: 100%;
}

ul#nav  li {
	color: white;	
	float: left;
	height: 30px !important;
	margin:  0 10px 0 0;
	background: url(../images/tabNavRight.jpg) right top no-repeat;
	
	
}

ul#nav li a {
	background: url(../images/tabNavLeft.jpg) left top no-repeat;
	display: block;
	height: 30px !important;
	padding:  5px;
	text-align: center;
	text-decoration: none;
	text-transform: capitalize;
	font-style: italic;
	font-size: 1.2em;
	color:  #ffe165;
}

ul#nav li a:hover {
	color: black;
	
}

ul#nav li.sticky a {
	color: black;
}


/* bottom stuff */

div#botBar {
	margin: 20px 0 20px 0;
}

div.threeCol {
	float: left;
	width: 220px;
	
	margin:  0 20px 0 0;
}

div.threeColEnd {
	float: left;
	width: 110px;
}

div.threeCol h3 {
	
background: url(../images/header240.png) 0 0 no-repeat;
	padding:  5px;
}

div.threeColEnd h3 {
	background: url(../images/header110.png) 0 0 no-repeat;
	padding:  5px;
}

div.threeCol ul, div.threeColEnd p, div.threeColEnd ul {
	padding:  5px;
}

.moreLink {
	background: url(../images/yellowArrow.gif) top right no-repeat;
	padding: 1px 10px 0 0;
	margin: 0 0 0 5px;
	font-size: .75em;
}


/* quote */

.quote {
	font-style: italic;
	padding: 20px;
	line-height: 1.8em;
}

/*images*/

.imageNorm {
	border: 1px solid #999;
	padding: 5px;
	margin: 0 10px 10px 0;
}

.imageFloatL {
	float:  left;
	border: 1px solid #999;
	padding: 5px;
	margin: 0 10px 10px 0;
}

.imageFloatR {
	float:  right;
	border: 1px solid #999;
	padding: 5px;
	margin: 0 10px 10px 0;
}

div#gallery img {
	padding:  0 10px 10px 0;
}

.columnLeft {
	width: 250px;
	float:  left;
	margin: 0 0 20px 0;
}

div#hidden {
	color:  white;
	height:  1px !important;
	min-height: 1px;
	overflow: hidden;
}

.flash {
	float:  left;
	width:  175px;
	padding:  7px 0 0 0;
	font-size: 1.3em;
	
}

.flashImg {
	float:  left;
	witdh: 89px;
	margin: 0 5px 0 0;
}