body{ background:#1b1b1b; }
#wrapper{ background:#1b1b1b; }
#hd{ background:#111 url(../images/hd_bg.gif) repeat-x left bottom; border-bottom:3px solid #212121 }
#ft{ background:#111 url(../images/theme-black/ft_bg.gif) repeat-x left top; border-top:3px solid #212121; border-bottom:1px solid #212121 }
#bd{ background:#111; border-top:10px solid #212121; border-bottom:10px solid #212121;}
	
/* Common elements */
body{ color:#999;}
a{ color:#1eafe6; background:url(../images/dot_blue.gif) repeat-x left bottom;}
a:hover{ color:#fff; background-color:#1eafe6; }
.txt_sub{ color:#555}
input, textarea{ border:2px solid #242424; background-color:#000; color:#aaa}
input:hover, textarea:hover{ border-color:#2f2f2f; background-color:#060606}
input:focus, textarea:focus{ border-color:#3b3b3b; background-color:#111111}

/* Logo */
.logo{
	background:url(../images/theme-black/logo_hagin.gif) no-repeat left center;
}

/* Navigator */
a#nav-about img		{ background:url(../images/theme-black/nav_aboutme.gif) no-repeat 0 0;}
a#nav-service img	{ background:url(../images/theme-black/nav_services.gif) no-repeat 0 0;}
a#nav-portfolio img	{ background:url(../images/theme-black/nav_portfolio.gif) no-repeat 0 0;}
a#nav-contact img	{ background:url(../images/theme-black/nav_contact.gif) no-repeat 0 0;}
.lavaLampWithImage li.back 		{ background: url(../images/theme-black/lava.gif) no-repeat right -30px;}
.lavaLampWithImage li.back .left{ background: url(../images/theme-black/lava.gif) no-repeat left 0;}

/* Contact */
.hagin-contact .a, .hagin-contact .b{ background:url(../images/theme-black/ser_track.gif) no-repeat 206px top;}
.hagin-contact .require		{ border-right-color:#666666}
.hagin-contact .error_frm	{ border-right-color:red}
.hagin-contact .ok_frm		{ border-right-color:#6a9bb7}
.txt_contactinfo{ background-image:url(../images/theme-black/txt_contactinfo.gif)}
#overlay{ background:#000;}
#contactSend{
	color:#fff;
	background:#000;
	border-top:3px solid #111;
	border-bottom:3px solid #111;
}

/* Portfolio gallery */
.imageFlow .text{ color: #FFF;}
.imageFlow .top { background: #181818;}
/*.imageFlow 		{ background: #000;}   26-09 remove bg */
.arrow-left{ background:url(../images/sl.gif) no-repeat 0 0}
.arrow-right{ background:url(../images/sr.gif) no-repeat 0 0}
.imageFlow .link{ margin-bottom:-1px; margin-left:-1px; border: solid #6a9bb7 1px;}
/*.imageFlow .text{ background:url(../images/theme-black/b25.png) repeat;}     26-09 remove black overlay on description */
.imageFlow .legend { color:#ccc; }
ul#sliding-navigation li.sliding-element a{	color: #999; background:url(../images/theme-black/por_menu.gif) no-repeat right top;}
ul#sliding-navigation li.sliding-element a.active{ color:#eee; font-weight:700}
ul#sliding-navigation li.sliding-element a:hover { color:white/*#1eafe6;*/}
.p2009{ color:#1eafe6}
.p2008{ color:#14799f;}
.p2007{ color:#0e516a;}

/*** Lasted work ***/
.lastedWork{
	background:#212121;
	border-left:1px solid #000;
	border-right:1px solid #000;
}
.lastedWork a{	border:4px solid #272727;}
.lastedWork a:hover{border:4px solid #000}
.lastedWork a span{	background:#000;}

/*** Intro ***/
#v{	background: #656565;}
#h{	border-top:1px solid #656565;}
.introPix{ border: 5px solid #444444;}
.mystyle2 {	color:#ffffff;}
.loadintro_l{ background:url(../images/theme-black/load_intro_l.gif) no-repeat 0 0}
.loadintro	{ background:url(../images/theme-black/load_intro.gif) no-repeat 0 0}

/*** hagin home ***/
.hagin-home h1{	color:#bbb;}
.lastedWork img.txt_lastwork{ background:url(../images/theme-black/txt_lastedwork.gif) no-repeat}

/*** Services ***/
#hagin-service{ /*background:url(../images/ser_track.gif) no-repeat 200px -2px;*/ background:url(../images/theme-black/ser_bg.jpg) no-repeat 5px 40px;}
.txt_myservice{ background-image:url(../images/theme-black/txt_myservice.gif)}
#hagin-service h2{ color:#FFFFFF; }
.ser_opt .opt_psd2html h3{ border-bottom:1px dashed #333; background-color:#151515;}
.ser_dragbar .jScrollPaneTrack	{ background:url(../images/theme-black/ser_track.gif) no-repeat 6px -2px;}
.ser_dragbar .jScrollPaneDrag 	{ background: url(../images/theme-black/ser_drag_middle.gif) repeat-y 0 0;}
.ser_dragbar .jScrollPaneDragTop{ background: url(../images/theme-black/ser_drag_top.gif) no-repeat 0 0;}
.ser_dragbar .jScrollPaneDragBottom{background: url(../images/theme-black/ser_drag_bottom.gif) no-repeat 0 bottom; }
.ser_opt .jScrollPaneTrack	{ background:url(../images/theme-black/ser_track.gif) no-repeat 6px -2px;}
.ser_opt .jScrollPaneDrag 	{ background: url(../images/theme-black/ser_drag_middle.gif) repeat-y 0 0;}
.ser_opt .jScrollPaneDragTop{ background: url(../images/theme-black/ser_drag_top.gif) no-repeat 0 0; }
.ser_opt .jScrollPaneDragBottom{ background: url(../images/theme-black/ser_drag_bottom.gif) no-repeat 0 bottom;}
.ser_mine{ background:url(../images/theme-black/ser_track.gif) no-repeat right -2px;}

/*** About ***/
.holder .top	{ background:url(../images/theme-black/about_skill_top.png) repeat-x;}
.holder .bottom	{ background:url(../images/theme-black/about_skill_bottom.png) repeat-x;}
.me				{ background:url(../images/theme-black/me_b.gif) no-repeat 0 bottom;}
.holder .timeline{color:#999;}
.holder .timeline span{ color:#777; }
.about_contact{  background:url(../images/theme-black/blast2_02_bg.jpg) no-repeat; }
.wing_r		{ background:url(../images/theme-black/wing_r.gif) no-repeat 23px 0;}
.mysite_ss	{ background:url(../images/theme-black/aboutsite.jpg) no-repeat}
#about_blast{ background:url(../images/theme-black/blast_02_bg.jpg) no-repeat 0 0;}
#aboutMenu_me{background:url(../images/theme-black/badges_aboutme.jpg) no-repeat 0 0;}
.about_skill li	{ border-bottom:1px dotted #333}
.skillTip{
	border: 3px solid #212121;
	background-color: #1b1b1b;
	color: #aaa;
}
.icon_ie6	{ background:url(../images/theme-black/icon_ie6.gif) no-repeat 0 0}
.icon_ie7	{ background:url(../images/theme-black/icon_ie7.gif) no-repeat 0 0}
.icon_ff	{ background:url(../images/theme-black/icon_ff.gif) no-repeat 0 0}
.icon_chrome{ background:url(../images/theme-black/icon_chrome.gif) no-repeat 0 0}
.icon_opera	{ background:url(../images/theme-black/icon_opera.gif) no-repeat 0 0}
.icon_safari{ background:url(../images/theme-black/icon_safari.gif) no-repeat 0 0}
.osX .jScrollPaneTrack	{ background:url(../images/theme-black/gin_track.gif) repeat-y;}
.osX .jScrollPaneDrag 	{ background: url(../images/theme-black/gin_drag_middle.gif) repeat-y;}
.osX .jScrollPaneDragTop {background: url(../images/theme-black/gin_drag_top.gif) no-repeat;}
.osX .jScrollPaneDragBottom{background: url(../images/theme-black/gin_drag_bottom.gif) no-repeat;}
.osX a.jScrollArrowUp 	{ background: url(../images/theme-black/gin_arrow_up.gif) no-repeat 0 -30px;}
.osX a.jScrollArrowDown { background: url(../images/theme-black/gin_arrow_down.gif) no-repeat 0 -30px;}