/*
Theme Name: Marco Ronchese
Theme URI: http://marcoronchese.net
Version: 1.0
Author: Marco Ronchese
Author URI: http://marcoronchese.net
*/

/*Reset*/
@import url(./styles/reset.css);

/*General*/
html{text-align:center;}
body{font:12px/1.5 Arial, sans-serif;color:#222;margin:0 auto;width:70%;max-width:960px;min-width:780px;text-align:left;}

a{color:#000;font-family:Arial, Sans-Serif;text-decoration:underline;font-weight:bold;}
a:focus{outline:3px solid #f00;}
a:active{outline:none;}
a:hover{text-decoration:underline;}

p{margin:0.5em 0 0.5em 0.2em;text-align:justify;}



h1,h2,h3,h4,h5,h6{font-family:Arial, Sans-Serif;margin:0 0 0.5em 0;color:#000;}

h1{font-size:2em;margin:0;}

h2{font-size:1.7em;text-transform:uppercase;letter-spacing:-1px;}
h2.pagetitle{width:auto;display:block;}

h3{font-size:1.4em;font-weight:200;}

h4{font-size:1.3em;font-weight:bold;}

h5{font-size:1.3em;}

hr{display:none;}

/*Layout*/

#admin{position:fixed !important;position:absolute;top:0;right:0;padding:0.3em 1em;background:#222;color:#fff;}
#admin a{color:#fff;}

/*Header*/
#title{font-size:1.5em;margin:20px 0;line-height:30px;font-weight:normal;}
#title a{text-decoration:none;margin-right:2px;/*display:block;height:16px;width:200px;text-indent:-9999px;background:url(img/title.png) 0 center no-repeat;*/}
#title a:hover{text-decoration:none;}

/*Primary Navigation*/
#primary-nav{display:none;}

/* Navigation*/
#nav{margin:30px 0 15px;padding:0;height:auto;width:100%;border-bottom:2px solid #000;padding-bottom:10px;}

/*Menu*/
#nav ul.menu{margin:0;padding:0;width:auto;}
#nav ul.menu li{float:left;height:auto;width:auto;}
#nav ul.menu li a{color:#000;display:block;line-height:20px;width:auto;text-decoration:none;font-family:arial,sans-serif;font-size:1.3em;letter-spacing:-1px;text-transform:uppercase;padding:0 2px;margin-right:10px;}
#nav ul.menu li:first-child a{padding-left:0;}
#nav ul.menu li a:hover{color:#fff;background-color:#000;}
#nav ul.menu li:last-child a{margin-right:0;}

/*Search*/
#nav .searchform{display:block;height:30px;margin:0 30px;width:120px;float:right;}
#nav .searchform fieldset{display:block;width:100%;}
#nav .searchform input[type=text]{background-image:url(./img/search.gif);background-position:right 0;background-repeat:no-repeat;}
#nav .searchform button{display:none;}


/*Content*/
#content{text-align:left;min-height:330px;height:auto !important;height:330px;margin:10px auto 10px;padding:10px 0 10px;}
#content p{margin:1.3em auto;text-align:justify;}

#content .section{width:30%;float:left;margin:0;}
#content .section#contacts{margin:0 5%;}

#content{float:left;width:70%;}
#content.page {width:100%;float:none;}

/*Sidebar*/
#sidebar{width:25%;float:right;margin:10px auto 10px;padding:10px 0 10px;}
#sidebar h3{font-size:1.4em;text-transform:uppercase;letter-spacing:-1px;font-weight:bold;}

/*Footer*/
#infos{position:relative;height:auto;width:100%;float:left;line-height:1.6em;margin:10px auto 30px;font-size:0.8em;padding-top:10px;border-top:3px solid #000;}

#madewithpassion{display:block;position:absolute;top:10px;right:0;width:135px;height:30px;background:url(./img/madewithpassion.png) 0 0 no-repeat;text-indent:-9999px;}
#madewithpassion:hover{background-position:0 -30px;}

#home{background:url(img/home.png) 0 0 no-repeat;height:330px;}

/*Classes*/
.hidden{left:-9999px;position:absolute;}

.deleted{text-decoration:line-through;}

.alert{background:#000;color:#fff;font-size:1.2em;margin:1em 0;padding:0.5em 1em;}

ul.list{list-style:square;width:100%;font-size:1em;line-height:1.3em;}
ul.list li{margin:0.5em 0 0.5em 2em;}
ul.list ul{list-style:disc;}

span.mail{font-weight:bold;}

.section{margin:0.5em 0;}

.project{margin-bottom:1em;padding-bottom:1em;border-bottom:1px dotted #000;}
.project .label{font-weight:bold;}.project .label:after{content:": ";}


/*VCard*/
.vcard{padding:0.2em 0 0.2em 0.5em;font-size:0.9em;border-left:4px solid #000;}
.vcard .fn{font-weight:bold;margin-bottom:0.3em;}
.vcard .adr{margin-top:0.3em;}

/*Form*/
form{}

form ul li{margin:5px 0;}

label{font-size:1.3em;display:none;}
label:after{content:':';}

input[type=text]{width:170px;border:2px solid #000;}

textarea{width:330px;height:150px;border:2px solid #000;}

input[type=text]:focus,textarea:focus{background-color:#000;background-position:right -20px;color:#fff;}

button{background:#000;color:#fff;border:1px solid #000;margin:0 2px;}
button:active,button:focus{background:#fff;color:#000;}

/*Clear*/
* html .clear{height:1%;}
.clear{display:block;}
.clear:after{clear:both;content:".";display:block;height:0;visibility:hidden;}