/*
Theme Name: DamianVila.com
Theme URI: http://damianvila.com/css/screen.css
Description: Theme for damianvila.com
Author: Damian Vila
Last update: 10:59 18/08/2010
Version: 0.2
*/

* { margin: 0; padding: 0; }

body { font-size: 62.5%; background: #e5cfa1 url(/img/bodybg.jpg) center top repeat-x; font-family: sans-serif; color: #59483f; }

/* A order: link, visited, hover, active */

a { color: #59483f; text-decoration: none; }

a:link { color: #59483f; }

a:visited { color: #59483f; }

a:hover { color: #a36209; text-decoration: underline; }

a:active { color: #fff; }

strong { color: #333; font-variant: small-caps; }

.current { color: #a3907c; font-weight: bold; }

.versa { font-variant: small-caps; }

h2, h3, h4, h5, h6 { margin: .5em 0; }

img { border: none; }

p { margin-bottom: 1em; }

#wrap { width: 900px; margin: 0 auto; background: url(/img/title-bg.png) center top no-repeat; }

/* Ad and header styles */

#header { height: 90px; padding: 2px 0 3px 0; text-align: center; clear: both; }

.adtitle { text-indent: -5000px; }

.adtitle a { display: block; width: 728px; height: 90px; margin: 0 auto; }

/* Sub-navigation styles */

#subnav { background: url(/img/navicorner-l.png) left bottom no-repeat; font-size: 1.1em; height: 32px; } /* borde izq */

#utilnav { float: right; padding: 13px 13px 5px 13px; background: url(/img/navicorner-r.png) right bottom no-repeat; } /* borde der */

#subnav ul { padding: 13px 0 5px 0; margin: 0 13px; background: url(/img/navibg.png) center bottom repeat-x; } /* centro */

#subnav ul li { list-style: none; display: inline; }

#subnav ul li a { display: block; float: left; text-indent: -5000px; height: 16px; overflow: hidden; border-right: 1px solid #d9c7a3; padding-right: 6px; margin-right: 6px; }

#grap a { width: 107px; background: url(/img/navmenu-grap.png) left top no-repeat; }

#web a { width: 80px; background: url(/img/navmenu-web.png) left top no-repeat; }

#film a { width: 110px; background: url(/img/navmenu-film.png) left top no-repeat; }

#illu a { width: 79px; background: url(/img/navmenu-illu.png) left top no-repeat; }

#mult a { width: 81px; background: url(/img/navmenu-mult.png) left top no-repeat; }

#idea a { width: 37px; background: url(/img/navmenu-idea.png) left top no-repeat; }

#cv a { width: 21px; background: url(/img/navmenu-cv.png) left top no-repeat; }

#subnav ul #cont a { width: 54px; background: url(/img/navmenu-cont.png) left top no-repeat; border-right: none; padding-right: 0; margin-right: 0; }

#grap a:hover, #web a:hover, #film a:hover, #illu a:hover, #mult a:hover, #idea a:hover, #cv a:hover, #subnav ul #cont a:hover { background-position: left -16px; }

#grap a:active, #web a:active, #film a:active, #illu a:active, #mult a:active, #idea a:active, #cv a:active, #subnav ul #cont a:active { background-position: left -32px; }

/* Main content styles */

#main { background: url(/img/main-bg.png) center top; padding: 5px 13px 13px 13px; font-size: 1.2em; border-top: 1px dotted #bf9f60; border-bottom: 1px dotted #bfaf8f; border-left: 1px solid #d9c7a3; border-right: 1px solid #d9c7a3; }

#main li { list-style: none; }

#main a { text-decoration: underline; }

.intro { text-align: justify; }

.intro a { font-variant: small-caps; }

.cont-left { width: 430px; float: left; }

.cont-right { width: 430px; margin-left: 444px; }

.cont-left img, .cont-right img, .double-left img, .aside-right img { margin-left: 15px; }

.double-left { width: 574px; float: left; }

.aside-right { width: 275px; margin-left: 587px; background: #d9c7a3; padding: 5px; }

.rivet { border: 1px solid #e5cfa1; padding: 0 7px 5px 7px; }

.clearer { clear: both; }

/* Footer styles */

#footer { clear: both; background: #fff7e5; padding: 5px 13px; font-size: 1.1em; text-align: right; color: #a3907c; border-bottom: 1px solid #cb9; border-left: 1px solid #cb9; border-right: 1px solid #cb9; }