/*
Theme Name: gioppy
Theme URI: http://www.amp-gioppy.com/
Description: The default gioppy theme.
Version: 1.0
Author: Giovanni Buffa
Author URI: http://www.amp-gioppy.com/

	gioppy v1.0

	This theme was designed and built by Giovanni Buffa,
	whose blog you will find at http://www.amp-gioppy.com/

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

*/

/*RESET*/

*{
margin:0;
padding:0;
border:none;
outline:none;
}

/*GENERAL*/

body{
background:#202020;
width:100%;
margin:0 auto;
color:#dfdfdf;
font:75% "Trebuchet MS", Helvetica, Arial, sans-serif;
}

#wrapper{
width:780px;
margin:0 auto;
}

.indent{
text-indent:-9999px;
}

.left{
float:left;
}

.right{
float:right;
}

.clear{
clear:both;
}

#header #logo h1 a,
#header #logo h2,
#content #project-root .project-year ul li,
#recent #carousel-recent,
#content #gallery,
#recent #text-recent a.view-all-projects,
#footer #footer-content #contact-me .widgetcform input.sendbutton,
#content #project-root .zeronine h1,
#content #project-root .zeroeight h1,
#content #project-root .ten h1,
#recent #text-recent h2,
#footer #footer-content #follow-me h2,
#footer #footer-content #contact-me h2{
background:url(images/sprite_general.gif) no-repeat;
}

#footer #footer-content #follow-me #follow-me-icons ul li.eflux a,
#footer #footer-content #follow-me #follow-me-icons ul li.linkedin a,
#footer #footer-content #follow-me #follow-me-icons ul li.facebook a,
#footer #footer-content #follow-me #follow-me-icons ul li.twitter a{
background:url(images/sprite_icons.png) no-repeat;
}

p.linklove{
display:none;
}

/*HEADER*/

#header{
height:88px;
background:url(images/header_divider.gif) no-repeat;
background-position:0 93px;
padding:32px 0 0 0;
position:relative;
}

#header #logo{
position:absolute;
top:60px;
}

#header #logo h1{
margin:0 0 0 0;
}

#header #logo h1 a{
display:block;
width:211px;
height:31px;
background-position:0 -77px;
/*background:url(images/logo.gif) no-repeat;*/
}

#header #logo h2{
width:86px;
height:21px;
background-position:0 0;
/*background:url(images/claim.gif) no-repeat;*/
margin:6px 0 0 129px;
}

#header #menu{
position:absolute;
top:75px;
right:0;
}

#header #menu ul{
list-style:none;
}

#header #menu ul li{
display:block;
float:left;
}

#header #menu ul li a{
display:block;
height:17px;
background:url(images/sprite_menu.gif) no-repeat;
}

#header #menu ul li.info a{
width:44px;
background-position:-70px 0;
}

#header #menu ul li.info a:hover,
#header #menu ul li.info a:focus,
#header #menu ul li.info a.selected{
background-position:-70px -17px;
}

#header #menu ul li.progetti a{
width:70px;
background-position:0 0;
}

#header #menu ul li.progetti a:hover,
#header #menu ul li.progetti a:focus,
#header #menu ul li.progetti a.selected{
background-position:0 -17px;
}

#header #menu ul li.contatto a{
width:75px;
background-position:-114px 0;
}

#header #menu ul li.contatto a:hover,
#header #menu ul li.contatto a:focus,
#header #menu ul li.contatto a.selected{
background-position:-114px -17px;
}

/*VIEWS*/

#views{
margin:46px 0 0 0;
}

/*RECENT*/

#recent{
height:280px;
}

#recent #carousel-recent,
#content #gallery{
width:382px;
height:280px;
background-position:0 -262px;
margin:0 0 0 79px;
}

#content #gallery{
margin:0 79px 0 0;
}

#recent #text-recent{
width:220px;
padding:30px 0 0 0;
}

#recent #text-recent h2{
width:203px;
height:26px;
background-position:0 -235px;
/*background:url(images/recen_project_label.gif) no-repeat;*/
margin:0 0 30px 0;
}

#recent #text-recent p strong{
color:#b05ed6;
}

#recent #text-recent a.view-all-projects{
display:block;
width:198px;
height:24px;
background-position:0 -543px;
margin:30px 0 0 0;
}

/*CONTENT*/

#content #project-root{
}

#content #project-root .project-year{
margin:0 0 50px 0;
width:100%;
}

#content #project-root .zeronine h1{
width:58px;
height:27px;
background-position:0 -596px;
margin:0 3px 6px 0;
}

#content #project-root .zeroeight h1{
width:58px;
height:27px;
background-position:0 -568px;
margin:0 3px 6px 0;
}

#content #project-root .ten h1{
width:58px;
height:27px;
background-position:-59px -568px;
margin:0 3px 6px 0;
}

#content #project-root .project-year ul{
list-style:none;
margin:0 0 0 -18px;
}

#content #project-root .project-year ul li{
display:block;
width:133px;
height:117px;
background-position:0 -109px;
padding:4px;
margin:0 0 20px 18px;
}

#content .project,
#content .post,
#content .error{
margin:50px 0 90px 0;
width:100%
}

#content .project h1,
#content .post h1{
font-size:1.8em;
font-weight:normal;
margin:0 0 12px 0;
}

#content .project .project-info{
width:220px;
}

#content .project .project-info .tech-list ul{
padding:0 0 0 22px;
margin:16px 0 20px 0;
}

#content .project .project-info .tech-list ul li{
list-style-image:url(images/bullet_list_project.gif);
list-style-position:center bottom;
line-height:2em;
}

#content .project .project-info .project-intro{
}

#content .project .project-info .project-intro p{
margin:0 0 20px 0;
}

#content .project .project-info .project-intro p strong{
color:#b05ed6;
}

#content .project .project-info .project-intro p a{
color:#fff;
}

#content .post .entry h2{
margin:0 0 12px 0;
}

#content .post .entry h4{
color:#b05ed6;
margin:0 0 4px 0;
}

#content .post .entry p{
margin:0 0 20px 0;
}

#content .post .entry p strong,
#content .post .entry strong{
color:#b05ed6;
}

#content .post .entry p a,
#content .post .entry a{
color:#fff;
}

#content .post .entry ul,
#content .post .entry ol{
padding:0 0 0 24px;
margin:0 0 12px 0;
}

#content .error h1{
font:5em 'Diner-Fatt Regular', Helvetica, Arial, sans-serif;
letter-spacing:2px;
}

#content .error h2{
font:3em 'Diner-Regular Regular', Helvetica, Arial, sans-serif;
letter-spacing:2px;
}

/*FOOTER*/

#footer{
width:100%;
margin:70px auto 0 auto;
height:464px;
background:url(images/footer_bg.gif) left top repeat-x;
color:#0b0b0b;
}

#footer #footer-content{
width:780px;
margin:0 auto;
background: transparent url(images/footer_shine.gif) top center no-repeat;
padding:23px 0 0 0;
}

#footer #footer-content #follow-me h2{
width:136px;
height:27px;
background-position:0 -49px;
/*background:url(images/follow_label.gif) no-repeat;*/
margin:0 0 20px 0;
}

#footer #footer-content #contact-me h2{
width:153px;
height:26px;
background-position:0 -22px;
/*background:url(images/contact_label.gif) no-repeat;*/
margin:0 0 20px 0;
}

#footer #footer-content #follow-me #follow-me-text{
width:220px;
margin:0 20px 0 0;
}

#footer #footer-content #follow-me #follow-me-text p{
margin:0 0 20px 0;
}

#footer #footer-content #follow-me #follow-me-text p a{
color:#DFDFDF;
}

#footer #footer-content #follow-me #follow-me-icons{
width:140px;
}

#footer #footer-content #follow-me #follow-me-icons ul,
#footer #footer-content #contact-me .widgetcform ol{
list-style:none;
}

#footer #footer-content #follow-me #follow-me-icons ul li{
margin:0 0 16px 0;
}

#footer #footer-content #follow-me #follow-me-icons ul li a{
display:block;
width:142px;
height:60px;
}

#footer #footer-content #follow-me #follow-me-icons ul li.eflux a{
background-position:0 0;
}

#footer #footer-content #follow-me #follow-me-icons ul li.linkedin a{
background-position:0 -122px;
}

#footer #footer-content #follow-me #follow-me-icons ul li.facebook a{
background-position:0 -61px;
}

#footer #footer-content #follow-me #follow-me-icons ul li.twitter a{
background-position:0 -183px;
}

#footer #footer-content #contact-me{
width:220px;
}

#footer #footer-content #contact-me .widgetcform{
width:100%;
margin:20px 0 0 0;
}

#footer #footer-content #contact-me .widgetcform .failure,
#footer #footer-content #contact-me .widgetcform .success{
color:#fff;
background:url(images/failure_bg.gif) left top no-repeat;
padding:0 0 0 18px;
margin:0 0 6px 0;
}

#footer #footer-content #contact-me .widgetcform .waiting{
color:#fff;
margin:0 0 6px 0;
}

#footer #footer-content #contact-me .widgetcform .success{
background:url(images/success_bg.gif) left top no-repeat;
}

#footer #footer-content #contact-me .widgetcform h2,
#footer #footer-content #contact-me .widgetcform legend{
display:none;
}

#footer #footer-content #contact-me .widgetcform ol li{
display:block;
width:201px;
margin:0 0 4px 0;
}

#footer #footer-content #contact-me .widgetcform ol li input{
width:201px;
height:18px;
border:1px solid;
border-color:#727272 #b4b4b4 #dadada #b4b4b4;
}

#footer #footer-content #contact-me .widgetcform ol li textarea{
width:201px;
height:80px;
border:1px solid;
border-color:#727272 #b4b4b4 #dadada #b4b4b4;
}

#footer #footer-content #contact-me .widgetcform input.sendbutton{
width:153px;
height:28px;
background-position: -199px -543px;
font-size:1px;
text-align:left;
color:#fff;
margin:12px 0 0 0;
}

#footer #footer-content p.disclaimer{
color:#f6f6f6;
position:relative;
top:50px;
}