/*
THEME NAME: Sandbox + Sid05 portfolio
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: A theme rich with powerful and dynamic semantic class selectors; a canvas for CSS artists
VERSION: 1.3
AUTHOR: <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>
AUTHOR URI:
*/

/* Sid05 portfolio page layout  */
body {
	font-family: Helvetica, Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejavVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Arial, sans-serif;
	font-size: 1em;
	background-image: url(body-background.jpg);
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-attachment: fixed;
}
div#container {
	background-image: url(top-site.jpg);
	background-repeat: no-repeat;
	background-position: left -55px;
	margin-right: auto;
	margin-left: auto;
	width: 960px;
	padding-top: 60px;
	padding-bottom: 10px;

}
div#header {
	text-align: center;

}
div#header h1 {
	display: none;
}
/*slide images*/
#slideshow {
	position:relative;
	height:385px;
	margin-left: 50px;
}
#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}
div#header h2 {
	display: none;
}
div#header h3{
	display: none;
}
div#navigate {
	text-align: left;
	background-image: url(navigation.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	margin: 150px 0px 0px;
	padding: 0px;

}
/*navigation menu*/
div#navigate ul.menu {
	background-image: url(menu.jpg);
	height: 190px;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
div#navigate ul.menu li.first {
	margin-left: 60px;
}
ul.menu li a span {
	text-decoration: none;
	text-align: left;
	padding-left: 75px;
}
ul.menu li a span.portfolio {
	background-image: url(image_48.png);
	background-repeat: no-repeat;
	background-position: 15px 10px;
}
ul.menu li a span.about-me {
	background-image: url(questionmark_48.png);
	background-position: 15px 10px;
	background-repeat: no-repeat;
}
ul.menu li a span.contact {
	background-image: url(mail_write_48.png);
	background-repeat: no-repeat;
	background-position: 15px 10px;
}

/*portfolio*/
div#portfolio ol, div#about ol, div#contact ol{
	margin-bottom: 60px;

}
div#portfolio ol li {
	list-style-type: none;
	height: 231px;
	background-image: url(content-list.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin: 0px 0px 30px;
	padding: 0px;
}
div#portfolio ol li.panel {
	height: auto;
	padding-bottom: 30px;
	clear: both;

}
div#portfolio ol li p{
	padding-right: 65px;
	padding-left: 52px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	color: #666666;
	font-size: 15px;
}
div#portfolio ol li p span {
	position: relative;

}
div#portfolio ol li p span a{
	float: left;
	padding: 20px;
	margin-right: 50px;
	background-image: url(greyback.jpg);
}
div#portfolio ol li p span a:hover{
	background-image: url(body-background.jpg);
}
div#portfolio ol li p strong{
	font-weight: normal;
	color: #999999;

}
div#portfolio ol li p em {
	display: block;
	float: right;
	margin-top: 30px;
}
div#portfolio ol li p em a{
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #131313;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	font-size: 13px;
    display: block;
}
div#portfolio ol li p a:hover{

}
div#portfolio ol li p.panel{
	clear: both;
	margin-right: 52px;
	margin-left: 52px;
	padding: 10px 20px;
	background-color: #141414;
	display: block;
}
div#portfolio ol li.single {
	height:auto;
}
div#portfolio ol li.single h2.entry-title{
	font-size: 15px;
	color: #666666;
	margin-left: 55px;
	margin-bottom: 30px;
	font-weight: normal;

}
div#portfolio ol li.single h2.entry-title a{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;

}
div#portfolio ol li p img.single-img{
	width: 510px;
}
div#portfolio ol li.single div.meta{
	clear: both;
	display: block;
	margin-right: 55px;
	margin-left: 55px;
	padding-top: 30px;
	padding-bottom: 30px;
	color: #666666;
	background-image: url(label.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 36px;

}
/*about*/
div#about ol li {
	list-style-type: none;
	background-image: url(content-list.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin: 0px 0px 30px;
	padding: 0px 0px 30px;
}
div#about ol li div.alignleft{
	float: left;
	width: 260px;
	text-align: center;
	margin-left: 52px;
	background-image: url(greyback.jpg);
	padding-top: 20px;
	padding-bottom: 20px;
}
div#about ol li h2{
	font-size: 18px;
	text-transform: uppercase;
	color: #FFFFFF;
	font-weight: bold;
	margin-right: 52px;
	margin-left: 357px;
	margin-bottom: 10px;

}
div#about ol li p{
	margin-right: 67px;
	margin-left: 357px;
	color: #666666;
	font-size: 15px;

}
div#about ol li p.download{
	margin-top: 40px;
	margin-bottom: 10px;
	text-align: right;

}
div#about ol li p.download a{
	background-color: #141414;
	font-size: 13px;
	text-transform: uppercase;
	color: #FFFFFF;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;

}
div#about ol li p a{
	color: #FFFFFF;

}
div#about ol li p a.linkedin{
	padding-left: 20px;
	background-image: url(linkedin.png);
	background-repeat: no-repeat;
	background-position: left center;

}
div#about ol li.skills {
	margin-bottom: 30px;

}
div#about ol li ul.code-skills{
	width: 250px;
	float: left;
	display: block;
	margin-left: 52px;
}
div#about ol li ul.cms-skills{
	width: 250px;
	float: left;
	display: block;
	margin-right: 45px;
	margin-left: 45px;
}
div#about ol li ul.loveto{
	width: 250px;
	float: left;
	display: block;
	margin-bottom: 30px;
}
div#about ol li ul h3{
	font-size: 16px;
	text-transform: uppercase;
	color: #FFFFFF;
	background-image: url(content-list.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 20px;
	font-weight: bold;
	padding-right: 5px;
	padding-left: 5px;

}
div#about ol li ul li{
	margin: 0px;
	padding: 8px 5px;
	color: #666666;
}
div#about ol li ul li strong{
	font-weight: normal;
	display: block;

}
div#about ol li ul li strong.trestelle{
	background-image: url(star.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}
div#about ol li ul li strong.duestelle{
	background-position: 195px center;
	background-image: url(star.jpg);
	background-repeat: no-repeat;

}
div#about ol li ul li strong.unastella{
    background-position: 215px center;
	background-image: url(star.jpg);
	background-repeat: no-repeat;
}
div#about ol li ul li strong.trecuori{
	background-image: url(heart.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}
div#about ol li ul li strong.duecuori{
	background-position: 195px center;
	background-image: url(heart.jpg);
	background-repeat: no-repeat;

}
div#about ol li ul li strong.uncuore{
    background-position: 215px center;
	background-image: url(heart.jpg);
	background-repeat: no-repeat;
}
div#about ol li.skills p.panel{
	clear: both;
	margin-right: 52px;
	margin-left: 52px;
	padding: 10px 20px;
	background-color: #141414;
	display: block;
}
/*contact*/
div#contact ol li {
	list-style-type: none;
	background-image: url(content-list.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin: 0px 0px 30px;
	padding-bottom: 30px;
	position: relative;
}
div#contact ol li dl{
	display: block;
	margin-left: 300px;

}
div#contact ol li dl dd{
	color: #666666;
	margin-bottom: 10px;
	padding-left: 25px;
	background-image: url(services.jpg);
	background-repeat: no-repeat;
	background-position: left center;

}
div#contact ol li p.clear{
	clear: both;

}
div#contact ol li#vcard{
	padding-right: 52px;
	padding-left: 52px;
	position: relative;
}
div#contact ol li#vcard p{
	padding-left: 300px;
	color: #666666;
	font-size: 15px;

}
div#contact ol li#vcard h2{
	font-size: 16px;
	text-transform: uppercase;
	color: #FFFFFF;
	font-weight: bold;
	margin-bottom: 15px;
	padding-left: 300px;

}
div#contact ol li#vcard div.vcard{
	float: left;
	width: 260px;
	padding: 0px 0px 10px;
}
div#contact ol li#vcard a{
	padding: 25px 15px 25px 95px;
	background-color: #141414;
	background-image: url(vcard.png);
	background-repeat: no-repeat;
	background-position: 15px center;
	color: #FFFFFF;
	font-size: 13px;
	text-transform: uppercase;
	margin: 0px;
	display: block;
}
div#contact ol li#vcard div.vcard span{
	display: block;
	font-size: 15px;
	color: #666666;
	margin-top: 10px;
	margin-left: 16px;
}
div#contact ol li#vcard div.vcard span em{
	background-color: #131313;

}
div#contact ol li div.contact{
	padding-left: 355px;
	margin-bottom: 0px;
	padding-top: 15px;

}
div#contact ol li div.contact h3{
	font-size: 16px;
	text-transform: uppercase;
	color: #FFFFFF;
	font-weight: bold;
	margin-bottom: 15px;

}
div#contact ol li div.contact p{
	margin-top: 5px;
	margin-bottom: 15px;
	color: #CCCCCC;
}
div#contact ol li div.contact p span{
	margin-top: 10px;

}
div#contact ol li div.contact p input{
	font-size: 18px;
	line-height: 1.4em;
	padding: 5px;
	color: #FFFFFF;
	width: 400px;
	background-image: url(greyback.jpg);
	border: 0px none;
	font-weight: normal;
}
div#contact ol li div.contact p textarea{
	font-size: 15px;
	line-height: 1.4em;
	padding: 5px;
	color: #FFFFFF;
	width: 520px;
	background-image: url(greyback.jpg);
	border: 0px none;
	overflow: auto;
}
div#contact ol li div.contact p.submit-button input{
	font-size: 18px;
	width: 80px;
	background-image: none;
	color: #333333;

}
div#contact ol li div.contact div.social{
	position: absolute;
	width: 250px;
	left: 62px;
	color: #666666;
}
div#contact ol li div.contact div.social p a{
	color: #FFFFFF;
	padding-left: 21px;
}
div#contact ol li div.contact div.social p a.facebook{
	background-image: url(facebook.png);
	background-repeat: no-repeat;
	background-position: left center;

}
div#contact ol li div.contact div.social p a.linkedin{
	background-image: url(linkedin.png);
	background-repeat: no-repeat;
	background-position: left center;

}
div#contact ol li div.contact div.social p a.twitter{
	background-image: url(twitter.png);
	background-repeat: no-repeat;
	background-position: left center;

}
div#contact ol li div.contact div.social p a.delicious{
	background-image: url(delicious.png);
	background-repeat: no-repeat;
	background-position: left center;

}
div#contact ol li div.contact div.social p a.flickr{
	background-image: url(flickr.png);
	background-repeat: no-repeat;
	background-position: left center;

}
div#contact ol li div.contact div.social p a.lastfm{
	background-image: url(lastfm.png);
	background-repeat: no-repeat;
	background-position: left center;

}

/*footer*/
div#footer {
	background-image: url(bottom.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 250px;
	clear: both;
	position: relative;
}
div#footer span{
	position: absolute;
	left: 120px;
	top: -40px;

}
div#footer span a{
	background-image: url(backtomenu.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 77px;
	width: 126px;
	display: block;
	font-size: 0px;
	color: #141414;
	text-decoration: none;

}
div#footer p.cc{
	float: left;
	text-align: left;
	margin-top: 62px;
	background-image: url(cc.jpg);
	background-repeat: no-repeat;
	background-position: 25px top;
	padding-left: 72px;
	color: #242424;
	width: 510px;
	padding-top: 7px;
	font-size: 15px;
	line-height: 19px;
}
div#footer p.cc a{
	color: #000000;

}
div#footer ul#credits{
	width: 180px;
	float: right;
	text-align: left;
	margin-right: 72px;
	margin-top: 63px;
	list-style-type: none;

}
div#footer ul#credits h4{
	display: none;

}
div#footer ul#credits li{

}
div#footer ul#credits li a{
	font-size: 0px;
	color: #565656;
	text-decoration: none;
	display: block;
}
div#footer ul#credits li.wordpress a{
	background-image: url(credits.jpg);
	background-repeat: no-repeat;
	background-position: left -2px;
	height: 33px;
	width: 150px;
}
div#footer ul#credits li.jquery a{
	background-image: url(credits.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 33px;
	width: 150px;

}
div#footer p.copy-note{
	clear: both;
	color: #242424;
	margin-left: 72px;
	text-align: left;
	padding-top: 45px;
	font-size: 14px;

}
div.validate{
        margin-left:62px;
        margin-top: -80px;
        position:absolute;
}
div.validate a{
        font-size:11px;
        margin: 0px 10px 0px 10px;
        color:#333333;
}
div.validate a:hover{
        text-decoration:none;
        color:#75a74e;
        background-color:#000000;
}
/*reset*/
li.reset{
       background-image: none !important;
       padding:0px !important;
       margin:0px !important;
}

/*tooltip*/
#tooltip{
	position:absolute;
	background:#000000 url(zoom.jpg) no-repeat 6px center;
	padding:10px 15px 10px 40px;
	color:#FFFFFF;
	display:none;
	font-size: 13px;
	}	

/*general*/
a, a:link{
	text-decoration: none;
	color: #FFFFFF;
}
a:hover, a:active, a:focus{
	outline:none;
	text-decoration: underline;
}
/*IE only hack*/
* html div#navigate ul.menu li.first{
	margin-left: 30px;
	color: #333333;
}
* html ul.menu li a span.portfolio {
	background-image: url(image_48.gif);
}
* html ul.menu li a span.about-me {
	background-image: url(questionmark_48.gif);
}
* html ul.menu li a span.contact {
	background-image: url(mail_write_48.gif);
}
* html div#portfolio ol li p em {
	margin-right: 26px;
	font-style: normal;
}
* html div#about ol li div.alignleft{
	margin-left: 26px;
}
* html div#about ol li ul.code-skills{
	margin-left: 26px;
}
* html div#contact ol li div.contact div.social{
	left: -300px;
	top: 12px;
}