/*
--------------------------------------------------------
MANUXONLINE HANDHELD CSS - by Emanuele Pelliccione 
--------------------------------------------------------
*/

/*
--------------------------------------------------------
IMPORTAZIONE DELLO STILE SCREEN
--------------------------------------------------------
*/

@import "default.css";

/*
--------------------------------------------------------
SOVRASCRIZIONE DELLE REGOLE PER IL CSS HANDHELD
--------------------------------------------------------
*/

/*
--------------------------------------------------------
GENERALI
--------------------------------------------------------
*/

body {
	padding: 0 3px;
	font: 10px sans-serif;
	text-align: left;
	background: none;
	background-color: #8f8f8f;
}
.alt {
	display: block;
}

/*
--------------------------------------------------------
LAYOUT
--------------------------------------------------------
*/

div#container {
	width: auto;
	max-width: 230px;
	background-color: #2d2d2d;
}
div#header {
	height: auto;
	background: none;
	background-color: #222;
}
div#page {
	float: none;
	background: none;
}
div#left, div#right {
	float: none;
	width: auto;
}
div#leftin {
	margin: 0;
}
div#rightin {
	width: auto;
	margin: 0;
	padding: 0;
}
div#footer {
	height: auto;
	margin: 15px 0 0 0;
	background: none;
	background-color: #4d4d4d;
	padding: 5px 0 5px 10px;
	border-top: 1px solid #727272;
	border-bottom: 1px solid #727272;
}

/*
--------------------------------------------------------
FORMATTAZIONE
--------------------------------------------------------
*/

h1 {
	width: auto;
	height: 31px;
	padding: 10px;
	border-bottom: 1px solid #636363;
}
h1 a:link, h1 a:visited, h1 a:hover {
	width: auto;
	height: 31px;
	background: transparent url(../i/logomob.gif) top left no-repeat;
}
h2 {
	width: auto;
	height: auto;
	margin-top: 15px;
	padding: 5px 10px;
	border-top: 1px solid #727272;
	border-bottom: 1px solid #727272;
	font-size: 12px;
	color: #fff;	
}
h2#headhome, h2#headprofilo, h2#headportfolio, h2#headblog, h2#headcontatti {
	background: none;
	background-color: #4d4d4d;
}
h3 {
	margin: 10px 0 10px 0;
	padding: 3px 10px;
	border-top: 1px solid #727272;
	border-bottom: 1px solid #727272;
	font-size: 11px;
	background: none;
	background-color: #4d4d4d;
}
h3#first, h3#firstblog, h3#second {
	margin: 10px 0;
}
h4 {
	width: auto;
	height: auto;
	padding: 3px 10px;
	border-top: 1px solid #727272;
	border-bottom: 1px solid #727272;
	font-size: 11px;
	color: #fff;
}
h4#mainmenu, h4#blog {
	background: none;
	background-color: #4d4d4d;
}
dt {
	margin: 7px 0 6px 10px;
	font-size: 10px;
	font-weight: bold;
	color: #f6f6f6;
}
p {
	padding: 0 10px 10px 10px;
}
dd {
	padding: 0 10px;
}
dd p {
	padding: 0 0 10px 0;
}
ul {
	margin-left: 10px;
}
ul.simple {
	margin-bottom: 10px;
}

/*
--------------------------------------------------------
FORMATTAZIONE --> MENU
--------------------------------------------------------
*/

ul.menu {
	width: auto;
	padding-bottom: 0;
	background: none;
	margin-left: 0;
}
ul.menu li a:link, ul.menu li a:visited {
	border-bottom: 1px solid #2d2d2d;
	background-color: #404040;
} 
ul.menu li a:hover, ul.menu li a:focus {
	background: #666 url(../i/arrow.gif) 5px no-repeat;
}

/*
--------------------------------------------------------
FORMATTAZIONE --> HOMEPAGE DETTAGLI
--------------------------------------------------------
*/

dl#latestwork1 {
	margin: 0 10px;
	padding: 0;
	border-bottom: none;
	background: none;
}
dl#latestwork2 {
	margin: 10px 10px 0 10px;
	padding-left: 0;
	background: none;
}
dl#latestwork1 dt, dl#latestwork2 dt {
	margin: 7px 0 6px 0;
}
dl#latestwork1 dd, dl#latestwork2 dd {
	padding-left: 0;
}
img#manupic {
	float: none;
	margin: 0;
}

/*
--------------------------------------------------------
FORMATTAZIONE --> PAGINA BLOG DETTAGLI
--------------------------------------------------------
*/

dl#bloglist p.posted {
	padding: 2px 0 10px 0;
	background: none;
	font-size: 9px;
}
dl#bloglist p.posted a {
	display: block;
}

/*
--------------------------------------------------------
FORMATTAZIONE --> PAGINA PORTFOLIO DETTAGLI
--------------------------------------------------------
*/

a:link img#prew, a:visited img#prew, a:hover img#prew, a:focus img#prew {
	border: none;
}
img#prew {
	width: 100%;
	margin-top: 10px;
}
ul#foliolist {
	margin: 12px 10px 0 10px;
}
ul#foliolist li {
	padding-bottom: 10px;
	line-height: 1.5em;
}
ul#foliolist li a:link, ul#foliolist li a:visited {
	padding: 0;
	border-top: none;
	border-bottom: none;
	background: none;
}
ul#foliolist li a:hover, ul#foliolist li a:focus, ul#foliolist li#praesto, ul#foliolist li#sheilaskal, ul#foliolist li#rock, ul#foliolist li#prog, ul#foliolist li#edil, ul#foliolist li#manux, ul#foliolist li#praesto a:link, ul li#praesto a:visited, ul#foliolist li#sheilaskal a:link, ul li#sheilaskal a:visited, ul#foliolist li#rock a:link, ul li#rock a:visited, ul#foliolist li#prog a:link, ul li#prog a:visited, ul#foliolist li#edil a:link, ul li#edil a:visited, ul#foliolist li#manux a:link, ul li#manux a:visited, ul#foliolist li#praesto a:hover, ul#foliolist li#praesto a:focus, ul#foliolist li#sheilaskal a:hover, ul#foliolist li#sheilaskal a:focus, ul#foliolist li#rock a:hover, ul#foliolist li#rock a:focus, ul#foliolist li#prog a:hover, ul#foliolist li#prog a:focus, ul#foliolist li#edil a:hover, ul#foliolist li#edil a:focus, ul#foliolist li#manux a:hover, ul#foliolist li#manux a:focus {
	background: none;
}
ul#foliolist li a strong {
	font-size: 10px;
}

/*
--------------------------------------------------------
FORMATTAZIONE --> RIQUADRI
--------------------------------------------------------
*/

ul#dati, ul#tecniche, div#msg {
	border-left: none;
	border-right: none;
}
ul#dati {
	margin: 10px 0 0 0;
}
ul#tecniche {
	margin: 15px 0 10px 0;
}
div#msg {
	margin-top: 5px;
	padding: 5px 0;
}

/*
--------------------------------------------------------
FORMATTAZIONE --> LINK SPECIALI
--------------------------------------------------------
*/

p#rss, p#cv, p#back, p#launch {
	margin: 0;
	border-top: none;
	border-bottom: none;
	background: none;
}
p#rss a:link, p#rss a:visited, p#cv a:link, p#cv a:visited, p#back a:link, p#back a:visited, p#launch a:link, p#launch a:visited {
	padding: 0;
	background: none;
}
p#rss a:hover, p#rss a:focus, p#cv a:hover, p#cv a:focus, p#back a:hover, p#back a:focus, p#launch a:hover, p.launch a:focus {
	background: none;
}

/*
--------------------------------------------------------
FORMATTAZIONE --> PAGINA CONTATTI DETTAGLI
--------------------------------------------------------
*/

form {
	padding: 0 10px;
}
label {
	width: auto;
	padding-left: 0;
	font-size: 11px;
	line-height: 1.6em;
	background: none;
}
input#nome, input#email, textarea#messaggio {
	width: 100%;
	margin: 0;
	padding: 2px;
	font: 10px sans-serif;
}
textarea#messaggio {
	height: auto;
}
#submit {
	font: 10px sans-serif;
	font-weight: bold;
}
dl#fields dd {
	padding-left: 0;
}

/*
--------------------------------------------------------
FORMATTAZIONE --> FOOTER DETTAGLI
--------------------------------------------------------
*/

div#footer p {
	padding: 0;
	text-align: left;
}

/*
--------------------------------------------------------
ELEMENTI INVISIBILI
--------------------------------------------------------
*/

h1 .alt, ul.menu li#normale, ul.menu li#grande, h4#styles, div#footer a, #ftype, img.dx, img.sx {
	display: none;
}