/* CSS Document */

/*-------
// global reset
//-----*/
* { margin:0px; padding:0px}
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }


/*-------
// general
//-----*/

html { font-size: 100.01%; }
body { font-size: 62.5%; line-height:1.2em; }
input, select, textarea { font-size: 100%; }

input.text, textarea { padding: 2px 3px; font-family: Verdana, sans-serif; }
.submit { cursor/**/: /**/pointer; }
select > option { padding: 0 5px 0 3px; }

.ul, .ol { margin: 0 0 1em 2em; }
.ul li, .ol li { margin: .2em 0; padding: 0; }

.flR { float: right; }
.flL { float: left; }
.alR { text-align: right; }
.alC { text-align: center; }
.vlT {vertical-align:top;}
.vlB {vertical-align:bottom;}

.hide { display: none; }
.clear { clear: both; height:1px; line-height:1px; }

.ir { position: relative; overflow: hidden; }
.ir span { position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-indent: -1000em; }

a:link, a:visited { text-decoration: none; cursor/**/: /**/pointer; }
a:link:hover, a:visited:hover { text-decoration: underline; }
a.inv:link, a.inv:visited { text-decoration: underline; }
a.inv:link:hover, a.inv:visited:hover { text-decoration: none; }

.cols { overflow: hidden; margin: 0; }
.cols .col { float: left; width: 50%; }
#page .cols .last { margin-right: 0; }

.clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/*-------
// Globals
//-----*/

body { 
	font-family:Arial, Helvetica, sans-serif; color:#7e7e7e; 
	background: #171717 url(../images/bgbody-v.gif) repeat-y 100% top;
}

/*-------
// Page Layout
//-----*/

/*-----wrapper-----*/
div.wrapper { padding:0 40px 0 40px; width:882px; margin:0 auto; }

/*-----container-----*/
div#container { font-size:110%;  }

/*-----header-----*/
div#header { background:url(../images/header/header-bg.jpg) repeat-x; height:349px; padding-top:20px;  }


/*-----navigation-----*/
div#navigation  { padding-top:18px; overflow:hidden; }

/*-----content-----*/
div#content {  padding:0px 0 0px; overflow:hidden; width:876px; margin: auto; }
div#content div.wrapper { padding:0 50px 0 82px; }

/*-----sidebar-----*/
div#sidebar {  width:190px; background:#1A2329; padding-top:10px; line-height:15px;}

/*-----main-----*/
div#main { width:630px; padding-top:10px; padding-bottom:20px; padding-left: 14px;  }

div.wrap { background: url('../images/content/content_bg.jpg') repeat-y scroll -85px top; overflow:hidden; _float: left;}

/*-----footer-----*/
div#footer { border-top:#716f64 solid 1px; padding:15px 0 100px; background: #171717; }



/*-------
// common page content
//-------*/

/*-----header-----*/
div#header div.top { width:100%; overflow:hidden; }
div#header div.logo h1 a{ background:url(../images/header/logo.png) no-repeat top left; width:196px; height:74px; display:block; }
div#header div.ticker { background:url(../images/header/ticker-bg.gif) repeat-x; height:24px; width:655px; padding:0 0 0 18px;  }
div#header div.ticker p { font-size:110%; color:#ffffff; line-height:1.9em; }
div#header div.ticker a {  font-size:120%; color:#ffffff; margin-right:12px; line-height:1.5em; }

div#header div.contact-details { margin-top:70px; }
div#header div.contact-details p{  font-size:170%; color:#FFFFFF; line-height:1.4em; font-family:/*"Agency FB",*/Helvetica, Arial, sans-serif; }
div#header div.contact-details p a { margin-left:10px; }
div#header div.contact-details p a img{ border:none; }

div#header div.top div.hire { padding-right:30px; margin-top:5px; }
div#header div.top div.hire a { display:block; }
div#header div.top div.hire a img{ border:none; }

/*-----banner-----*/
div#banner img { vertical-align:bottom; }


/*-----navigation-----*/
div#navigation ul{ }
div#navigation ul li { margin-right:3px; float:left; }
div#navigation ul li a { display:block; float:left; }
div#navigation ul li#experience-tab a { background:url(../images/header/experience.gif) bottom left no-repeat; width:111px; height:32px; display:block; float:left;  }
div#navigation ul li#gallery-tab  a { background:url(../images/header/artgallery.gif) bottom left no-repeat; width:117px; height:32px; display:block; float:left; }
div#navigation ul li#blog-tab a { background:url(../images/header/blog.gif) bottom left no-repeat; width:75px; height:32px; display:block; float:left; }

div#navigation ul li#experience-tab.active a, div#navigation ul li#experience-tab:hover a { background:url(../images/header/experience-active.gif) bottom left no-repeat; }
div#navigation ul li#gallery-tab.active a, div#navigation ul li#gallery-tab:hover a { background:url(../images/header/artgallery-active.gif) bottom left no-repeat; }
div#navigation ul li#blog-tab.active a, div#navigation ul li#blog-tab:hover a { background:url(../images/header/blog-active.gif) bottom left no-repeat; }


/*-----main-----*/
div#main h3.summary { background:url(../images/content/summary.gif) no-repeat top left; width:80px; height:26px; }
div#main p { line-height:1.4em; margin-bottom:5px; }
div#main div.section { padding:30px 45px 0px 30px; border-bottom:dotted #7e7e7e 1px; }
div#main div.section img { border-top:#719BB6 solid 2px; }
div#main div.section:hover { background-color:#1a2329; min-height:1%; }
div#main div.section h3.creative-director { background:url(../images/content/creative-director.png) no-repeat top left; width:536px; height:24px; }
div#main div.section h3.dark-hours { background:url(../images/content/manager-online-media_design.png) no-repeat top left; width:475px; height:25px; }
div#main div.section h3.independent-contractor { background:url(../images/content/independent-contractor.png) no-repeat top left; width:179px; height:25px; }
div#main div.section h3.multimedia-professor{ background:url(../images/content/multimedia-professor.png) no-repeat top left; width:274px; height:25px; }
div#main div.section h3.designer-webmaster{ background:url(../images/content/creative-designer-webmaster-awz.png) no-repeat top left; width:322px; height:25px;}
div#main div.section h3.production-artist{ background:url(../images/content/production-artist-gd-magazine.png) no-repeat top left; width:244px; height:25px;}
div#main div.section h3.illustrator{ background:url(../images/content/illustrator-dark-shot-studios.png) no-repeat top left; width:234px; height:25px;}
div#main div.section h3.gallery-drawings { background:url(../images/content/gallery-drawings.png) no-repeat top left; width:475px; height:25px; }
div#main div.section h3.gallery-sculptures { background:url(../images/content/gallery-sculptures.png) no-repeat top left; width:475px; height:25px; }
div#main div.section h3.blog-new-site-launch { background:url(../images/content/blog-new-site-launch.png) no-repeat top left; width:475px; height:25px; }
div#main div.section h3.blog-happy-ann { background:url(../images/content/blog-happy-ann-apr-2009.png) no-repeat top left; width:475px; height:25px; }
div#main div.section h3.blog-lake-tahoe { background:url(../images/content/blog-lake-tahoe.png) no-repeat top left; width:475px; height:25px; }
div#main div.section h3.blog-riya-anand { background:url(../images/content/blog-riya-anand.png) no-repeat top left; width:475px; height:25px; }
div#main div.section h3.blog-feb-2010 { background:url(../images/content/blog-feb-2010.png) no-repeat top left; width:475px; height:25px; }
div#main div.section h3.blog-karva-chauth { background:url(../images/content/blog-karva-chauth.png) no-repeat top left; width:475px; height:25px; }
div#main div.section h3.blog-halloween { background:url(../images/content/blog-halloween.png) no-repeat top left; width:475px; height:25px; }
div#main div.section h3.blog-happy-birthday { background:url(../images/content/blog-happy-birthday.png) no-repeat top left; width:475px; height:25px; }
div#main div.section div.links { overflow:hidden; width:100%; padding-bottom:25px; }
div#main div.section img { margin:20px 0; }

div#main div.section div.links ul {
	margin-right:10px;
}
div#main div.section div.links ul li a { color:#719bb6; text-decoration:underline;  background:url(../images/content/li-bg-odd.gif) no-repeat right bottom;  padding-right:8px; line-height:1.5em;  }
div#main div.section div.links ul li a:hover { text-decoration:none; }

div#main div.section div.highlights { }
div#main div.section div.highlights ul li { margin-bottom:20px; list-style:square inside;  }
div#main div.section div.highlights ul li span { font-weight:bold; color:#ffffff; }
div#main div.section div.highlights ul li a { color:#719bb6;  background:none; }


/*-----sidebar-----*/
div#sidebar h3.skill { background:url(../images/content/skills.gif) no-repeat top left; width:43px; height:21px; }
div#sidebar div.section h4 { color:#ffffff; margin-top:15px; border-bottom:dotted #FFFFFF 1px; font-size:110%; line-height:1.2em;   }
div#sidebar div.section ul { margin-top:3px; }
div#sidebar div.section ul li a { color:#7e7e7e; padding-left:10px; background:url(../images/content/li-bg-odd.gif) no-repeat left center; line-height:1.4em;  }
div#sidebar div.section ul li ul.child { margin-top:0; margin-left:10px;}
div#sidebar div.section ul li ul.child li { list-style:square inside;}
div#sidebar div.section ul li ul.child li a{ background:none; padding:0; line-height:1.4em; }
div#sidebar div.section ul.child li { list-style:square inside;}
div#sidebar div.section ul.child li a{ background:none; padding:0; line-height:1.4em; }


/*-----footer-----*/
div#footer p { color:#ffffff; font-size:110%; }
div#footer p a {color:#719bb6; font-size:91%; text-decoration:underline; margin-left:2px; }
div#footer p a:hover { text-decoration:none; }
div#footer p.copyright { padding-top:20px; font-size:100%; }
div#footer div.contact a { color:#719bb6; line-height:1.8em;  }
div#footer div.contact p.phone { font-size:100%; }