/*  
Theme Name: Poeta de Barcelona
Theme URI: 
Description: Plantilla pel blog Poeta de Barcelona
Version: 1.0
Author: UOC
Author URI: http://www.uoc.edu/
*/

body { margin: 0px; padding: 0px; font-size: 0px; line-height: 0px; background: #EEEEEE; text-align: center; 
font-family: Tahoma; color: #494949; }
a:link, a:active, a:visited { text-decoration: underline; color: black; color: #494949; }
a:hover { color: #5D5D5D; }

#content { margin: 0px auto; padding: 0px; width: 770px; background: white url(http://www.uoc.edu/blogs/wp-content/themes/poetadebarcelona/img/persona.gif) bottom right no-repeat; border: 15px solid white; }

ul#menuTop { margin: 0px; padding: 5px 0px 5px 15px; background-color: #EEEEEE; list-style: none; text-align: left; }
ul#menuTop li { display: inline; }
ul#menuTop li a { font-size: 11px; line-height: normal; padding-right: 14px; background: url(http://www.uoc.edu/blogs/wp-content/themes/poetadebarcelona/img/pipe.gif) bottom right no-repeat; }
ul#menuTop li.last a { background: none; }

h1 { margin: 0px; padding: 0px; background-color: #A3031D; height: 92px; text-align: left; font-size: 0px; }
h1 a img { border: none; }
h1 a img.lletra { margin-left: 120px; }
h1 a img.uoc { margin-left: 20px; }

h2 { margin: 0px 0px 20px 0px; padding: 0px; text-align: left; font-size: 0px; }

#cols { text-align: left; height: 10px; }
#posts { width: 500px; float: left; }
#menu { width: 250px; float: right; }

h3 { margin: 0px; padding: 40px 0px 0px 0px; line-height: normal; font-size: 18px; color: #A20120; font-weight: bold; text-align: left; }
p { margin: 0px; padding: 10px 0px 0px 0px; font-size: 11px; line-height: normal; text-align: left; }
p.comments { padding: 20px 0px 8px 0px; font-weight: bold; border-bottom: 1px solid #d4d2d2; }
p.comments a:link, p.comments a:active, p.comments a:visited,p.comments a:hover { color: #a20120; }
p.comments em { font-style: normal; color: #B6B6B6; font-weight: normal; }

blockquote { margin: 10px 0px 0px 0px; padding: 0px 0px 0px 10px; border-left: 1px solid #d4d2d2; } 
blockquote p { padding: 0px; }
blockquote p.by { padding-top: 5px; color: #d4d2d2; }
blockquote p.by a:link, blockquote p.by a:active, blockquote p.by a:visited, blockquote p.by a:hover { color: #d4d2d2; }

p.pie { margin: 0px; padding: 0px; line-height: 0px; font-size: 0px; text-align: left; background-color: #A3031D; clear: both; }
p.pie img { border: none; }
p.pie img.institut { margin-left: 450px; }

hr { color: white; border: none; height: 20px; }
* html hr { height: 10px; }

#commentform { margin: 0px; padding: 10px 0px 0px 0px; }
#commentform input { width: 200px; }
#commentform textarea { width: 320px; }
#commentform input, #commentform textarea { border: 1px solid #040404; font-family: Tahoma; font-size: 11px; }

#menu ul { margin: 0px; padding: 0px; list-style: none; background: url(http://www.uoc.edu/blogs/wp-content/themes/poetadebarcelona/img/bg_menu.gif) top left repeat; }
#menu ul li { margin: 0px; padding: 0px 0px 10px 0px; }
#menu ul li img { border: 3px solid white; border-left: none; border-right: none; }
#menu h2 { margin: 0px; padding: 30px 0px 6px 0px; }

#fakePlastic { width: auto; height: 300px; }

ul#months { margin: 0px; padding: 8px 0px; list-style: none; background: none; border: 1px solid #d4d2d2; border-left: none; border-right: none; }
ul#months li { margin: 0px; padding: 0px 0px 0px 20px; line-height: normal; font-size: 11px; 
background: url(http://www.uoc.edu/blogs/wp-content/themes/poetadebarcelona/img/li_bullet.gif) top left no-repeat; }
ul#months li a:active, ul#months li a:visited, ul#months li a:link { font-weight: bold; }
ul#months li a:hover { color: #A20120; }

ul#pie { margin:700px 0px 0px 0px; padding: 0px; clear: both; background-color: #EEEEEE; list-style: none; text-align: left; border-top: 20px solid #A3031D; border-left: 1px solid #A3031D; height: 40px; }
ul#pie li, ul#pie li p { margin: 0px; padding: 0px; background: none; }
ul#pie li.left p { padding: 14px 0px 0px 15px; }
ul#pie li.left { float: left; }
ul#pie li.right { float: right; }
ul#pie li.right ul { margin: 0px; padding: 0px; list-style: none; vertical-align: bottom; }
ul#pie li.right p, ul#pie li.right ul { float: left; }
ul#pie li.right p { padding-top: 15px; padding-right: 5px; }
ul#pie li.right ul li { margin: 0px; padding: 0px; float: left; }
ul#pie li.right ul li img  { border: none; }