/* ----ARRRRRRR IT BE MESSY IN HERE LASS AND LADDIES ----------

Built from scratch and duct tape by Ben McEvoy, 2005 
God have sweet mercy on your poor soul for viewing my source, you may be the first.  
I am always willing to accept blunt feedback towards fixes and suggestions for build 2 and beyond, 
so please if you feel generous, WRITE ME!!!  ben@mahchevoi.com

'ben

LAST UPDATED: JULY 7, 2005

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



body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color:#9A0403;
	background-image: url(gif/bgPattern_Vert.gif);
	background-repeat:repeat-x;
	margin: 0;
}

#main {
	width: 709px;
	margin: 5px auto 0 auto;
	background-image: url(gif/bgPattern.gif);
	background-repeat:repeat-y;
}

#header {
	background: url(gif/imgHeader.jpg) top left no-repeat;
	padding: 10px 0 111px 20px;
	/padding: 10px 0 114px 20px;
	p/adding: 10px 0 111px 20px;
	
}

#sidebar {
	float:right;
	width: 235px;
	\width:255px;
	w\idth:235px;
	font-family:"Trebuchet MS", Verdana, sans-serif;
	font-size:11px;
	color:#FFFFFF;
}

#content {
	margin-top:-100px;
	padding-bottom: 0px;
}
/*
#position {
	position:relative;
	top: -23px;
	margin-top:0;	
	width:465px;
}
* html #position {
	position:relative;
	top: -8px;
	margin-top:0;	
	width:465px;
}
*/




/* -----  INDEX CONTENT -------*/
#intro {
	font-family:"Trebuchet MS", Verdana, sans-serif;
	color:#FFFFFF;
	font-size:11px;
	width: 470px;
}
#intro h1{
	color:#FFE8A2;
	font-size:18px;
	margin:10px 32px 10px 48px;
}

#intro p{
	margin:0px 17px 0 35px;
	padding: 0 19px 15px 14px;
	line-height:18px;
}




/* -----  FEATURE CONTENT -------*/
#feature {
	font-family:"Trebuchet MS", Verdana, sans-serif;
	color:#FFFFFF;
	font-size:11px;
	width: 470px;

}
#feature p{
	margin:0px 17px 0 35px;
	padding: 170px 19px 0px 14px;
	background: transparent url(gif/imgHeader_02.jpg) 15px 10px no-repeat;
	line-height: 18px;
	
}
#feature p span {
	color: #CC8C8B;
	line-height:16px;
	font-size:9px;
	float:right;
}




/* -----  ABOUT CONTENT -------*/

#aboutMenu{
	padding-top:15px;
	padding-left: 15px;
	padding-right: 70px;
	background-image: url("gif/imgPortfoliosMenu.gif");
	background-position:top left;
	background-repeat:no-repeat;
}

#aboutContent {
	font-family:"Trebuchet MS", Verdana, sans-serif;
	color:#FFFFFF;
	font-size:11px;
	width: 470px;
	margin:0px;
}
#aboutContent p{
	margin:0px 17px 0 35px;
	padding: 10px 19px 0px 14px;
	line-height: 18px;
}

#aboutContent p span {
	color: #CC8C8B;
	font-size:9px;
}

#aboutHeader {
	position:relative;
	top:-8px;
	margin-bottom:0px;
}




/* -----  PORTFOLIO CONTENT -------*/

#insideContent {
	font-family:"Trebuchet MS", Verdana, sans-serif;
	color:#FFFFFF;
	font-size:11px;
	padding:0px 240px 0 20px;
}

#insideContent h1{
	color:#FFE8A2;
	font-size:16px;
	padding: 0 19px 15px 24px;
}

#insideContent h2{
	color:#FFFFFF;
	font-size:14px;
	padding: 0 19px 5px 34px;
	margin-top: -10px;
}

#insideContent h3{
	color:#FFFFFF;
	font-size:11px;
	padding: 0 19px 0 34px;
	margin-top: -10px;
}

#insideContent h4{
	color:#CC8C8B;
	font-size:11px;
	padding: 0 19px 10px 34px;
	margin-top: -10px;
	margin-bottom:10px;
	font-style:italic;
}

#insideContent p{
	padding: 0 19px 15px 34px;
}

#insideContent ul{
	margin-top: -10px;
	padding: 0 19px 15px 54px;
	line-height: 16px;
}

#insideContent p span {
	color: #CC8C8B;
	line-height:16px;
	font-size:9px;
}

#insideContent p span a:link{
	color: #CC8C8B;
	line-height:16px;
	font-size:10px;
}
#portfolioHeader {
	position:relative;
	top:-8px;
	margin-bottom:0px;
}

/* ---- THUMBS -------*/
#thumbs {
	position:relative;
	left:-10px;
	margin:0px;
}
#thumbs a:link,
#thumbs a:hover,
#thumbs a:visited,
#thumbs a:active{
	border:0;
}

#thumbs2 {
	position:relative;
	left:-10px;
	margin:0px;
}
#thumbs2 a:link,
#thumbs2 a:hover,
#thumbs2 a:visited,
#thumbs2 a:active{
	border:0;
}



/* -----  PORTFOLIO SIDEBAR CONTENT -------*/
.subMenu{
	padding-top:20px;
	padding-left: 15px;
	padding-right: 70px;
	background-image: url("gif/imgPortoliosMenu.gif");
	background-position:top left;
	background-repeat:no-repeat;
}
html .subMenu{
	padding-top:10px;
	padding-left: 15px;
}
.subMenu h1{
	font-family:"Trebuchet MS", Verdana, sans-serif;
	font-size:12px;
	color: #FFE8A2;
	margin-top:10px;
}

.subMenu h1 .menuHeader{
	font-family:"Trebuchet MS", Verdana, sans-serif;
	font-size:12px;
	color: #FFE8A2;
	margin-top:10px;
	text-decoration:none;
	border:0;
}

.subMenu h1 .menuHeader:hover{
	font-family:"Trebuchet MS", Verdana, sans-serif;
	font-size:12px;
	color: white;
	margin-top:10px;
	text-decoration:none;
	border-bottom: 1px dashed white;
}

.subMenu p{
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom:10px;
	line-height: 24px;
}

.subMenu p span{
	color:#CC8C8B;
}

.headLink:link,
.headLink:hover,
.headLink:visited {
	font-family:"Trebuchet MS", Verdana, sans-serif;
	font-size:12px;
	color: #FFE8A2;
	margin-top:10px;
	font-weight:bold;
}
.headLink:active {
	font-family:"Trebuchet MS", Verdana, sans-serif;
	font-size:12px;
	color: #FFE8A2;
	margin-top:10px;
	font-weight:bold;
	text-decoration: none;
	border-bottom: 1px dashed #FFE8A2;
}

/* -----  ABOUT SIDEBAR CONTENT -------*/
.subMenu2{
	padding-top:15px;
	padding-left: 15px;
	padding-right: 70px;
	background-image: url("gif/imgAboutMenu.gif");
	background-position:top left;
	background-repeat:no-repeat;
	height:200px;
}
html .subMenu2{
	padding-top:5px;
	padding-left: 15px;
}
.subMenu2 h1{
	font-family:"Trebuchet MS", Verdana, sans-serif;
	font-size:12px;
	color: #FFE8A2;
	margin-top:10px;
}

.subMenu2 p{
	margin-top: -5px;
	margin-bottom: 20px;
	padding-bottom:10px;
	line-height: 20px;
	border-bottom:1px dashed #CE9190;
}

.subMenu2 p span{
	color:#CC8C8B;
}

/* -----  CONTACT CONTENT -------*/
form {
	padding: 10px 25px;
}

textarea {
	background:white;
	border: 1px solid #FFA33C;
	color: #993300;
	font-family:"Trebuchet MS", Arial, Verdana;
	font-size:11px;
	padding: 2px 2px 2px 5px;
}

input {
background:white;
border: 1px solid #FFA33C;
height: 16px;
color: #993300;
font-family:"Trebuchet MS", Arial, Verdana;
font-size:11px;
padding: 2px 2px 2px 5px;
}

#submit {
height: 28px;
width: 50px;
padding: 2px 2px 2px 2px;
}

/* -----  NEWS CONTENT -------*/
#news{
	padding-top:15px;
	padding-left: 10px;
	padding-right: 30px;
}
html>body #news{
	padding-top:5px;
	padding-left: 10px;
}
#news h1{
	font-family:"Trebuchet MS", Verdana, sans-serif;
	font-size:12px;
	color: #FFE8A2;
	margin:0px;
}
#news h2{
	font-family:"Trebuchet MS", Verdana, sans-serif;
	font-size:12px;
	color: #FFD75F;
	margin:0px;
}
#news p{
	margin-bottom: 20px;
	margin-top: 10px;
}




/* ---- IT's NOT A FOOTER ---- */

#footer {
	background: #9A0403 url(gif/footer_01.gif) top left no-repeat;
	width:746px;
	height:100px;
	margin:auto;
}
#copyrightLogo{
	position:relative;
	top:22px;
	left:35px;
}

#copyright {
	font-family:"Trebuchet MS", Verdana, sans-serif;
	font-size:11px;
	color: white;
	margin-left:70px;
	margin-top: 5px;
	font-weight:bold;
}

#validation {
	font-family:"Trebuchet MS", Verdana, sans-serif;
	font-size:11px;
	color: white;
	margin-right:145px;
	margin-top: 5px;
	float:right;
}

/* ----NAV IMAGE REPLACE CLASS ---- */
#menu {
float:right;
margin-right:7px;
}

#navAbout {
	margin: 0 20px 0 0;
	height: 34px;
	width: 92px;
	overflow: hidden;
	background: url(gif/navAbout.gif) top left no-repeat;
	display: block;
	border:0;
}
#navPortfolio{
	margin: 0 20px 0 0;
	height: 34px;
	width: 92px;
	overflow: hidden;
	background: url(gif/navPortfolio.gif) top left no-repeat;
	display: block;
	border:0;
}
#navContact{
	margin: 0 20px 0 0;
	height: 34px;
	width: 92px;
	overflow: hidden;
	background: url(gif/navContact.gif) top left no-repeat;
	display: block;
	border:0;
}

#navWeblog{
	margin: 0 20px 0 0;
	height: 34px;
	width: 92px;
	overflow: hidden;
	background: url(gif/navWeblog.gif) top left no-repeat;
	display: block;
	border:0;
}

#navHome{
	margin: 0 20px 0 0;
	height: 34px;
	width: 92px;
	overflow: hidden;
	background: url(gif/navHome.gif) top left no-repeat;
	display: block;
	border:0;
}
#navEtc{
	margin: 0 20px 0 0;
	height: 34px;
	width: 92px;
	overflow: hidden;
	background: url(gif/navEtc.gif) top left no-repeat;
	display: block;
	border:0;
}

#navAbout:hover, #navPortfolio:hover, #navContact:hover, #navWeblog:hover, #navHome:hover, #navEtc:hover {background-position: bottom left;}

#nav {
	list-style-type:none;
	float:right;
	margin-top:19px;
}


/* ---- LINKIES ---- */
a:link, a:visited, a:active {
	text-decoration: none;
	color: white;
	border-bottom: 1px dotted white;
}

a:hover {
	color: white;
	text-decoration: none;
	border:0;
}

.featureLink:link, .featureLink:visited, .featureLink:active{
	color: #CC8C8B;
	text-decoration: none;
}
.featureLink:hover{
	color: #FFFFFF;
	text-decoration:none;
}

.homeLink {
	float:right;
	border: 1px solid white;
}

/* ---- EXTRA ---- */
img {
	 border: 0px; 
}
.gone {
	text-decoration: line-through;
}