/*ivan ortega style sheet*/

/* color palatte*/
/* #025bf8; base blue*/
/* #4e87ff; light blue*/
/* #0d82f3; mid blue*/
/* #030200; black blue*/


body {
    margin-top: 0px;    margin-left: 0px;
    //background: #025bf8;
    //background-color: #ec008c;  /*magenta*/
    color: #000000;
    //background-image: url(../ui/bg.png);
    //background-image: url(../ui/layout8.png);
    background-repeat: repeat-y;
    font-family:  Conduit-ITC, Verdana, Helvetica, Arial, sans-serif;
    font-size: .8em;
}

#wrapper {
	width: auto;
	//margin-left: auto;
    //width: 876px;
    background-repeat: no-repeat;
    background-image: url(../ui/header.png);
    align: center;
}

//--------------------------------------
#header {}
#header a {display:block; height: 153px; width:100px; float:left;} /*153px; or 186px;*/

#headNav {
    width: 750px;
    height: 79px;
    margin-right: 0px;
    float:right;
    background-image: url(../ui/head_nav_label.png);
    background-position: 0px 45px;
    background-repeat: no-repeat;
    //border: 1px #00aeef solid;
}

#sectionBG {

}

/*--------------------------------------*/
#hd_nav_Home a { display:block; width: 36px; height: 45px; margin-left:6px; float: right;
    background-image: url(../ui/hd_nav_parts.png);}
#hd_nav_Home a:hover { background-position: 0px 46px; }
#hd_nav_Home a:active { background-position: 0px 46px; }

#hd_nav_UI a { display:block; width: 120px; height: 45px; margin-left:6px; float:right;
    background-image: url(../ui/hd_nav_parts.png); background-position: -36px 0px;}
#hd_nav_UI a:hover { background-position: -36px 46px; }
#hd_nav_UI a:active { background-position: -36px 46px; }

#hd_nav_3D a { display:block; width: 120px; height: 45px; margin-left:6px; float:right;
    background-image: url(../ui/hd_nav_parts.png); background-position: -156px 0px;}
#hd_nav_3D a:hover { background-position: -156px 46px; }
#hd_nav_3D a:active { background-position: -156px 46px; }

#hd_nav_graphic a { display:block; width: 120px; height: 45px; margin-left:6px; float:right;
    background-image: url(../ui/hd_nav_parts.png); background-position: -275px 0px;}
#hd_nav_graphic a:hover { background-position: -275px 46px; }
#hd_nav_graphic a:active { background-position: -275px 46px; }

#hd_nav_about a { display:block; width: 120px; height: 45px; margin-left:6px; float:right;
    background-image: url(../ui/hd_nav_parts.png); background-position: -395px 0px;}
#hd_nav_about a:hover { background-position: -395px 46px; }
#hd_nav_about a:active { background-position: -395px 46px; }

#hd_nav_resume a { display:block; width: 120px; height: 45px; margin-left:6px; float:right;
    background-image: url(../ui/hd_nav_parts.png); background-position: -515px 0px;}
#hd_nav_resume a:hover { background-position: -515px 46px; }
#hd_nav_resume a:active { background-position: -515px 46px; }

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

#printonly {display: none;}

#mainContentTop{
    float: left;
    width: 660px; /*674 - 2 leftmargin = 6*/
    height: 10px;
    padding-left: 30px;
    //background-color: #acde85;
    //background-image: url(../ui/bg-contentTop.png);
    background-image: url(../ui/magenta.png);
    font-size: 1em;
}

#mainContent{
    //float: right;
    width: 500px; /*674 - 2 leftmargin = 6*/
    //padding-left: 100px;
    margin-left: 90px;
    //padding-left: 5px;  //should total 100 between margin+padding
    background-color: #e1f4fd;
    //background-image: url(../ui/bg-contentMid.png);
    //background-repeat: no-repeat;
    //background-attachment: fixed;
    background-image: url(../ui/blue.png);
    background-position: 0px 20px; 
    font-size: 1em;
}

.sectionTitleImg {
	//background-color: #ffffff;
	padding-left: 85px;
	//float: right;
}

#footer {
	background-image: url(../ui/footer.png);
	width: 816px;	height: 33px;
	padding-top: 0px;
}

#sideNav {
    float: left;
    width: 298px; 
}

.navButton {
    height: 58px;  //58 - 20 = 38
    //background-color: #3399FF;
    //background-image: url(../ui/button-wiki.png);
    background-image: url(../ui/bg-buttonStk.png);
    background-position: 0px -5px;
    background-repeat: no-repeat;
}

.nav { margin-left: +20px;}
a.nav:link {color: #000000; text-decoration: none;
font-family: Myriad Pro, Verdana, Helvetica, Arial, sans-serif;
font-size: 1.3em; font-weight: bold; }
a.nav:visited {color: #1c0000; text-decoration: none;
font-family: Myriad Pro, Verdana, Helvetica, Arial, sans-serif;
font-size: 1.3em; font-weight: bold; margin-left: +30px;}
a.nav:hover { color: #FFFFFF; /*background: #fd7113;*/ text-decoration: none;
font-family: Myriad Pro, Verdana, Helvetica, Arial, sans-serif;
font-size: 1.3em; font-weight: bold; margin-left: +30px;}


.anhr {
    margin-top:2px;
    margin-bottom:2px;
    width: 447px;
    padding-left: 5px;
    padding-right: 5px;
    margin: 4px;
    border-top: 1px #ffffff solid;
    height: 5px; 
}

.anhrmain {
    margin-top:2px;
    margin-bottom:2px;
    width: 430px;
    padding-left: 5px;
    padding-right: 5px;
    margin: 4px;
    border-top: 1px #ffffff solid;
    height: 5px; 
}

.copyright {
	width: 772px; /*876 - 95*/
	height: 40px;
	background-image: url(../ui/footer.png);
	//background-color: #ff0000;
	background-repeat: no-repeat;
    margin-bottom: 20px;
    padding-left: 104px;  /*95*/
    font-size: .85em;
    text-transform: uppercase;
    color: #ffffff;
    //color: #e1f4fd;
    //color: #00aeef;
    //border-top: 1px #ffffff dashed; 
}



a.c:link {color: #00aeef; }
a.c:visited {color: #00aeef; }
a.c:hover {color: #FFFFFF; background: #00aeef; }

a.cc:link {color: #00aeef; }
a.cc:visited {color: #00aeef; }
a.cc:hover {color: #FFFFFF; background: #00aeef; }


.photo { /*margin-left: -10px;*/ }

.photoPc { margin-left: 4px; /*padding-top: 4px;*/ }
.mbf-item { display: none; }

.textBlockForPics {
    width: 450px; /*314 +5 +5 +4 +4 = */
    float: left;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;  //originally 5
    padding-right: 5px;
    margin: 4px;
    //background-color: #ffffff;
    /*background-image: url(../ui/bg-row.png);*/
    text-decoration: none;
}

p.d {margin-top: -1em; padding-bottom: .8em;}

h1 {
    //color: #323232;
    font-family: Myriad Pro, Verdana, Helvetica, Arial, sans-serif;
    font-size: 1.4em; 
}

h2 {
    //color: #4d4d4d;
    //color: #efefef;
    font-family: Myriad Pro, Verdana, Helvetica, Arial, sans-serif;
    font-size: 1.3em; 
}

h3 {
    //color: #4d4d4d;
    font-family: Myriad Pro, Verdana, Helvetica, Arial, sans-serif;
    font-size: 1.1em; 
}


li {
    list-style: circle url(../ui/li-dot.png) outside;
    list-style-image: url(../ui/li-dot.png); 
}

li.sideNav {
	list-style: circle url(../ui/li-dot.png) outside;
	list-style-image: url(../ui/li-dot.png);
	font-size: .95em;
    margin-left: -10px; 
}


.cluster {width: 320px;
/*background-color: #FFaaFF;*/
margin-left: auto;
margin-right: auto; }

	
/* ====================== CONTENT CELS */
.cCelBig {background-color: #cfecff; width: 640px;
border-top: 2px #cfecff solid;
border-bottom: 2px #cfecff solid;
border-right: 2px #cfecff solid;
border-left: 2px #cfecff solid;}

.cCelSingle {
    width: 332px; /*314 +5 +5 +4 +4 = */
    float: left;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    margin: 4px;
    background-image: url(../ui/bg-row.png);
    text-decoration: none;
    border-top: 2px #fd7113 solid; }

.cCelDouble {
    width: 628px; /*640 -5 -5 -4 -4 = 628*/
    float: left;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    margin: 4px;
    background-image: url(../ui/bg-row.png);
    text-decoration: none;
    border-top: 2px #fd7113 solid; }

.cCelDTxt {float: left; width: 304px;/*310*/
margin-left:5px;
margin-right:5px;}

.cCelDTxtR {float: right; width: 304px;/*310*/
margin-left:5px;
margin-right:5px;}

.cCelDPict {float: left; width: 300px; /*220*/ 
margin-left:5px;
margin-right:5px;
margin-bottom: 10px;
}

.cCelPict {float: left; width: 320px; /*220*/}
.cCelPictTxt {float: left; width: 290px;/*270*/  padding-left:10px;}
p.cCelTxt {float: left; width: 290px;/*270*/  padding-left:10px;}
a.cCelTxt:link {color: inherit;
    text-decoration: none;}