/*
Title: Miniday Portfolio v2.0
Author: Cy
Date: February 2010
URL: http://wwww.miniday.com/portfolio
*/


/* Structure */
body{background:#000;}
#header{ background:none; width:640px; height:132px; margin:0 auto;}
#page{width: 776px; margin:0 auto; background:none;}
#content{width: 868px; margin:0px auto; padding-left:70px;}
#img{float:left; margin-bottom:48px;}
#text {width: 150px; background: none; float:left; margin-left:20px; padding:6px 3px 6px 8px; font-family:Verdana; font-size:11px; line-height:18px;}
#footer{background: url(http://miniday.com/portfolio/images/grass.png) center no-repeat; width: 640px; height:270px; margin:0 auto; clear:both; text-align:center;}
#blackboard{background: url(http://miniday.com/portfolio/images/blackboard_big.png) center no-repeat;; width:649px; height:564px; margin-left:90px;}
#blackboard .area{background:none; margin: 0px 72px 0px 134px; padding-top:66px; text-align:center;}

/* top menu */
.logo{background:url(http://miniday.com/portfolio/images/logo.png); width:194px; height:132px; left:50%; margin-left:-97px; padding:0px; position:absolute; top:-10px; z-index:30;}
.line{background: url(http://miniday.com/portfolio/images/line3.png); width:677px; height:8px; position:relative; margin-top:44px; z-index:25; }
.menuleft {position: relative;width: 200px; height:40px; background-color: none;padding:0px;margin: 0px 0;overflow: hidden;border:none;left:10px; top:74px;}
.menuleft li {background:none; float:left; list-style:none; position:relative; top:5px; left:15px; margin:0 6px 0 6px;}
.menuleft li.backLava {  border:1px dotted #333;background:#040404;width: 9px;z-index: 8;position: absolute; margin:inherit;}
.menuleft li a {background: none; outline: none; z-index: 10;display: block;float: left;position: relative;overflow: hidden; margin:6px 12px 6px 12px;}
.menuleft li a.work {background: url(http://miniday.com/portfolio/images/menu_work.png); width:50px; height:23px; }
.menuleft li a:hover.work {background: url(http://miniday.com/portfolio/images/menu_work.png) -50px; width:51px; height:23px;}
.menuleft li a.howto {background: url(http://miniday.com/portfolio/images/menu_howto.png); width:56px; height:23px; }
.menuleft li a:hover.howto {background: url(http://miniday.com/portfolio/images/menu_howto.png) -56px; width:60px; height:23px;}
.menuright {position: relative;width: 260px; height:40px; background-color: none;padding:0px;margin: 0px 0;overflow: hidden;border:none;left:430px; top:34px;}
.menuright li {background:none; float:left; list-style:none; position:relative; top:5px; left:0px; margin:0 3px 0 3px;}
.menuright li.backLava {  border:1px dotted #333;background:#040404;width: 9px;z-index: 8;position: absolute; margin:inherit;}
.menuright li a {background: none; outline: none; z-index: 10;display: block;float: left;position: relative;overflow: hidden; margin:6px 12px 6px 12px;}
.menuright li a.about {background: url(http://miniday.com/portfolio/images/menu_about.png); width:50px; height:23px; }
.menuright li a:hover.about {background: url(http://miniday.com/portfolio/images/menu_about.png) -50px; width:50px; height:23px;}
.menuright li a.contact {background: url(http://miniday.com/portfolio/images/menu_contact.png); width:55px; height:23px; }
.menuright li a:hover.contact {background: url(http://miniday.com/portfolio/images/menu_contact.png) -60px; width:55px; height:23px;}

/* Slider */
.coda-slider-wrapper { padding: 0px; background:none; clear: both; overflow: auto; margin:0 auto; }
.coda-slider { background: none; float: left; overflow: hidden; position: relative; }
.coda-slider .panel { display: block; float: left; background:none; }
.coda-slider .panel-container { position: relative }
.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 640px }
.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
.coda-slider, .coda-slider .panel { width:640px; } 
.coda-slider .panel-wrapper { padding: 0px }
.coda-slider p.loading { padding: 20px; text-align: center }
.coda-nav-left a { background: url(http://miniday.com/portfolio/images/arrow-color-izq.png); width: 44px; height:45px; margin-right:23px;}
.coda-nav-right a { background: url(http://miniday.com/portfolio/images/arrow-color-der.png); width: 44px; height:45px; margin-left:23px;}
.coda-nav-left, .coda-nav-right { float: left; margin-top:23%;  }
.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
#ass {background: url(http://miniday.com/portfolio/images/grass.png) center no-repeat; width: 640px; height:270px; margin:0 auto; position:relative; font-family:Verdana; font-size:11px; line-height:18px; text-align:center; padding-top:24px;}
#ass p{ width:400px; font-family:Verdana; font-size:11px; color:#ccc; text-align:center; padding-top:12px; margin:0 auto;}
#ass .tags{color:#ccc; font-family:Verdana; font-size:11px; }
#ass .separator{color:#333; font-family:Verdana; font-size:11px;}
#ass .links, #ass .links a:link {color:#ccc; font-family:Verdana; font-size:11px; text-decoration:none; border-bottom:1px #ccc solid; padding-bottom:1px;}
#ass .links a:hover {color:#fe0800; font-family:Verdana; font-size:11px; border-bottom:1px #fe0800 solid; padding-bottom:1px;}
#ass .flecha, #ass .flecha a:link{color:#fe0800; font-family:Verdana; font-size:11px; text-decoration:none;}
#feet{height: 48px; width:325px; background:none; margin:0 auto;}
#feet li{list-style:none; display:inline; height:34px;}
#feet li a {background: none; outline: none; z-index: 10;display: block;float: left;position: relative;overflow: hidden; margin:0px 0px 0px 0px;}
#feet li a:link.linkedin{background:url(http://miniday.com/portfolio/images/lkd_normal.png); width:96px; height:34px;}
#feet li a:hover.linkedin{background:url(http://miniday.com/portfolio/images/lkd_hover.png); width:96px; height:34px;}
#feet li a:link.twitter{background:url(http://miniday.com/portfolio/images/twt_normal.png); width:88px; height:34px;}
#feet li a:hover.twitter{background:url(http://miniday.com/portfolio/images/twt_hover.png); width:88px; height:34px;}
#feet li a:link.behance{background:url(http://miniday.com/portfolio/images/bhc_normal.png); width:91px; height:34px;}
#feet li a:hover.behance{background:url(http://miniday.com/portfolio/images/bhc_hover.png); width:91px; height:34px;}

/* Headings */
.titulo1, .titulo1 a:link { font-family:Georgia; font-size:20px; color:#eee; clear:none; position:relative; text-decoration:none;}
.titulo1 a:hover{ text-decoration:underline;}
.titulo1_arrow{ font-family:Georgia; font-size:20px; color:#b70e0c;}
.titulo2{ text-transform:uppercase; font-size:11px; font-weight:none; color:#aaa;}
.titulo2 a:link{text-transform:uppercase; text-decoration:none; font-size:11px; font-weight:none; color:#aaa; border-bottom: 1px #aaa solid; padding-bottom:0px;}
.titulo2 a:hover {color: #fff; border-bottom: 1px #fff solid; }
.descripcion{color:#aaa; font-family:Verdana; font-size:11px; text-align:left; margin: 0px 0px 18px 0px;}
.parrafo{ font-family:Verdana; font-size:11px; text-align:left; color:#ccc; line-height:18px;}
.titulo3, .titulo3 a:link { font-family:Georgia; font-size:14px; color:#eee; clear:none; position:relative; text-decoration:none;}
.titulo3 a:hover{text-decoration:underline;}
.mail a:link{color:#ccc; font-family:Verdana; font-size:11px; text-align:left; margin: 0px 0px 18px 0px; text-decoration:none;}
.mail a:hover{text-decoration:underline;}
.mail2 a:link{color:#fe0800; font-family:Verdana; font-size:11px; padding-bottom:1px; text-decoration:none;}
.mail2 a:hover{border-bottom:1px #fe0800 solid;}
.mail3 a:link{color:#757474; font-family:Verdana; font-size:11px; padding-bottom:1px; text-decoration:none;}
.mail3 a:hover{border-bottom:1px #757474 solid;}
.titulo4 { font-family:Georgia; font-size:20px; color:#eee; clear:none; position:relative; margin: 0px 0px 18px 0px; line-height:24px;}
.titulo5, .titulo5 a:link { font-family:Georgia; font-size:28px; color:#eee; text-decoration:none; text-align:left;}
.titulo6{ font-family:Verdana; font-size:11px; color:#757474; text-align:left;}

/* Misc. */
::-moz-selection{ background:#fe0800; color:#111;}
::selection { background:#fe0800; color:#111;}
code::-moz-selection {background: #fe0800;}
code::selection {background: #fe0800;}