@charset "UTF-8";
/* CSS Document */




body{
	font: 14px/1.3em  Helvetica, Arial, sans-serif;
	color: #000000;
	margin: 0px 0px 0px 0px;
	background-image: url(../images/work-bg.jpg);
	position: absolute;
	background-position: 0px 0px;
	background-repeat: repeat-y;
	background-attachment: fixed;	
	}

.postHeader {
	font: 18px/0.9em Helvetica, Arial, sans-serif;
	color: #00B6C3;
	font-weight: bold;
	letter-spacing: -1pt;
	}

.postEmail {
	font: 13px "Courier New", Courier, monospace;
	color: #999999;
	font-style: italic;
	margin-left: 10px;
	}

.postTitle {
	font: 20px  Helvetica, Arial, sans-serif;
	color: #000000;
	font-weight: bold;
	letter-spacing: -1pt;
	}
	
.postDate {
	font: 11px  Helvetica, Arial, sans-serif;
	color: #999999;
	font-style: italic;
	}

#caperOnAlways {
	margin-left: -5px;
	padding-top: 5px;
	
	}

#wrap {
    margin:0px 0px 0px 0px;
    width:795px;
	text-align: left;
    }

#news {
	width: 480px;
	height:100%;
	margin-left: 0px;
	padding: 0px 0px 0px 0px;
	margin-top: 15px;
	float: right;
	display: inline;
	}

#work {
	width: 480px;
	height:100%;
	margin-left: 0px;
	padding: 0px 0px 0px 0px;
	margin-top: 15px;
	float: right;
	display: inline;
	}

#bn {
	border-top: 1px dotted #CCCCCC;
	padding-top:5px;
	padding-bottom: 40px;
	width: 100%;
	min-width:250px;
	text-align: right;
	margin-top: 20px;
	}


	
	/* NAVIGATION */
	
	
#side_nav {
	position: fixed;
	font: 11px  Helvetica, Arial, sans-serif;
	color: #999999;
	float:left;
	width: auto;
	height: auto;
	padding-top: 98px;
	margin: 0 0 0 0px;
	display: inline;
	}	


	
/* NAV-MENU */
	
.applemenu{
margin-left: 20px;
padding: 0;
width: 180px; /*width of menu*/
}

.applemenu div.menuSection a{
background: url() repeat-x center left;
font-weight: bold;
color:#E9E8D5;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding-left: 0px;
text-decoration: none;
}


.applemenu div.menuSection a:visited, .applemenu div.menuSection a:active{
color: #E9E8D5;
}


.applemenu div.selected a, .applemenu div.menuSection a:hover{
color: #00B6C3;
}


.applemenu div.submenu{ /*DIV that contains each sub menu*/
padding: 0px;
height: auto; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
list-style: none;
}	



#side_nav ul {
    margin: 0px 0 0 0px;
	list-style: none;
    }	

li.menuSection {
	color: #666666;
	font-weight: bold;
	padding-top: 0px;

		}	
		
li.menuSubsection {
	color: #999999;
		}	
		
ul {
	margin-left: 0; 
	padding-left: 0;
	}			


/* LINKS */	

a:active {
	color: #00B6C3;
	text-decoration: none;
}

a:link {
	color: #00B6C3;
	text-decoration: none;	
}

a:visited {
	color: #00B6C3;
	text-decoration: none;
}

a:hover {
	color: white;
	text-decoration: none;
	background-color: #00B6C3;
}	


/* Nav LINKS */

a.nav:active {
	color: #999999;
	text-decoration: none;
}

a.nav:link {
	color: #999999;
	text-decoration: none;	
}

a.nav:visited {
	color: #999999;
	text-decoration: none;
}

a.nav:hover {
	color: white;
	text-decoration: none;
	background-color: #00B6C3;
	padding-right:1px;
}	





/* PostTitle LINKS */	

/* normal */
a.pt:active, a.pt:link, a.pt:visited{
	color: #00B6C3;
	text-decoration: none;
}
a.pt:hover {
	color: white;
	text-decoration: none;
	background-color: #00B6C3;
}	
/* light blue - SemiPermanent Book 2009*/
a.pt_ltblue:active, a.pt_ltblue:link, a.pt_ltblue:visited{
	color: #00B6C3;
	text-decoration: none;
}
a.pt_ltblue:hover {
	color: white;
	text-decoration: none;
	background-color: #00B6C3;
}
/* light green - SCU faces*/
a.pt_ltgreen:active, a.pt_ltgreen:link, a.pt_ltgreen:visited{
	color: #75BA4E;
	text-decoration: none;
}
a.pt_ltgreen:hover {
	color: white;
	text-decoration: none;
	background-color: #00B6C3;
}		
/* dark orange - 3 skateboards */
a.pt_dkorange:active, a.pt_dkorange:link, a.pt_dkorange:visited{
	color: #D92C20;
	text-decoration: none;
}
a.pt_dkorange:hover {
	color: white;
	text-decoration: none;
	background-color: #00B6C3;
}
/* pink orange - Beardy with Hairball */
a.pt_pkorange:active, a.pt_pkorange:link, a.pt_pkorange:visited{
	color: #FF6424;
	text-decoration: none;
}
a.pt_pkorange:hover {
	color: white;
	text-decoration: none;
	background-color: #00B6C3;
}
/* orange - 2 Paintings */
a.pt_orange:active, a.pt_orange:link, a.pt_orange:visited{
	color: #F5A104;
	text-decoration: none;
}
a.pt_orange:hover {
	color: white;
	text-decoration: none;
	background-color: #00B6C3;
}	
/* black - MHP Lgo */
a.pt_black:active, a.pt_black:link, a.pt_black:visited{
	color: black;
	text-decoration: none;
}
a.pt_black:hover {
	color: white;
	text-decoration: none;
	background-color: #00B6C3;
}
/* light blue grey - Fish on a Semi */
a.pt_ltbluegrey:active, a.pt_ltbluegrey:link, a.pt_ltbluegrey:visited{
	color: #6E879E;
	text-decoration: none;
}
a.pt_ltbluegrey:hover {
	color: white;
	text-decoration: none;
	background-color: #00B6C3;
}
	
a.pt_nav:active, a.pt_nav:link, a.pt_nav:visited{
	font: 10px/1.3em  Helvetica, Arial, sans-serif;
	color: #00B6C3;
	text-decoration: none;
	font-weight: bold;
}
a.pt_nav:hover {
	font: 10px/1.3em  Helvetica, Arial, sans-serif;
	color: white;
	text-decoration: none;
	background-color: #00B6C3;	
	font-weight: bold;
	}										

/* BACK NEXT Links*/
a.bn_nav:active, a.bn_nav:link, a.bn_nav:visited{
	color: #666666;
	text-decoration: none;
	font: 20px  Helvetica, Arial, sans-serif;
	font-weight: bold;
	letter-spacing: -1pt;
	padding:  0px 3px 0px 2px;
	}
	
a.bn_nav:hover {
	color: white;
	text-decoration: none;
	background-color: #00B6C3;
}
	
	
/* PIC LINKS */	
a.news_pics:active {
	color: ;
	text-decoration: none;
}

a.news_pics:link {
	color: ;
	text-decoration: none;	
}

a.news_pics:visited {
	color: ;
	text-decoration: none;
}

a.news_pics:hover {
	color: white;
	text-decoration: none;
	background-color: #E9E8D5;
}	



/* IMAGES */

.postPic{
	padding-bottom: 5px;
	}	
	

/* DIV LINES */
	
	
#div_line_nav{
	border-top: 1px dotted #666666;
	margin-top: 3px;
	margin-bottom:3px;
	margin-left: 0;
	margin-right: 0;
	width: 145px;
	height: 1px;
	}	
	
#div_line_bn{
	border-top: 1px dotted #CCCCCC;
	margin-top: 5px;
	margin-bottom:5px;
	float: right;
	width: 480px;
	height: 1px;
	}				
	
#div_line_top{
	border-top: 1px dotted #CCCCCC;
	margin-top: 5px;
	margin-bottom:10px;
	float: right;
	width: 480px;
	height: 1px;
	}			
	
#div_line_news{
	border-top: 1px dotted #CCCCCC;
	margin-top: 10px;
	margin-bottom:10px;
	margin-right: auto;
	width: 480px;
	height: 1px;
	}		
	
#div_line_work{
	border-top: 1px dotted #CCCCCC;
	margin-top: 10px;
	margin-bottom:50px;
	margin-left: auto;
	margin-right: auto;
	width: 480px;
	height: 1px;
	}