/*
@import url("reset-fonts-layout.css");
@import url("forms.css");
@import url("colors.css.php");
FASTER IF LINKED
*/
/*body {background:#000 url('../images/960-grid20.png') repeat-y center top;}*/
/* --------------------------------------------------
												COLORS 
---------------------------------------------------*/
.green h1{color:#a5c941;}
.blue h1{color:#73cacf;}
.darkblue h1{color:#3b627e;}
.orange h1{color:#ff6908;}
.red h1{color:#ff3700;}
.magenta h1{color:#c9025c;}
.gray h1{color:#999;}
.green h3{color:#91ad52;}
.blue h3{color:#007d9a;}
.darkblue h3{color:#233a4b;}
.orange h3{color:#e15a00;}
.red h3{color:#872300;}
.magenta h3{color:#630030;}
.gray h3{color:#333;}
body{background:#fff;border-width:9px 0;border-style:solid;}
body.orange{border-color:#ff6908;}
body.blue{border-color:#73cacf;}
body.darkblue{border-color:#3b627e;}
body.red{border-color:#ff3700;}
body.green{border-color:#a5c941;}
body.magenta{border-color:#c9025c;}
body.gray{border-color:#999;}
.green a{color:#91ad52;}
.green a:hover{color:#91ad52;}
.blue a{color:#73cacf;}
.blue a:hover{color:#007d9a;}
.darkblue a{color:#3b627e;}
.darkblue a:hover{color:#233a4b;}
.orange a{color:#ff6908;}
.orange a:hover{color:#e15a00;}
.red a{color:#ff3700;}
.red a:hover{color:#872300;}
.magenta a{color:#c9025c;}
.magenta a:hover{color:#630030;}
.gray a{color:#999;}
.gray a:hover{color:#333;}
h2{color:#666;}
/* --------------------------------------------------
												NAVIGATION 
---------------------------------------------------*/
.topNav a.current,
.topNav a:hover {-moz-box-shadow:1px 2px 3px #ccc; -webkit-box-shadow:1px 2px 3px #ccc; -o-box-shadow:1px 2px 3px #ccc; box-shadow:1px 2px 3px #ccc}

.topNav a.home:hover{background-color:#ff6908;}
#home.orange .topNav a.current{background-color:#ff6908;color:#fff;}
.topNav a.music:hover{background-color:#73cacf;}
#music.blue .topNav a.current{background-color:#73cacf;color:#fff;}
.topNav a.photos:hover{background-color:#999;}
#photos.gray .topNav a.current{background-color:#999;color:#fff;}
.topNav a.feeds:hover{background-color:#ff3700;}
#feeds.red .topNav a.current{background-color:#ff3700;color:#fff;}
.topNav a.store:hover{background-color:#c9025c;}
#store.magenta .topNav a.current{background-color:#c9025c;color:#fff;}
.topNav a.contact:hover{background-color:#a5c941;}
#contact.green .topNav a.current{background-color:#a5c941;color:#fff;}
.topNav a.blog:hover{background-color:#3b627e;}
#blog.darkblue .topNav a.current{background-color:#3b627e;color:#fff;}
h1{font-size:4em;letter-spacing:-3px;line-height:1;font-weight:bold;text-shadow:1px 2px 4px #6f6f6f;}
h2{font-size:1.5em;line-height:1.25;margin-top:.5em;margin-bottom:.5em;font-weight:normal;}
p{font-size:1em;}
acronym{border-bottom:1px dashed #000;cursor:help;}
#doc p{text-align:justify;}
ul.topNav{float:left;display:inline-block;margin:0;}
ul.topNav li{float:left;display:block;list-style-type:none;border-right:1px solid #eee;}
ul.topNav li a{float:left;padding:1.5em 2.25em 0 .5em;font-size:.866em;text-decoration:none;}
ul.topNav a:hover,ul.topNav a.current{color:#fff;}
ul.copyright{display:block;float:left;width:100%;margin:0;font-size:.75em;}
ul.copyright li{display:block;float:left;padding:7px 10px 0;border-left:1px solid #ccc;}
ul.copyright li.first{border:none;padding-left:0;}
ul.copyright li.logo{float:right;border:none;padding:0;}
ul.copyright li.logo a.logo{background: url("../images/logo.png?2") no-repeat scroll -26px -146px transparent;float:left;height: 44px;margin-right:15px; margin-top:-7px;overflow: hidden;text-indent: -999em;width: 172px;}
ul.copyright li.logo a.logo:hover {background-position: -26px -190px;}
ul.copyright li img {vertical-align:middle;}
.loader{background:transparent url(../images/ajax-loader-orange.gif) no-repeat left center;text-align:left;font-weight:bold;padding-left:32px;}
/*FEEDS @see IE styles */
#feeds .filters{display:none;}
#feeds.jsEnabled .filters{display:block;}
#feeds .filters{font-size:.75em;text-align:left;margin-bottom:1.5em;}
#feeds .filters dt,#feeds .filters dd{display:inline;position:relative;padding-top:8px;}
#feeds .filters dd a{position:relative;background-image:url(../images/sprites.png);background-repeat:no-repeat;padding-left:20px;margin-left:10px;}
#feeds .filters dd a.filtered{text-decoration:line-through;color:#999;opacity:.5;}
#feeds .filters dd a.filtered:hover{opacity:.75;}
#feeds .filters dd .onlyThis{position:absolute;line-height:1.6;font-size:small;display:block;background:transparent url(../images/sprites.png) no-repeat -183px -2px;width:99px;height:35px;white-space:nowrap;text-align:center;padding:0;top:-35px;left:0;color:#666;text-decoration:none;}
#feeds .filters dd .onlyThis:hover{background:transparent url(../images/sprites.png) no-repeat inherit -77px;color:#ff3700;display:block;}
#feeds .feeds ul{margin:0 1.6em 0 1.6em;}
#feeds .feeds ul li{padding-left:32px;margin-bottom:1em;list-style-type:none;background-position:left 6px;background-repeat:no-repeat;}
#feeds .filters dd a.andresvidal{background-position:-10px 0;}
#feeds .filters dd a.blockbuster{background-position:-10px -50px;}
#feeds .filters dd a.delicious{background-position:-10px -100px;}
#feeds .filters dd a.facebook{background-position:-10px -150px;}
#feeds .filters dd a.tumblr{background-position:-10px -200px;}
#feeds .filters dd a.twitter{background-position:-10px -250px;}
#feeds .feeds ul li.filtered{background-color:#FFC;}
#feeds .feeds ul li.andresvidal{background-image:url(http://www.andresvidal.com/favicon.ico);}
#feeds .feeds ul li.delicious{background-image:url(http://delicious.com/favicon.ico);}
#feeds .feeds ul li.blockbuster{background-image:url(../images/blockbuster.ico);}
#feeds .feeds ul li.tumblr{background-image:url(http://assets.tumblr.com/images/favicon.gif);}
#feeds .feeds ul li.facebook{background-image:url(http://www.facebook.com/favicon.ico);}
#feeds .feeds ul li.twitter{background-image:url(http://www.twitter.com/favicon.ico);}
#feeds .feeds a{text-decoration:none;}
#feeds .feeds a:hover{text-decoration:underline;}
#feeds .feeds a:visited{color:#872300;}
#feeds .feeds p{font-size:.75em;}
#feeds .feeds small{font-size:.5em;color:#666;display:block;}
#feeds .feeds .status{font-size:.75em;font-style:italic;}
#feeds .feeds .blockbuster{clear:both;position:relative;}
#feeds .feeds .blockbuster img{float:left;margin-top:-3em;}
#feeds .feeds .blockbuster a.title{margin-left:75px;}
#feeds .feeds .blockbuster p.description{margin-left:75px;}
#feeds .feeds .blockbuster small{margin-left:75px;}

#contact .basic .input,
#contact .basic textarea {width:280px;}
#contact .captcha label {cursor:help;}
#contact span.allRequired {font-size:small; float:left; color:#999; }

.dl dd {margin:0 0 0 2em;}
#jscompiler h2 {margin-bottom:1.5em;}
#jscompiler .compilerResults {overflow:hidden; position:relative;}
#jscompiler .compilerResults dl {font-size:10px; vertical-align:middle; float:right; margin-right:1em;}
#jscompiler .compilerResults h3 {float:left;}
#jscompiler .compilerResults textarea {margin-top:1em; margin-left:-70px; width:935px;}
#jscompiler label.lighttext {color:#09C;}

.tipsy {padding: 5px; font-size: 12px; line-height:1.25; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(../images/tipsy.gif); }
.tipsy-inner {padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner {-moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north {background-position: top center; }
.tipsy-south {background-position: bottom center; }
.tipsy-east {background-position: right center; }
.tipsy-west {background-position: left center; }

#jsl h4 {color:#91ad52}
#jsl dl {color:#666;}
#jsl dl dt {font-weight:normal; color:#666; font-size:1em;}
#jsl dl dt strong {color:#000;}
#jsl dl dt small, 
#jsl dl dt em {font-size:0.75em; color:#CB0;}
#jsl dl dd {font-weight:normal; font-size:1em;}
#jsl pre {background:#F5F5F5; padding:1em; margin:0.75em 0px; border:1px solid #E0E0E0;}

/* --------------------------------------------------
												BLOG.ANDRESVIDAL.COM 
---------------------------------------------------*/
div.copy ul li {font-size:1em;}