/* 
	Contents of this file are property of MYROCK LLC, www.myrock.net

	Note to self: Paths of images are relative to the location of the CSS file 

*/
* { padding: 0; margin: 0; } select { min-width:1.5em } 
p { margin: 0 0 1em 0; } form { display:inline; }
body { background-image:url('images/myrock2009bkgrnd.gif'); }
body,table { 
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	font-size:12pt;
	color:#55080e; /* text color */ 
	font-weight:normal;
	/*letter-spacing:1px;*/
	text-align:center; 
}
.medium { font-size: 11pt; }
.small { font-size:10pt; }

a:link    { color: #333399; }    /* unvisited links */
a:visited { color: #333366; }   /* visited links   */
a:hover   { color: #CC3333; } /* user hovers      - see other hovers below (for portfolio, etc) */
a:active  { color: #CC3333; }   /* active links    */
/* Lists */
ul { margin-top: 0; margin-bottom: 0; margin-left: 2px; padding-left: 1em; list-style-type: disc; }
ol { margin-top: 0; margin-bottom: 0; margin-left: 2px; padding-left: 1em; list-style-type: disc; } /* decimal type - cuts off in IE, so set as bullets */
li { list-style-position: outside; list-style-type: disc; list-style-image: none; margin-bottom: 2px; font-weight:normal; }

/* Logo and menu */
#myrocknetlogo { background-image:url('images/myrock0110_01.gif'); background-repeat:no-repeat; height:99px; width:950px; background-position: center; margin:0 auto 0 auto; } /* also need to set miroca ver. in header */
#menuwrapper { width:860px; height:99px; overflow:hidden; margin:0 auto 0 auto;  }
#menuleft { width:200px; height:99px; float:left; } /* menuleft + menu = menuwrapper width of 860 w/ spacing for floats */
#menu { float:right; margin:0 auto 0 auto; width:650px; padding-top:42px; text-align:right; 
	font-family:Arial,Helvetica,sans-serif; /* w/o Tahoma */
}
#menu span { padding-left:25px; }
#menu a { color:#FEFEFE;  text-decoration:none; }
#menu a:hover { text-decoration:underline; }

.menuon { font-weight:bold; }
.privandtermsrevsndt { color: #CDB4AD; } /* match footer div - privacy and terms revision date.*/
#footer { margin:0 auto 0 auto; width:950px; font-size:10px; color: #7b7b7b; padding-top:34px; } 
#footer div { width:745px; overflow:hidden; height:1.25em;} /* 721 wh cntn bx + 12px ea side */
#footer a { color: #7b7b7b; } 
#footer .menuon { font-weight:normal !important; color: #CC3333; }  /* "unbold" selected menu in footer area */
/* .footonprintinblack - used by print css */


/* Content area */
#contenttop { background-image:url('images/myrock0110_02.gif'); background-repeat:no-repeat;
	height:29px; width:950px; background-position:center; margin:0 auto 0 auto; 
}
#contentareatop { background-image:url('images/myrock0110_03.gif'); background-repeat:no-repeat;
	width:950px; background-position:top center; margin:0 auto 0 auto;  
	/*border:5px solid red;*/
}
#contentareabttm { background-image:url('images/myrock0110_05.gif'); background-repeat:no-repeat;
	width:950px; background-position:bottom center; margin:0 auto 0 auto;  
	/*border:5px solid black;*/
}
#contentarea { 
	background-image:url('images/myrock0110_04.gif'); 
	background-repeat:repeat-y; width:950px; background-position:top center; margin:0 auto 0 auto;  
	/*border:5px solid blue;*/
} /* allows site to be taller if need be */
#contentminheight { float:right; height:402px; width:1px; /*border:1px solid brown;*/} /* set min height */
#content { padding:0 11px 0 45px; text-align:left; /*border:5px solid purple;*/ } /* L=37+8=45 [max 670-8-8=654; R=12-1 (excl strk ln) */
#contentbottom { background-image:url('images/myrock0110_06.gif'); background-repeat:no-repeat;
	height:46px; width:950px; background-position:center top; margin:0 auto 0 auto; 
	/*border:5px solid green;*/
}
/*h1 { color:black; font-size:18pt; margin:0; padding:0;  }  not used b/c it leaves space at top of site (was used for alt image). */
h2 { 
	font-family:Arial,Helvetica,sans-serif;
	color:#99151c; font-size:18px; margin:0; padding:0 0 .5em 0; font-style:italic; 
}

/* Total content area is 860px */
#colone {
	float:left;
	width:654px; /* 670-8-8 padding. IF USING OVERFLOW DIV instead: Change w/inner div to approx -20 for scroll(?) - overflow:auto Also specified for home page recent image. */
}
#contacttable td { vertical-align: top; text-align:left; padding:0 0 8px 10px; }

/* Project icons */
#projectswrap { float:right; width:196px; text-align:center; }
#projects { width:176px; overflow:hidden; margin:0 auto 0 auto; text-align:left;  }
#projects table { width:176px; } /* matches above width */
#projects td { width:88px; padding-bottom:8px; vertical-align:top; } /* must be even; x/3 */
#projects div { width:85px; height:66px; font-size:7pt; text-align:left; 
	background-image:url('images/myrock0110prtfbkovr.gif'); /* darken image */
	background-repeat:no-repeat;
} /* divs that have PA in them */
#projects .pn { height:28px; overflow:hidden; } /* project name */
.paSel img { 
	/*margin:1px 0 0 1px;*/
	border:1px solid #6A161D;
}
.pa img {
	margin:1px 0 0 1px;
	
	/*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);*/ 	/* IE <8 */
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=70)";*/ /* IE 8 */
	/*-moz-opacity: 0.7;*/ 			 /* Firefox; Mozilla */
	/*opacity:0.7; filter: alpha(opacity=70);	*/	/* Safari */
	
	/* not used: */
	/*zoom:1;*/ /* to fix possible IE css display bugs */
	/*filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);*/
	/*border:1px solid #CDB4AD;*/
}
.pa:hover img { /* hover of elements other than links doesn't seem to work in IE 6 */
	/*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);*/ 	/* IE <8 */
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";*/ /* IE 8 */
	/*-moz-opacity: 1; */			 /* Firefox; Mozilla */
	/*opacity:1; filter: alpha(opacity=100);*/		/* Safari */
	
	/* not used: */
	/*zoom:1;*/ /* to fix possible IE css display bugs */
	/*filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);*/
	/*border:1px solid #C52837;*/
}
#projects div:hover  {
	background-image:url('images/myrock0110prtfbkovrshdw.gif'); /* for fake drop shadow */
	background-repeat:no-repeat;
}
.paSel { /* match above div hover so it doesn't show */
	background-image:url('images/myrock0110prtfbkovrshdw.gif') !important; /* for fake drop shadow */
	background-repeat:no-repeat;
	/* background:transparent url('.png') no-repeat 0 0; */
}

#paNxtPrv {
	position:absolute;
	margin-top:365px; /* 375 img height minus height of arrows */
	width:654px; /* matches content width 654 */
	text-align:right;
	/*border:1px solid red;*/
}


#pimg { border:1px solid #DEDDB9; } /* used on portfolio and home page */
/* Home Page */
.homepageintro { color:#771017;font-weight:normal; } /* font is set for body: Tahoma */
.homepintropic { border:1px solid #DEDDB9; }
#hmrcntdezpic { width:325px;float:left; }
#hmrcntdezdesc { } /* used by print css */

/* Projects */
.projecticonrecent { float:left; margin:2px 5px 5px 0; }
.projecticonrecent img { border:1px solid #CDB4AD; }
.projdate { float:right;font-weight:normal;font-size:9pt; color:black; padding-top:1px; }
.prnxtoff { font-weight:normal; color:gray; }

.projectstatus { color: #CC4E54; }
.contentpic { float:right; margin:0 0 10px 10px; }
.flagpic { float:right; margin:0 0 2px 15px; }