/* CSS Document */

BODY { background-color:#424242;margin:0pt;font-family:'Arial'; font-size:1em; }
IMG {border:none;}
a:active { text-decoration:none;}

/* TEXT */
p{margin:0;padding:0;}
.pagetitle { font-family:'Arial'; font-size:35px;font-weight:bold;color: #ACC91A;}
.clear { clear:both; display:block; }

.title { font-size:.81em;color: #CCCC99;font-weight:bold;}
.title a:link { color: #CEF335; text-decoration:none;}
.title a:visited{ color:#CEF335; text-decoration:none;}
.title a:hover { color:#CEF335; text-decoration:none;}	
	
.maintext { font-size:0.78em;color:#B2D52F;}
.maintext a:link { color:#B2D52F; text-decoration:none;}
.maintext a:visited	{ color:#B2D52F; text-decoration:none;}
.maintext a:hover { color:#bfe336; text-decoration:none;}	

.cvtext { font-size:0.78em;color: #C1C7AD;}
.cvtext a:link { color:#C1C7AD; text-decoration:none;}
.cvtext a:visited	{ color:#C1C7AD; text-decoration:none;}
.cvtext a:hover { color:#CEF335; text-decoration:none;}	

.d_header {font-size:0.78em;font-family:arial;color: #C1C7AD;}
	
.description { font-size:12px;font-family:georgia;color: #acb28d;}
.description a:link { color:#9ebe3b; text-decoration:none;}
.description a:visited	{ color:#9ebe3b; text-decoration:none;}
.description a:hover { color: #B4E02C; text-decoration:none;}	

.title_portfolio { font:normal 1.75em Arial;color:#B2D52F;}

.highlight { font-size: .78em;color: #CCCCCC; text-decoration: none; }
.highlight A {color: #a63; }
.highlight A:link { text-decoration: none; color: #f30; }
.highlight A:hover { text-decoration: none; color: #666; background-color: #F30 }

.close{ font:bold 10px arial; text-transform:uppercase; background:#B2C264; padding:3px 100px; }
.description a.close {color:#424242;}
a.close:hover {background:#B2D52F;}


/*dropping a line*/
input#dropbttn { background:#B2C264; border:none;font:bold 12px arial; color: #424242;padding:5px; width:100%;margin-top:10px; text-transform:uppercase;}
input#dropbttn:hover { background:#B2D52F;}
textarea { background-color: #454545; border: thin solid #565656; color: #B2C264;font:normal 11px georgia;}


/*left nav style*/
#leftnav ul, #photonav ul{color:#C1C7AD;font-size:.78em;padding:8px 0;margin:0;}
#leftnav li, #leftnav li a, #photonav li, #photonav li a {list-style:none;font-size:.9em;	color: #B2D52F;text-decoration:none;padding:2px;}
#leftnav li a:visited, #photonav li a:visited{ color: #aabc66; text-decoration:none;}
#leftnav li a:hover, #photonav li a:hover { color:#cbf042; text-decoration:none;}	
#photonav li{ display:inline;}

/* DIV */
#intro {}	
#portfolio { position: absolute;top:120px;left:571px;z-index: 1; }
#nav_divide { height:1px;border-top:1px solid #B4E02C;border-bottom:1px solid #676767;background-color:#010101;display:block;}
.nav{ float:left;display:inline; font:normal 12px arial;}	
.nav a, .nav a:visited { color: #B2D52F; text-decoration:none;padding: 5px 25px; }
.nav a:hover, .nav a:active { color:#424242; background-color:#b2d52f; text-decoration:none;padding: 5px 25px; }
.pg_title img{ padding:5px 0 10px 0;}
#nav_container{ width:100%;margin:0;padding:0;height:39px;display:block;}
#leftnav{ margin:0 15px 10px 40px;float:left;width:20em;padding:0 10px 50px 0;}
#content{float:left;display:inline;width:40em;padding:0 0 15px 0;}
#photo, #art, #web{padding-top:10px; padding-bottom:40px;}

/*photo nav*/
#photonav ul li{float:left; width:95px; height:110px;}
#photonav ul li img{background:#565656; padding:3px;margin-top:4px;}

/*web portfolio*/
#main_container p.description{padding:15px 42px; width:600px;}
.safari { background:transparent url(http://www.jadieoh.com/images/safari670_t.png) no-repeat;width:670px;}
.webadd{ position:relative;top:23px;left:123px;}
.webcontent{ position:relative;top:28px;width:670px;index:1; background:transparent url(http://www.jadieoh.com/images/safari670_m.png) repeat-y; padding-left:11px;}
.safari_end{ position:relative;top:28px;background:transparent url(http://www.jadieoh.com/images/safari670_b.png) no-repeat;height:30px;}
.web_b .description, .art_b .description {float:left; width:20em; padding-right:1em;}

/*resume*/
#resume {text-align:left;}
#footer{position:fixed;bottom:0;padding:3px 40px;background:#b4e02c;display:block;width:100%; }
#footer .contact, #footer .contact a{color:#424242;text-decoration: none; font-family:arial; font-size:.88em;}
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}



/* JAVASCRIPT:MOOTOOLS */

/*ACCORDION and SLIDE*/
#main_container a {
	text-decoration:none;
}

.toggler, .art_t, .web_t {
	background: #4f4f4f;
	border-bottom: 1px solid #424242;
	border-top: 1px solid #424242;
}	

.art_t, .web_t {
	padding: 3px 28px 3px 37px;
}

.art_t .description, .web_t .description {
	padding-left:15px;
}

.toggler, .toggler a, .art_t, .art_t a, .web_t, .web_t a {
	color: #B2D52F;/*C1C7AD*/
	margin: 0;
	font-size: 13px;
	font-weight: normal;
	font-family: 'Arial', sans-serif;
	text-decoration:none;
}

.toggler:hover, .toggler a:hover, .art_t a:hover, .web_t a:hover{
	color: #cbf042;
}

.art_t:hover, .web_t:hover, .art_t a:hover, .web_t a:hover{
	background: #585858;
}	
 
div.element.atStart, div.art_b, div.web_b {
	padding:10px 40px;
}
 
.element p {
	margin: 0;
	padding: 4px;
}
 
h3.category { color:#C1C7AD;padding:0 38px;font:400 12px Arial; background:#424242;margin:5px;}