/*general*/
body {background:#191919 url(../images/bkgrnd.jpg) no-repeat center top; margin:0; text-align:center;}
p {margin:5px 0; padding:0;}
#maincontainer {display:none; margin:0 auto; padding:0 10px; position:relative; text-align:left; width:900px;} 
#containdiv { margin-top:16px; overflow:hidden; position:relative;}
#header {height:147px; margin-bottom:19px; position:relative; width:900px;}
#logo {position:absolute; top:15px; right:0;}
#footer {border-top:#2B4A76 solid 1px; margin-top:15px; padding:10px; width:880px;}

/*type*/
body {color:#fff; font:normal 100%/18px Arial, Helvetica, sans-serif;}
#mainstage {color:#999;font-size:.6875em;}
#rightcol p, #resumestage {font-size:.75em;}
.daterange {color:#999;font-style:italic;}
input, textarea {font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#footer {color:#4e4e4e;font-size:.625em; font-weight:bold;}

/*h tags*/
h1 { height:32px; margin-bottom:20px; text-indent:-9999px;}
h2 { height:18px; margin-bottom:15px; text-indent:-9999px;}
h3 { height:14px; margin-bottom:10px; text-indent:-9999px;}

/*portfolio headings*/
.webheading {background:url(../images/heading_web.gif) no-repeat 0 0;}
.printheading {background:url(../images/heading_print.gif) no-repeat 0 0;}
.idheading {background:url(../images/heading_id.gif) no-repeat 0 0;}
.photoheading {background:url(../images/heading_photo.gif) no-repeat 0 0;}
.resheading {background:url(../images/heading_resume.gif) no-repeat 0 0; position:relative;}
.skillheading {background:url(../images/heading_skill.gif) no-repeat 0 0;}

/*right col headings*/
.aboutheading {background:url(../images/heading_about.gif) no-repeat 0 0; width:61px;}
.contactheading {background:url(../images/heading_contact.gif) no-repeat 0 0;}
.connectheading {background:url(../images/heading_connect.gif) no-repeat 0 0;}
.skillheading {background:url(../images/heading_skill.gif) no-repeat 0 0;}
.eduheading {background:url(../images/heading_edu.gif) no-repeat 0 0;}
.expheading{background:url(../images/heading_workexp.gif) no-repeat 0 0;}
.progheading {background:url(../images/heading_prog.gif) no-repeat 0 0;}
.langheading {background:url(../images/heading_lang.gif) no-repeat 0 0;}

/*a tags*/
a:link, a:visited {color:#666;}
a:hover {color:#2B4A76; text-decoration:none;}

/*nav*/
.navmain {position:absolute; bottom:0; right:0; overflow:hidden;}
.navmain ul {list-style:none; margin:0; padding:0; }
.navmain ul li {display:inline; float:left;}
.navmain ul li a:link, .navmain ul li a:visited {background:url(../images/mainmenu.gif) no-repeat; display:block; text-indent:-9000px; height:19px;}
.navmain ul li a.weblink {background-position:0 0; width:77px;}
.navmain ul li a.printlink {background-position:-77px 0; width:99px;}
.navmain ul li a.idlink {background-position:-176px 0; width:60px;}
.navmain ul li a.resumelink {background-position:-236px 0; width:111px;}
.navmain ul li a.weblink:hover {background-position:0 -19px;}
.navmain ul li a.printlink:hover {background-position:-77px -19px;}
.navmain ul li a.idlink:hover {background-position:-176px -19px;}
.navmain ul li a.resumelink:hover {background-position:-236px -19px;}

/*portfolio section*/
#mainstage, #resumestage {display:inline; float:left; margin-left:10px; overflow:hidden; width:640px; /*position:absolute; left:10px; top:0;*/}
#mainstage ul {list-style:none; margin:0; padding:0; /*width:640px;*/}
#mainstage ul li {display:inline; float:left; margin:10px 20px 20px 20px; width:280px;}
.sitetitle {font-weight:bold; text-transform: capitalize; color:#fff; font-size:1em;}
p.sitelinks {border-bottom:#2B4A76 solid 1px; padding-bottom:3px;}

/*Right Column*/
#rightcol {display:inline; float:left; margin:0; width:250px; /*position: absolute; left:650px; top:0;*/}
.aboutsec, .contactdiv, .connectdiv, .compskill, .edu {margin-bottom:20px; padding:0;}

/*form*/
ul.contactform {list-style:none; margin:0; padding:0;}
ul.contactform li {font-size:.75em; margin-bottom:10px;}
input.info, textarea.info {color:#365392; background-color:#0f1f42; border:none; outline:none; padding:3px; width:200px;}
.error { color: #FF0000; }
ul.contactform li .error {display:block; margin-top:3px;}

/*social*/
ul.sociallist {list-style:none; margin-left:0; overflow:hidden; padding:0;}
ul.sociallist li {display:inline; float:left; margin-right:12px; width: 48px;}
ul.sociallist li a:link, ul.sociallist li a:visited {display:block; height:48px; text-indent:-9999px; width:48px;}
a.facebook {background:url(../images/social_facebook.gif) no-repeat 0 0;}
a.twitter {background:url(../images/social_twitter.gif) no-repeat 0 0;}
a.digg {background:url(../images/social_digg.gif) no-repeat 0 0;}
a.linkedin {background:url(../images/social_linked_in.gif) no-repeat 0 0;}

/*Resume*/
.acrobat {position:absolute; right:20px; top:0; text-indent:0;}
.acrobat a:link, .acrobat a:visited {background:url(../images/iconacrobat.gif) no-repeat 0 0; color:#fff; display:block; font:bold 12px/39px Arial, Helvetica, sans-serif; padding-left:46px;}
ul.skillset {list-style:none; margin:0; padding:0;}
ul.skillset li {border-bottom:#2B4A76 dotted 1px; margin-bottom:2px; padding:0 10px;}
ul.skillset li p {margin:3px 0;}
ul.skillset li p.skillbar { text-align:right;}
#resumestage ul.workexp {list-style:none; margin:0 20px 0 0; padding:0;}
#resumestage ul.workexp li {margin:0; padding:0;}
ul.workexp li p {margin:3px 0;}
#resumestage ul.workexp li ul.content{list-style:disc; margin-left:15px; padding:0;}
#resumestage ul.workexp li ul.content li {color:#fff; margin-bottom:5px; padding:0; }
.edu ul {background:url(../images/pirate.gif) no-repeat top right; list-style:none; margin:0; padding:0; }
.edu ul li {font-size:.75em; margin-bottom:4px; padding:0; }

/*nojs*/
.nojs {margin:20px auto 0 auto;}
.nojs img {margin-bottom:15px;}