/*
---------------------------------------------------------------------

MANUXONLINE CSS

Style Type: Handheld
Author: Emanuele Pelliccione
Last Update: 09-05-2009

---------------------------------------------------------------------
*/

/*
--------------------------------------------------------
CSS SCREEN IMPORT
--------------------------------------------------------
*/

@import url( "manuxonline-screen.css" );

/*
--------------------------------------------------------
GLOBALS
--------------------------------------------------------
*/

*
{
	width: auto !important;
}
body 
{
	margin-bottom: 0;
	font: 10px/18px verdana, arial, helvetica, sans-serif;
}
.right 
{
	float: none;
	margin: 0;
}
.left 
{
	float: none;
	margin: 0;
}

/*
--------------------------------------------------------
LAYOUT > HEADER
--------------------------------------------------------
*/

div#header
{
	position: static;
	height: 46px;
	margin: 0 auto;
	border-bottom: 3px solid #bc8e5f;
	background: #862818 url(../img/mobile-header.gif) 0 0 repeat-x;
}
div#header-contents 
{
	height: auto;
	background: none;
}
div#logo-navigation
{
	position: static;
}
div#logo-navigation-contents
{
	position: static;
	height: auto;
	margin: 0;
	background: none;
}
button#minimize,
button#maximize
{
	display: none;
}

/*
--------------------------------------------------------
LAYOUT > SECTIONS
--------------------------------------------------------
*/

div#contents
{
	padding-top: 0;
}
div.section-box
{
	padding-bottom: 0;
	background: none;
}
div.section-contents
{
	overflow: inherit;
	background: none;
	background-color: #2f2e2c;
}
div.section-contents-main
{
	float: none;
	margin-right: 0;
	padding: 0;
}
div.section-contents-side
{
	float: none;
	margin-left: 0;
	padding-bottom: 1px;
}
div.section-sub-first
{
	float: none;
	padding-right: 0;
}
div.section-sub-second
{
	float: none;
	padding-left: 0;
}

/*
--------------------------------------------------------
LAYOUT > SECTIONS > PROFILE
--------------------------------------------------------
*/

div#profile
{
	padding-top: 0;
	background: none;
}
div#profile div.section-contents
{
	padding-top: 18px;
}
div#profile img
{
	display: none;
}
div#intro,
div#skills,
div#experiences
{
	position: static !important;
	margin-bottom: 18px;
	border-bottom: 1px solid #1e1d1c;
}

/*
--------------------------------------------------------
LAYOUT > SECTIONS > PROFILE > COLOPHON
--------------------------------------------------------
*/

div#colophon
{
	display: none;
}

/*
--------------------------------------------------------
LAYOUT > SECTIONS > PORTFOLIO
--------------------------------------------------------
*/

div#portfolio
{
	padding-top: 0;
	background: none;
}
div#portfolio div.section-box
{
	background: none;
}
div#portfolio div.section-contents
{
	padding: 0 0 1px 0;
	background: none;
	background-color: #2f2e2c;
}
div.portfolio-item
{
	overflow: inherit;
	margin-bottom: 18px;
	padding: 12px 12px 0 12px;
}
div.portfolio-item img
{
	float: none;
	width: 100% !important;
	margin-bottom: 18px;
}

/*
--------------------------------------------------------
LAYOUT > SECTIONS > LINKS
--------------------------------------------------------
*/

div#links
{
	display: none;
}

/*
--------------------------------------------------------
LAYOUT > SECTIONS > CONTACTS
--------------------------------------------------------
*/

div#contacts
{
	padding-top: 0;
	background: none;
}
div#contacts div.section-contents-main
{
	position: static;
}
form 
{
	margin-bottom: 0;
	padding-top: 0;
	border-right: 8px solid #2f2e2c;
	background: none;
}
fieldset 
{
	padding-bottom: 0;
	background: none;
}
input, 
textarea 
{
	width: 100% !important;
	margin-bottom: 12px;
}
textarea 
{
	height: 120px;
}
form button 
{
	position: static;
	width: 60px !important;
	margin: 0;
}
div#output
{
	position: static;
	height: auto;
}
div#output img 
{
	position: static;
}

/*
--------------------------------------------------------
LAYOUT > SECTIONS > FOOTER
--------------------------------------------------------
*/

div#footer
{
	padding-top: 0;
	background: none;
}
div#footer div.section-box
{
	background: none;
}
div#footer div.section-contents
{
	padding: 0;
	background: none;
	background-color: #222120;
}

/*
--------------------------------------------------------
LAYOUT > SECTIONS > 404
--------------------------------------------------------
*/

div#message-404
{
	padding-top: 0;
	background: none;
}
div#message-404 div.section-box
{
	background: none;
}
div#message-404 div.section-contents
{
	padding: 18px 0 1px 0;
	background: none;
	background-color: #2f2e2c;
}

/*
--------------------------------------------------------
TYPOGRAPHY > GLOBALS
--------------------------------------------------------
*/

h1
{
	position: static;
	height: 46px;
	background: transparent url(../img/mobile-logo.gif) 12px 0 no-repeat;
}
h2
{
	height: auto;
	margin-bottom: 18px;
	padding: 5px 12px;
	border-top: 1px solid #413f3d;
	font-size: 12px;
	text-indent: 0;
}
h3 
{
	margin: 0 12px 18px 12px;
	padding-left: 0;
	background: none;
	font-size: 12px;
}
h4
{
	margin: 0 12px 18px 12px;
	font-size: 11px;
}
p
{
	margin: 0 12px 18px 12px;
	padding: 0;
}
ul 
{
	margin: 0 12px 18px 24px;
	padding: 0;
}
ul.list-advanced 
{
	margin-bottom: 18px;
	list-style-type: square;
	background: none;
}
ul.list-advanced li 
{
	padding: 0;
	background: none;
}
ul.list-advanced-links 
{
	padding-bottom: 0;
}
dt 
{
	margin: 0 12px 18px 12px;
	padding-bottom: 0;
	font-size: 11px;
}
dd 
{
	padding-left: 0;
}
dl.deflist-advanced dd 
{
	margin-bottom: 0;
	background: none;
}
blockquote 
{
	display: none
}
ul.list-advanced-links a:link, 
ul.list-advanced-links a:visited 
{
	padding: 0;
	background: none;
}
ul.list-advanced-links a:hover, 
ul.list-advanced-links a:focus 
{
	background: none;
}

/*
--------------------------------------------------------
TYPOGRAPHY > SECTIONS > PROFILE
--------------------------------------------------------
*/

h2#title-main-profile
{
	background: none;
	background-color: #222120;
}

/*
--------------------------------------------------------
TYPOGRAPHY > SECTIONS > PORTFOLIO
--------------------------------------------------------
*/

h2#title-main-portfolio
{
	background: none;
	background-color: #222120;
}
div.portfolio-item h3
{
	margin: 0 0 18px 0;
}
div.portfolio-item ul
{
	margin: 0 0 18px 12px;
}
p.portfolio-link
{
	clear: none;
	margin: 0;
	padding: 0 0 15px 0;
}
div.portfolio-item a:link img, 
div.portfolio-item a:visited img 
{
	border: none;
}
div.portfolio-item a:hover img,
div.portfolio-item a:focus img  
{
	border: none;
}
p.portfolio-link a:link, 
p.portfolio-link a:visited 
{
	height: auto;
	padding-left: 0;
	background: none;
	line-height: 18px;
}
p.portfolio-link a:hover, 
p.portfolio-link a:focus 
{
	background: none;
}
a.thickbox
{
	display: inline;
	position: static;
}
a.thickbox:hover span 
{
	display: none;
}

/*
--------------------------------------------------------
TYPOGRAPHY > SECTIONS > CONTACTS
--------------------------------------------------------
*/

h2#title-main-contacts
{
	background: none;
	background-color: #222120;
}
form
{
	margin: 0 12px 18px 12px;
}
label 
{
	float: none;
	margin: 0;
	text-align: left;
}
input, 
textarea 
{
	font: 10px verdana, arial, helvetica, sans-serif;
}
form dt 
{
	margin: 0 0 12px 0;
}
form dd 
{
	padding: 0;
	background: none;
}
p#ok 
{
	padding: 0;
	background: none;
}
p#error 
{
	padding: 0;
	background: none;
}

/*
--------------------------------------------------------
TYPOGRAPHY > SECTIONS > FOOTER
--------------------------------------------------------
*/

div#footer p
{
	margin: 0;
	padding: 0 12px;
	line-height: 26px;
	text-align: left;
}
div#footer span
{
	display: none;
}
p#link-top
{
	display: block;
	border-bottom: 1px solid #2f2e2c;
}

/*
--------------------------------------------------------
TYPOGRAPHY > SECTIONS > 404
--------------------------------------------------------
*/

h2#title-main-404
{
	background: none;
	background-color: #222120;
}

/*
--------------------------------------------------------
TYPOGRAPHY > SECTIONS > SIDE
--------------------------------------------------------
*/

div.section-contents-side
{
	font-size: 10px;
}
div.section-contents-side h2
{
	height: auto;
	border-bottom: 1px solid #413f3d;
	text-indent: 0;
}
ul.menu-sub-sections
{
	display: none;
}
div.section-contents-side ul
{
	margin: 0 0 18px 0;
}
div.section-contents-side li
{
	line-height: 18px;
}
div.section-contents-side li a:link, 
div.section-contents-side li a:visited 
{
	padding: 4px 12px;
}
div.section-contents-side li a:hover, 
div.section-contents-side li a:focus 
{
	background: none;
	background-color: #4d4c49;
}

/*
--------------------------------------------------------
TYPOGRAPHY > SECTIONS > SIDE > PROFILE
--------------------------------------------------------
*/

h2#title-side-profile
{
	display: none;
}
h2#title-side-cv
{
	height: auto;
	background: none;
	background-color: #222120;
}
h2#title-side-profiles
{
	height: auto;
	background: none;
	background-color: #222120;
}
p#link-cv
{
	margin: 0;
}
p#link-cv a:link, 
p#link-cv a:visited 
{
	padding: 4px 12px;
	border-bottom: 0;
	background: none;
}
p#link-cv a:hover, 
p#link-cv a:focus
{
	background-color: #4d4c49;
}
p#link-cv a em 
{
	display: none;
}

/*
--------------------------------------------------------
TYPOGRAPHY > SECTIONS > SIDE > LINKS
--------------------------------------------------------
*/

h2#title-side-links
{
	display: none;
}

/*
--------------------------------------------------------
TYPOGRAPHY > SECTIONS > SIDE > CONTACTS
--------------------------------------------------------
*/

h2#title-side-contacts
{
	background: none;
	background-color: #222120;
}
ul#quick-contacts li 
{
	padding: 4px 12px;
}
ul#quick-contacts li#contact-mail 
{
	background: none;
}
ul#quick-contacts li#contact-msn 
{
	background: none;
}
ul#quick-contacts li#contact-icq 
{
	background: none;
}
ul#quick-contacts li#contact-mobile 
{
	background: none;
}

/*
--------------------------------------------------------
TYPOGRAPHY > NAVIGATION
--------------------------------------------------------
*/

ul#navigation
{
	display: none;
}