/*  
Theme Name: William Petruccelli's
Theme URI: http://www.williampetrucceli.com
Description: Stareted from scratch
Version: 0.1
Author: Fabio Venni
Author URI: http://fabio.antanix.net.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

body, p, a, h1, h2, h3, h4, ul, li, dl, dt, dd, span, div, form, blockquote {
  margin: 0;
  border: 0;
  padding: 0;
}

body {
  font: normal 8pt/1.5em Verdana, "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
  background: #31363b;
}

a {
  text-decoration: none;
}

#header {
  width: 100%;  
  background: #dee1e9;
  display:none;
}

#header .wrapper {
  width: 640px;
  margin: 0 auto;
  padding: 40px 0 10px 0;
}

#header h1 {
  display: inline;
  font-weight: normal;
}

#header h1 a {
  font-size: 22px;
  color: black;
  padding: 10px 0 10px 10px;
  display: inline;
}

#header #strapline {
  font-family: Georgia, Times New Roman, serif;
  font-size: 20px;
  font-style: italic;
  color: #8e97a3;
  padding: 10px;
  display: inline;
}

#mmenu {
  width: 100%;
  background: #8e97a3;
}

#mmenu ul {
  width: 135px;
  padding: 0 0 0 505px;
  margin: 0 auto;
  background: black url("_blog_03.jpg") top left no-repeat;
}

#mmenu.Resume ul {
  background: black url("_resume.jpg") top left no-repeat;
}

#mmenu.JugglersAnimation ul {
  background: black url("_jugglers.jpg") top left no-repeat;
}

#mmenu.Links ul {
  background: black url("_blog_04.jpg") top left no-repeat;
}

#mmenu.Portfolio ul {
  background: black url("_portfolio_01.jpg") top left no-repeat;
}

#mmenu.Reel ul {
  background: black url("_portfolio_01.jpg") top left no-repeat;
}

#mmenu ul li {
  display: inline;
}

#mmenu ul li a {
  display: block;
  color: #cfd3dc;
  text-align: center;
  padding: 8px;
  background-color: #31363b;
  border-bottom: 1px solid black;
  font-size: 10pt;
  font-weight: bold;
}

#mmenu ul li a:hover {
  background-color: black;
  color: #ffffff;
}

#smenu {
  clear: both;
  float: left;
  width: 100%;
  background-color: #dee1e9;
}

#smenu div.wrapper {
  width: 640px;
  margin: 0 auto;
}

#smenu div.wrapper ul {
  color: #cfd3dc;
  list-style-type: none;
  font-size: 8pt;
  padding: 4px;
  background-color: #8e97a3;
}

#smenu div.wrapper ul li {
  display: inline;
}

#smenu div.wrapper ul li a {
  padding: 0 8px;
  color: black;
}

#smenu div.wrapper ul li a:hover {
  color: white;
}

#smenu div.wrapper ul#subnav {
  float: left;
  width: 497px;
  background-color: #8e97a3;
}

#smenu div.wrapper ul#utils {
  width: 127px;
  float: right;
  background-color: #8e97a3;
  text-align: center;
}

#footer {
  width: 100%;
  margin: 0 0 150px 0;
  clear: both;
}

#footer p {
  width: 640px;
  margin: 0 auto;
  font-size: 7.8pt;
  line-height: 2.5em;
  text-align: center;
  background: #8e97a3;
}

#footer a {
  color: black;
  text-decoration: underline;
}

#footer a:hover {
  color: white;
}

/* Body */

#content {
  width: 100%;
  float: left;
  clear: both;
  background: url('background.gif') center top repeat-y;
}

#content .post {
  width: 600px;
  margin: 0 auto;
  padding: 20px;
  background: black;
  color: #b8b9bc;
}

#content .post a {
  color: #a3ce78;
}

#content .post a:hover {
  color: #a3ce78;
  text-decoration: none;
}

#content .post h2 a {
  font-size: 13pt;
  font-family: Arial, Helvetica, sans-serif;
  margin-bottom: 10px; 
}

#content .postmetadata {
  color: #8e97a3;
  font-size:7.5pt;
  margin:5px 0pt 0pt;
  padding:0pt 5px;
}

#content .post .entry {
  padding: 10px 20px;
  border-bottom: 1px solid #35404f;
  float: left;
}

#content .post .entry h3 {
  color: #8E97A3;
  font-size: 11pt;
  color: #a3ce78;
  margin: 0 0 10px 0;
}

#content .post .entry .blocco {
  border-bottom: 1px solid #222;
  padding: 0 0 5px 0;
  margin: 0 0 10px 0;
  width: 100%;
  clear: both;
  float:left;
}

#content .post .entry .blocco h3 {
  margin: 10px 0 5px 0;
  clear: both;
}

#content .post .entry .blocco h4 {
  font-size: 10pt;
  color: white;
  padding: 5px 10px;
  clear: both;
}

#content .post .entry .blocco ul {
  padding: 5px 35px;
  clear: both;
}

#content .post .entry .blocco p {
  width: 100%;
  padding: 0 10px 0 10px;
  float: left;
  clear: both;
}

#content .post .entry .blocco p em,
#content .post .entry .blocco p strong {
  color: white;
}

#content .post .entry #cv-education.blocco p.date,
#content .post .entry #cv-prof.blocco p.date,
#content .post .entry #cv-teaching.blocco p.date,
#content .post .entry #cv-activities.blocco p.date {
  width: 125px;
  clear: none;
  padding: 0 0 0 10px;
  margin: 0 0 5px 0;
}

#content .post .entry .blocco p.who {
  width: 260px;
  clear: none;
  text-align: center;
  padding: 0 0 0 10px;
}

#content .post .entry .blocco p.duties {
  width: 500px;
  clear: none;
  text-align: left;
  padding: 0 0 0 10px;
}

#content .post .entry .blocco p.where{
  width: 120px;
  clear: none;
  text-align: right;
  padding: 0 0 0 10px;
}

#content .post .entry .blocco .film {
  float: left;
  margin: 5px 10px 0;
}

p.url + h4 {
  float:left;
  margin-top:10px;
  width:500px;
}

#content .post h2 a,
#content.blog .post .entry a {
  color: #a3ce78;
}

#content.blog .post .entry a:hover {
  color: #a3ce78;
  text-decoration: underline;
}

.portfolio {
  width: 560px;
  float: left;
  margin: 0 0 10px 0;
}

a.portfolio-meta {
  display: block;
  float: left;
  width: 305px;
  height: 92px;
  padding: 5px 0 0 10px;    
  margin: 0 0 0 10px;    
  background: #111;
}

a.portfolio-meta:hover {
  color: black;
  background: #31363b;
}

.portfolio img {
  float: left;
  clear: left;
}

a.portfolio-meta .title {
  display: block;
  font: normal 18px/24px Georgia, Times, serif;
  color: #fff;
}

a.portfolio-meta .subtitle {
  display: block;
  font: normal 8pt/1.5em Verdana, "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
  color: #a3ce78;
}