/*
Theme Name: Villoria Theme
Theme URI: http://wordpress.org/
Description: Tema personal para la web de Ricardo Villoria
Author: Diseco
Version: 1.1
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}


* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 11px;
	font-family: 'Courier New', Courier, monospace;
	line-height: 14px;
	background: #fff;
}

a:link { color: #000;  }
a:active { color: #06f; }
a:visited { color: #666; }
a:hover { color: #000;  }

a img { border: none; }

p {margin-bottom: 15px;}
#content #container.work { margin-top:15px; margin-left:330px; float:left;}
#content #container.work p {width:450px; margin-bottom:20px;}
#content #container.thumbs { margin: 72px 0 0 20px; }


#content #container.page { margin-top:72px; margin-left:20px; float:left;}
#content #container.page p {width:450px; margin-bottom:20px;}
#content #container.page h2 {text-transform:uppercase; font-size:11px; font-weight:normal; margin-bottom: 17px}
#content #container.page p.attachment {margin-bottom:15px;}

#nav-below {margin-bottom: 20px;}
#menu {
  position:fixed;
    top:0;left:0; width: 470px;
    background:#fff;
}

#menu.work {
  width:315px;
}


#menu ul {
    padding: 17px 0px 0px 20px;
}

#menu ul {
	list-style: none;
	margin: 0 0 14px 0;
	width: 100%;
}

#menu ul li {
	display:inline;
	margin-right:9px;
}


#menu ul li a {
  text-decoration:none;
}
#menu ul li.active a {
  text-decoration:none;
  color: #666;
}


/* Info Section */
#menu ul { height: 41px; }
#menu ul li { float: left; margin-right: 15px; }
#menu ul li a { color: #06f; text-decoration: underline; }
#menu ul li a:hover { text-decoration: none !important; }
#menu ul li.active a { color: #000; text-decoration: none; }
#menu ul li.section-title { display: none; }

#content #container ul {list-style:none; clear:both; overflow:hidden;}
#content #container ul li {display:block; float:left; width:140px; margin-bottom: 10px; height:130px; margin-right:15px; text-align:center;}
#content #container ul li img {display:block; margin-bottom: 5px;}
#content #container ul li a.title {display:none;}
#content #container ul li:hover a.title {display:block;}


#sidebar {position:fixed; margin-top:65px; margin-left:20px; width:315px; float:left; }
#sidebar ul {list-style:none}
#sidebar ul li ul.posts {margin-bottom: 10px}
#sidebar ul li span.category {text-transform: uppercase;}
#sidebar ul li a {text-decoration:none}


.entry-content {margin-top: 43px; }



#slideshow{height:auto; z-index:0;overflow:hidden!important; margin-bottom:10px; cursor:pointer;}
#slideshow img {border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
#nav {text-align:right; margin-bottom: 20px}
#nav a{font-size:18px;color:#ddd!important;text-decoration:none;}
#nav a:focus{outline:none;color:#000!important;text-decoration:none;}
#nav a.activeSlide{color:#000!important;}