/* AUTHOR: Pisani Alessandro - www.pisanialessandro.it */

* {margin: 0;padding: 0;}
body {margin: 0; text-align: center;color: #000;font-size: 12px; background-color: #000000; font-family:"Helvetica"; }
a {text-decoration: none;color:#34091a;}
a:hover {text-decoration: underline;}
a img{border:none;}
.fix {clear: both;}
#container {border:0px solid red;position: relative; margin: 16px auto;width:821px;text-align: left;}
embed{margin:0;padding: 0;}

.paginator{cursor: pointer;}
#containerLogin{height:auto !important; min-height:100%;background-color: white;border: 15px solid black; margin: 0;padding: 50px;}
#loginForm{ border:0px solid black;position: relative; margin: 25px auto 0; width: 400px;height: 216px;background: white url(img/login.jpg) top center no-repeat;}
#loginForm form{padding-top: 160px;margin-left: 25px;}
#loginForm #psw{margin-top: 7px;display: block;float: left; text-indent: -9999px; width: 69px;height: 13px;background: url(img/psw.jpg) top left no-repeat;}
#loginForm input#inputPsw{margin: 0 5px; display: block;border: 0px; float: left;width:192px;height: 30px;background: url(img/input.jpg) top left no-repeat;padding:1px 0 0 10px;font-size: 18px;}
#loginForm input.enter{float:left;margin-top:1px;cursor: pointer; border:0px; width: 67px;height:27px;background: url(img/enter.jpg) top left no-repeat; }
#loginForm input.enter:hover{background: url(img/enter.jpg) 0 -29px no-repeat; }

/* HEADER */
#container #header {background: url(img/bgHead.gif) top left no-repeat;  background-color: #fff;width:788px;height: 152px;padding: 65px 16px 16px 16px;}
#container #header h1 a{margin-left:-16px;float:left;background: url(img/cynthia-martens.jpg) top center no-repeat;display:block;width: 821px;height:95px;text-indent: -9999px;margin-bottom: 45px;}

#container #header #menu ul{list-style: none;float:left;}
#container #header #menu ul{position: relative; }
#container #header #menu ul li{float: left;margin-right: 10px;line-height: 17px;}
#container #header #menu ul li a{text-transform: uppercase;}

/* CONTENT */
#container .section{background-color: #fff; padding:16px; width:788px;position:relative; height: 305px;margin-top: 16px;overflow: hidden; }

#container .section .head{float:left;margin-bottom: 5px;margin-top:-4px;margin-left:-3px;height:78px;}
#container .section .head h3.title{font-size:27px;line-height: 31px;}
#container .section .head h2.avant{letter-spacing: -3px; margin-bottom:15px;text-transform: uppercase;font-size: 63px;line-height: 16px;}
#container .section .head h3#milaneseTitle{margin-bottom:4px;width:242px;height:74px;background: url(img/milanese.jpg) top left no-repeat;text-indent: -9999px;}
#container .section .head h3#personalTitle{margin-bottom:4px;margin-left:-3px;width:242px;height:74px;background: url(img/personal.jpg) top left no-repeat;text-indent: -9999px; }
#container .section .head h3#publishedTitle{margin-bottom:4px;width:242px;height:74px;background: url(img/published.jpg) top left no-repeat;text-indent: -9999px; }
#container .section .head h3#aboutTitle{margin-bottom:4px;width:242px;height:74px;background: url(img/about.jpg) top left no-repeat;text-indent: -9999px; }


#container .section .articlesContainer{ clear:left;float: left;width:376px;height:205px;overflow: hidden;}
#container .section .articlesContainer h4{cursor:pointer; margin-bottom: 2px;font-size:10px;}
#container .section .articlesContainer .article{border-top: 1px solid #ccc; font-size:10px; padding:10px 0;text-align:justify;}

#container .section .articlesContainer .paginatore{border-top: 1px solid #ccc; font-size:10px; padding:12px 0;}

#container .section .articlesContainer .article p {text-align: justify;line-height: 11px;}
#container .section .articlesContainer .article p a{color: red;cursor: pointer;}
#container .section .articleFullContainer a{text-decoration: underline;}
#container .section .articleFullContainer a:hover{text-decoration: none;}
#container .section .articleFullContainer a.backToTop{background: url(img/upArrow.jpg) 0 2px no-repeat;padding-left: 10px; display:block;text-decoration: none;line-height:9px;margin-top:10px; font-size:10px;font-weight:bold;}
#container .section .articleFullContainer a.backToTop:hover{text-decoration: underline;}
background:transparent url(img/leftArrow.jpg) no-repeat scroll 0 2px;



#container .section .articlesContainer .article a.more{text-decoration: none;}
#container .section .articlesContainer .article a.more:hover{text-decoration: underline;}

#container .section .articlesContainer .article h4 a{text-decoration: none;}
#container .section .articlesContainer .article h4 a:hover{text-decoration: underline;}

#container .section .imgContainer{height:305px; overflow: hidden; float:right; }
#container .section .imgSectionContainer{position: absolute; z-index: 10; top:10px;}
#container .section .imgArticleContainer{top:16px;position: absolute; z-index: 12; }
#container .section .underImgArticleContainer{padding: 5px 0 0 0px;}
#container .section .underImgArticleContainer .entries{padding-left: 3px;font-size: 10px;width:390px;}
#container .section .underImgArticleContainer .entries p{margin-bottom: 3px;}
#container .section .underImgArticleContainer .entries a{font-weight: bold;}
#container .section .underImgArticleContainer .mostRead {margin-top:10px;padding-top:58px;background: url(img/mostRead.jpg) top left no-repeat;position: relative;width: 390px; height: auto; }
#container .section .underImgArticleContainer .mostRead ul{position: relative;margin-left: 0px;list-style: none;}
#container .section .underImgArticleContainer .mostRead ul li{margin-bottom:2px;line-height:10px;padding-left:16px;background:url(img/listIcon.jpg) top left no-repeat;font-weight: bold;font-size: 10px;}


#container .section .backToTheIndex{margin-left:10px;line-height:9px;background: url(img/leftArrow.jpg) 0px 2px no-repeat; padding-left: 12px;margin-top:4px; cursor:pointer;display:none; font-size: 10px;font-weight: bold;position: absolute;left:300px;}
#container .section .totalEntries{ font-size: 10px;font-weight: bold;position: absolute;left:310px;margin-top:3px;}


#container .section .articleFullContainer { clear:left;float: left;width:376px;}
#container .section .articleFullContainer .article{border-top: 1px solid #ccc; font-size:10px; padding:10px 0;}
#container .section .articleFullContainer .article p {text-align: justify;}
#container .section .articleFullContainer .article h4{font-size: 15px;font-weight: bold;}
#container .section .articleFullContainer .article h5{font-size: 10px;font-weight: normal;margin-bottom:10px; }
#container .section .articleFullContainer .article h6{font-size: 12px;font-weight: normal; font-style: italic;margin:10px 0;}

#container .section a.arrowUp{cursor: pointer; text-indent: -9999px; position: absolute;width: 36px;height: 36px; background:url(img/arrowUp.png) top left no-repeat;top:294px; left:390px;}
#container .section a.arrowDown{cursor: pointer;text-indent: -9999px; position: absolute;width: 36px;height: 36px; background:url(img/arrowDown.png) top left no-repeat;top:294px; left:390px;}