/* ------------------------- */
/* --- Standard Formatting --- */
/* ------------------------- */

body {
	background-color:#000;
	background-image:url('../images/background.jpg');
	background-attachment:fixed;
	margin:0px 0px;
	padding:0px;
}

#content {
	display:block;
	float:left;
	color:#662222;
	margin:0px auto;
	width: 70%
}

img {
	border: 0
}

.center {
	margin:0px auto
}

p {
	font-family:Times, serif, Helvetica, Arial, "sans serif";
	font-size:1.2em;
	padding-left:20px;
	padding-right:20px;
	text-align:left
}

/* removing default underline from links */
A {	
	color:#6699cc;
	text-decoration:none
}

/* hover for standard links */
A:hover {
	text-decoration:underline
}

.standardital {
	font-family:Times, serif, Helvetica, Arial, "sans serif";
	font-size:1em;
	font-style: italic
}

.standardemph {
	font-family:Times, serif, Helvetica, Arial, "sans serif";
	font-size:1em;
	font-weight: bold
}

.cleft {
	clear:left
}

.cright {
	clear:right
}

input {
	background-color:#f0fafd
}

textarea {
	background-color:#f0fafd
}

#leftcol {
	width:150px;
	position:fixed; 
	top:0px; 
	left:10px;
	z-index:1
}

#rightcol {
	width:137px;
	text-align:right;
	padding-right:10px;
	position:fixed; 
	top:0px; 
	right:10px;
}

.colcontent {
	padding-top:60px
}

#content h1 {
	color:#996666;
	text-align:center;
	padding:0px;
	margin:0px;
	line-height:1em;
	font-size:5em
}

#content h2 {
	color:#6699cc;
	text-align:center
}

/* -------------------- */
/*  ---- leftcol  Section --- */
/* -------------------- */

#leftcol a {
	position:relative;
	top:60px;
	left:0px;
	display:block;
	background-image:url(../images/shim.gif);
	background-repeat:no-repeat;
	width:150px;
	height:220px;
}

#contact #leftcol a {
	background-image:url(../images/leftcol/conlogo.png);
}

#about #leftcol a {
	background-image:url(../images/leftcol/ablogo.png);
}

#folio #leftcol a {
	background-image:url(../images/leftcol/portlogo.png);
}

/* -------------------- */
/*  ---- Menu Section --- */
/* -------------------- */

/* making sure links in rounded menu are unobtrusive until hovered over */
A.menu {
	color:#000
}

/* hover for rounded menu bar links */
A.menu:hover {
	background-color: #6699cc; 
	-moz-border-radius: 20px; 
	-webkit-border-radius: 20px;
	padding-top:7px;
	padding-bottom:5px;
	text-decoration:none;
	color:#fff
}

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

#header {
	background-image:url('../images/header/background.png');
	background-repeat:repeat-x;
	margin:0px auto;
	position:fixed;
	top:0px;
	left:0px;
	width:100%; 
	height:50px;
	text-align:center
}

#header br {
	clear:both
}

#header ul {
	margin:0px;
	padding-top:2px;
	list-style-type:none
}

#header li {
  display: inline;
  padding-left: 20px;
  padding-right: 20px;
  border-right: 1px solid #066;
  }

#header li.last {
  display: inline;
  padding-left: 20px;
  padding-right: 3px;
  border-right: 0px;
  } 

#header a {
	color:#747c91
}

#header a:hover {
	color:#5dade0;
	text-decoration:none
}

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

.footer {
	background-image:url('../images/footer/background.png');
	background-repeat:repeat-x;
	position:fixed;
	bottom:0px;
	left:0px;
	margin:0px auto;
	width:100%; 
	text-align:center;
	height:50px;
}

.motto {
	font-family:Times, serif, Helvetica, Arial, "sans serif";
	color:#999;
	font-size:1.3em;
	letter-spacing:3px
}

.credits {
	padding-top:30px;
	font-family:Times, serif, Helvetica, Arial, "sans serif";
	font-size:.8em;
	text-align:center
}

/* -------------------------- */
/* --- Contact formatting --- */
/* -------------------------- */

#contact {
	width:650px;
	border: solid 1px #000;
	padding:20px
}

/* -------------------------------- */
/* ---- Portfolio Image formatting ----- */
/* -------------------------------- */

.portfolioimage {
	position: relative;
	float:right;
	padding: 10px;
}

.portback {
	position:fixed; 
	top:0px; 
	left:0px;
	opacity:0.4; 
	filter:alpha(opacity=40); 
	z-index:2
}

/* ---------------------------------- */
/* ---- Portfolio  Content formatting ---- */
/* ---------------------------------- */

#portfolio {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	width:700px
}
/* rounded border for portfolio page for those browsers that support them */
#portfolio #portcontent {
	background-color: #666; 
	-moz-border-radius: 20px; 
	-webkit-border-radius: 20px; 
	border: 2px solid #662222; 
	overflow:auto;
	height:100%;
	padding:10px
}

#enlarge {
	background-color: #f0fafd; 
	-moz-border-radius: 20px; 
	-webkit-border-radius: 20px; 
	border: 2px solid #000; 
	overflow:auto;
	height:100%;
	padding:10px;
	width:300px
}

#portcontent {
	text-align:left;
	padding:2px
	font-family:Times, serif, Helvetica, Arial, "sans serif";
	font-size:.8em;
}

#portcontent hr {
	border:0;
	height:1px;
	width:95%;
	color:#000;
	background-color:#000
}

/* -------------------------------- */
/* ---- Portfolio  Icons formatting ---- */
/* -------------------------------- */

#portfolio a {
	display: inline;
	height: 15px;
}

#portfolio div div span {
	font-weight:bold
}

#portfolio #thumb a {
	background-image: url(../images/portfolio/icons/thumb.gif);
	background-repeat:repeat-y;
	float:right;
	padding-left:5px;
	background-position: 0px 0px;
	width: 15px;
}

#portfolio #thumb a:hover {
	float:right;
	background-repeat:repeat-y;
	padding-left:5px;
	background-position: 0px 15px;
}

#portfolio #desc a {
	background-image: url(../images/portfolio/icons/desc.gif);
	background-repeat:repeat-y;
	float:right;
	padding-left:5px;
	background-position: 0px 0px;
	width: 15px;
}

#portfolio #desc a:hover {
	background-repeat:repeat-y;
	float:right;
	padding-left:5px;
	background-position: 0px 15px;
}

#portfolio #large a {
	background-image: url(../images/portfolio/icons/large.gif);
	background-repeat:repeat-y;
	float:right;
	padding-left:5px;
	background-position: 0px 0px;
	width: 15px;
}

#portfolio #large a:hover {
	background-repeat:repeat-y;
	float:right;
	padding-left:5px;
	background-position: 0px 15px;
}

#portfolio #play a {
	background-image: url(../images/portfolio/icons/play.gif);
	background-repeat:repeat-y;
	float:right;
	padding-left:5px;
	background-position: 0px 0px;
	width: 15px;
}

#portfolio #play a:hover {
	background-repeat:repeat-y;
	float:right;
	padding-left:5px;
	background-position: 0px 15px;
}

#enlarge #arleft a {
	float:left;
	background-image: url(../images/portfolio/icons/arleft.gif);
	background-repeat:repeat-y;
	background-position: 0px 0px;
	width: 15px;
}

#enlarge #arleft a:hover {
	float:left;
	background-repeat:repeat-y;
	background-position: 0px 15px;
}

#enlarge #arright a {
	float:right;
	background-image: url(../images/portfolio/icons/arright.gif);
	background-repeat:repeat-y;
	background-position: 0px 0px;
	width: 15px;
}

#enlarge #arright a:hover {
	float:right;
	background-repeat:repeat-y;
	background-position: 0px 15px;
}