/* Color Scheme */
/*
#####  Color Palette by Color Scheme Generator
#####  Palette URL: http://colorschemedesigner.com/#2O41Yw0w06q6q


*** Primary Color:

   var. 1 = #0ACF00 = rgb( 10,207,  0)
   var. 2 = #13C40A = rgb( 19,196, 10)
   var. 3 = #0AC000 = rgb( 10,192,  0)
   var. 4 = #15D30B = rgb( 21,211, 11)
   var. 5 = #1DD313 = rgb( 29,211, 19)

*** Secondary Color A:

   var. 1 = #04859D = rgb(  4,133,157)
   var. 2 = #0B7F95 = rgb( 11,127,149)
   var. 3 = #037C92 = rgb(  3,124,146)
   var. 4 = #0C8EA7 = rgb( 12,142,167)
   var. 5 = #1390A7 = rgb( 19,144,167)

*** Secondary Color B:

   var. 1 = #FF7C00 = rgb(255,124,  0)
   var. 2 = #F27C0C = rgb(242,124, 12)
   var. 3 = #ED7400 = rgb(237,116,  0)
   var. 4 = #FF830D = rgb(255,131, 13)
   var. 5 = #FF8817 = rgb(255,136, 23)

*** Complementary Color:

   var. 1 = #FD0006 = rgb(253,  0,  6)
   var. 2 = #F00C12 = rgb(240, 12, 18)
   var. 3 = #EB0006 = rgb(235,  0,  6)
   var. 4 = #FD0D13 = rgb(253, 13, 19)
   var. 5 = #FD171D = rgb(253, 23, 29)


#####  Generated by Color Scheme Designer © Petr Stanicek 2002-2009
*/


/* Set up links */
a {
    cursor: pointer;
}
a:link {
    color: #0B7F95; 
}
a:visited {
    color: #0B7F95; 
}
a:hover {
    text-decoration: underline;
}
a:active {
    color: #000;
}

/* Tweaks */
#parallax {
    position: relative;
    overflow: hidden;
    width: 900px;
    height: 250px;
}

#layer0 {
    height: 250px;
    width: 900px;
}
#layer1 {
    height: 270px;
    width: 920px;
}
#layer2 {
    height: 300px;
    width: 920px;
}
#layer3 {
    height: 270px;
    width: 1000px;
}
#layer4 {
    height: 260px;
    width: 920px;
}
#layer5 {
    height: 260px;
    width: 935px;
}

div#wrapper {
    background: #fff;
    color: #000;
    margin: 1em auto;
    width: 900px;
}
div#header {
}

h2 {
    margin: 1em 0 0 0;
    padding-left: 5px;
}

/* Menu */
#nav {
    overflow: hidden;
    width: 900px;
}
#menu {
}
#menu a:link {
    color: #fff;
}
#menu a:visited {
    color: #fff;
}
#menu a:hover {
    text-decoration: underline;
}
#menu a:active {
    color: #000;
}
#menu h3 {
    float: left;
    line-height: 50px;
    padding-left: 1em;
    width: 200px;
}

#menu .info {
    float: right;
    font-weight: bold;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    padding-right: 2em;
    text-align: right;
    width: 180px;
}
.kwicks {
    list-style: none;
    position: relative;
    margin: 0;
    padding: 0;
}
.kwicks li{
    display: block;
    float: left;
    height: 50px;
    overflow: hidden;
    padding: 0;
    margin: 0 5px 0 0;
    width: 225px;
    /* omg css3! */
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
}
#tab1 { 
    background-image: url('../images/greentab.png');
    background-color: #0ACF00;
}
#tab1 .info {
    color: #0ACF00;
}
#tab2 { 
    background-image: url('../images/bluetab.png');
    background-color: #04859D;
}
#tab2 .info { 
    color: #04859D;
}
#tab3 { 
    background-image: url('../images/orangetab.png');
    background-color: #FF7C00;
}
#tab3 .info { 
    color: #FF7C00;
}
#tab4 { 
    background-image: url('../images/redtab.png');
    background-color: #FD0006;
}
#tab4 .info { 
    color: #FD0006;
}

div#content {
    background-color: #fff;
    color: #333;
    padding: 1em;
}

#footer  {
    border-top: 1px solid;
    margin: 0 auto;
    padding: 0.5em;
    width: 50%;
}

#copyright {
    text-align: center;
}

/**** about ****/
.about {
}
.about h1 {
    border-bottom: 1px solid #0ACF00;
}
.about #footer {
    border-top: 1px solid #0ACF00;
}
/**** creations ****/
.creations {
}
.creations h1 {
    border-bottom: 1px solid #04859D;
}
.creations #footer {
    border-top: 1px solid #04859D;
}
/**** links ****/
.links {
}
.links h1 {
    border-bottom: 1px solid #FF7C00;
}
.links #footer {
    border-top: 1px solid #FF7C00;
}
/**** contact ****/
.contact {
}
.contact h1 {
    border-bottom: 1px solid #FD171D;
}
.contact #footer {
    border-top: 1px solid #FD171D;
}

/**** Muse ****/
#muse p {
    padding: 0;
}

#muse-screenshots .panel img {
    height: 494px;
    width: 800px;
}

#muse-screenshots .panel-overlay p {
    margin: 0;
}

#muse-screenshots .filmstrip img {
    height: 100px;
    width: 100px;
}

/**** Resume ****/
#resume h1{
    border: none;
    text-align: center;
}
#resume h2{
    text-align: center;
}
#resume h1 + p{
    text-align: center;
}

#resume ol {
    list-style: none;
}

/* Gallery View */
.galleryview h2 {
    margin: 0;
}

/* misc stuff */
/* muchas gracias al http://colorschemedesigner.com/#2O41Yw0w06q6q */
.primary-1 { background-color: #0ACF00 }
.primary-2 { background-color: #13C40A }
.primary-3 { background-color: #0AC000 }
.primary-4 { background-color: #15D30B }
.primary-5 { background-color: #1DD313 }

.secondary-a-1 { background-color: #04859D }
.secondary-a-2 { background-color: #0B7F95 }
.secondary-a-3 { background-color: #037C92 }
.secondary-a-4 { background-color: #0C8EA7 }
.secondary-a-5 { background-color: #1390A7 }

.secondary-b-1 { background-color: #FF7C00 }
.secondary-b-2 { background-color: #F27C0C }
.secondary-b-3 { background-color: #ED7400 }
.secondary-b-4 { background-color: #FF830D }
.secondary-b-5 { background-color: #FF8817 }

.complement-1 { background-color: #FD0006 }
.complement-2 { background-color: #F00C12 }
.complement-3 { background-color: #EB0006 }
.complement-4 { background-color: #FD0D13 }
.complement-5 { background-color: #FD171D }