@charset "UTF-8";
/* CSS Document */

/*Created: March 2009*/
/*Last Modified: March 1, 2009*/

body {
position:absolute; 
width:100%; 
height:100%;
padding: 0; 
margin: 0;
}

* {padding: 0; margin: 0;}
#background {
background-image: url("http://www.rolopalooza.com/assets/gif/bkgd_grdnt.gif");
background-repeat:repeat-x;
width:100%; 
}

h1 { 
margin-bottom: 2px; 
}

#container {
background-color: #fff;
width: 900px;
margin: auto auto 25px;
border: 1px solid #8fb052;
}
/* slider specific CSS */
.sliderGallery {
width: 880px;
height: 620px;
overflow: hidden;
position: relative;
margin: 10px auto 0;
padding-bottom: 25px;
}

.sliderGallery UL {
position: absolute;
list-style: none;
overflow: none;
white-space: nowrap;
padding: 0;
margin: 5px 0 0 0;
}

.sliderGallery UL LI {
display: inline-block;
text-align: center;
padding: 0 30px;
font-size: .75em;
}

.slider {
width: 100%;
height: 30px;
position: relative;
background-color: #8fb052;
}

.handle {
position: absolute;
cursor: move;
height: 30px;
width: 100px;
top: 0;
z-index: 100;
background-color:  #AFC684;
background-image: url("http://www.rolopalooza.com/assets/png/scroller.png" );
}

.slider span {
color: #bbb;
font-size: 80%;
cursor: pointer;
position: absolute;
z-index: 110;
top: 3px;
}

.slider .slider-lbl1 {
color: #fff;
left: 175px;
}

.slider .slider-lbl2 {
color: #fff;
left: 600px;
}

.slider .slider-lbl3 {
left: 500px;
}
.client {
color:#aabe5e;
font-size: 12px;
font-weight: bold;
font-family: Arial;
}

/*
------------------------------------------------------------
  HEADER - Settings for items in the header
------------------------------------------------------------
*/
/*start here*/
        
#header_wrapper {
background-color: #8fb052;
position: relative;
width: 100%;
height: 70px;
padding: 25px 0 55px 0;
}
#logo {
position: absolute;
left: 60px;
width: 148px;
border-right: solid 3px #AFC684;
padding: 5px 0px;
}
#header_type {
position: relative;
left: 275px;
width: 500px;
border-bottom: solid 2px #AFC684;
}
/*** END *** HEADER SETTINGS ***/

/*
------------------------------------------------------------
  NAVBAR - main navigation section including buttons and dropdowns
------------------------------------------------------------
*/
#nav {
padding: 11px 0 0 0;
position: relative;
left: 275px;
width: 500px;
}	

#nav ul{
list-style: none;
height: 52px;
}
/*nav buttons
--------------- */
#nav li {
display: relative;
float: left;
margin: 0 30px 0 0;
text-align: center;
}
#nav #contact {
margin: 0;
}
#nav li a {
border: 6px solid #78A22F;
text-decoration: none;
display: block;
width: 90px;
height: 40px;
background-image: url(http://www.rolopalooza.com/assets/png/nav_type.png);
background-position: 0px 0px;
}
#nav #resume a {
background-position: -100px 0px;
}
#nav #blog a {
background-position: -200px 0px;
}
#nav #contact a {
background-position: -300px 0px;
}
#nav li a .text{
color: #FFFFFF;
display: none;
}
#nav li a:hover {
border: 6px solid #AFC684;
background-position: 0px -40px;
}
#nav #resume a:hover {
background-position: -100px -40px;
}
#nav #blog a:hover {
background-position: -200px -40px;
}
#nav #contact a:hover {
background-position: -300px -40px;
}
#nav li a:hover .text{
background-color: #FFF;
color: #78A22F;
}



.msg { padding: 10px; background: #222; position: relative; }
.msg h1 { color: #fff;  }
.msg a { margin-left: 20px; background: #408814; color: white; padding: 4px 8px; text-decoration: none; }
.msg a:hover { background: #266400; }

/* //-- yui-grids style overrides -- */
body { font-family: Georgia; color: #444; }
#inner { padding: 10px 80px; background: #fff; border: solid #AFC684; border-width: 8px 0 2px 0; }


/* //-- header, body, footer -- */
#hd { margin: 2.5em 0 3em 0; padding-bottom: 1.5em; border-bottom: 1px solid #ccc }
#hd h2 { text-transform: uppercase; letter-spacing: 2px; font-weight: bold; }
#bd, #ft { margin-bottom: 2em; }

/* //-- footer -- */
#ft { padding: 1em 0 5em 0; font-size: 92%; border-top: 1px solid #ccc; text-align: center; }
#ft p { margin-bottom: 0; text-align: center;   }

/* //-- core typography and style -- */
#hd h1 { font-family: arial, verdana, sans-serif; font-size: 42px; text-transform: lowercase; font-weight: bold; }
.h1_lastname { font-weight: normal; }
h2 { font-family: arial, verdana, sans-serif; font-size: 152%; }
.job h2 { font-family: times, times new roman, serif; font-weight: bold; font-style: italic; letter-spacing: .06em;}
.job h3 { color: #A5BA53; }
h3, h4 { font-size: 122%; }
h1, h2, h3, h4 { color: #A5BA53; }
p { font-size: 100%; line-height: 18px; padding-right: 3em; }
a { color: #990003 }
a:hover { text-decoration: none; }
strong { font-weight: bold; }
li { line-height: 24px; }
p.enlarge { font-style: italic;font-size: 144%; padding-right: 6.5em; line-height: 30px; color: #A5BA53;}
p.enlarge span { color: #000 }
.contact-info { margin-top: 7px; }
.first h2 { text-transform: capitalize; color: #666; font-size: 20px; }
.last { border-bottom: 0 }

/* //-- section styles -- */

a#pdf { display: block; float: left; background: #666; color: white; padding: 6px 50px 6px 12px; margin-bottom: 6px; margin-left: 40px; text-decoration: none;  }
a#pdf:hover { background: #222; }

.job h4 { position: absolute; top: 0.35em; right: 0 }

.last { border: none; }
.skills-list {  }
.skills-list ul { margin: 0; }
.skills-list li { margin: 3px 0; padding: 3px 0; }
.skills-list li span { font-size: 152%; display: block; margin-bottom: -2px; padding: 0 }
.talent { width: 32%; float: left }
.talent h2 { margin-bottom: 6px; }

#srt-ttab { margin-bottom: 100px; text-align: center;  }
#srt-ttab img.last { margin-top: 20px }

/*

/*
------------------------------------------------------------
  RESUME - section for all new RESUME IDs and CLASSes
------------------------------------------------------------
*/
.hideText {
position: absolute;
left: -5000px;
}
h1.resume {
width: 350px;
height: 50px;
background: url(../jpeg/img_h1.jpg) no-repeat top center;
}
#content {
width: 850px;
margin: 0 auto;
}
#resume_header {
margin-top: 20px;
}
#resume_header div {
width: 385px;
}
#resume_header div.right {
padding-top: 15px;
}
.contact {
font-weight: bold;
font-size: 14px;
color: #636466;
margin-left: 40px;
}
.contact a {
color: #636466;
}
h2.designer {
width: 90px;
height: 15px;
background: url(../gif/h2_designer.gif) no-repeat top center;
}
.left {
float: left;
}
.right {
float: right;
}
.clear{
clear: both;
}
#description {
width: 850px;
padding-top: 25px;
margin: 0px auto 50px;
}
#description p {
font-style: italic;
font-size: 110%;
line-height: 25px;
color: #A5BA53;
padding: 0 15px 0 0;
margin: 0 0 0 60px;
}
#left_column {
width: 410px;
float: left;
}
#left_column h2, #left_column h3 {
margin-left: 55px;
}
#left_column p {
margin-left: 55px;
}
#left_column ul {
padding-left: 1em;
margin-left: 55px;
font-style: italic;
font-size: .9em;
}
#left_column ul li {
line-height: 20px;
}
#experience {
background: url(../gif/bg_experience.gif) no-repeat top left #fff;
margin-bottom: 65px;
}
#education {
background: url(../gif/bg_education.gif) no-repeat top left #fff;
}
#skills {
background: url(../gif/bg_skills.gif) no-repeat top left #fff;
margin-bottom: 65px;
}
#awards {
background: url(../gif/bg_awards.gif) no-repeat top left #fff;
margin-bottom: 65px;
}
#software {
background: url(../gif/bg_software.gif) no-repeat top left #fff;
margin-bottom: 65px;
}
#skills ul li{
margin-left: 5px;
margin-bottom: 15px;
padding: 0;
}
#experience ul li{
margin-left: 5px;
margin-bottom: 25px;
}
#education ul li{
margin-left: 5px;
margin-bottom: 14px;
}
#awards ul li{
margin-bottom: 20px;
}
#software ul li{
margin-left: 5px;
margin-bottom: 12px;
}
#education p {
margin: 0 0 20px 55px;
padding: 0;
}
h2.experience {
width: 217px;
height: 20px;
background: url(../gif/h2_experience.gif) no-repeat top center;
margin-bottom: 20px;
}
h2.education {
width: 217px;
height: 20px;
background: url(../gif/h2_education.gif) no-repeat top center;
margin-bottom: 20px;
}
h2.skills {
width: 320px;
height: 20px;
background: url(../gif/h2_skills.gif) no-repeat top center;
margin-bottom: 20px;
}
h2.awards {
width: 175px;
height: 20px;
background: url(../gif/h2_awards.gif) no-repeat top center;
margin-bottom: 20px;
}
h2.software {
width: 195px;
height: 20px;
background: url(../gif/h2_software.gif) no-repeat top center;
margin-bottom: 20px;
}
h3.other_experience {
width: 245px;
height: 15px;
background: url(../gif/h3_other_experience.gif) no-repeat top center;
margin-bottom: 10px;
}
#right_column {
width: 410px;
float: right;
}
#right_column h2 {
margin-left: 55px;
}
#right_column p {
margin-left: 55px;
}
#right_column ul {
padding-left: 1em;
margin-left: 55px;
font-style: italic;
font-size: .9em;
}
#right_column ul li {
line-height: 20px;
}
.job,.time,.position,.school,.degree,.disclaimer {
color: #aabe5e;
}
.job {
font-weight: bold;
font-size: .9em;
}
.time {
margin-bottom: 15px;
}
.position {
font-size: .9em;
}
.school {
margin-left: 10px;
font-style: italic;
font-weight: bold;
font-size: 14px;
}
.degree {
font-size: 14px;
font-style: italic;
}
hr {
margin-bottom: 15px;
}
p.disclaimer {
font-size: 14px;
margin-bottom: 15px;
}
.name  {
margin-left: 60px;
}