/* ---------------------------------
GENERIC STYLE
--------------------------------- */

body {
background-image: url(http://www.romaristora.it/immagini mie/11-bodybg.jpg);
	background-position: center;
        background-repeat: repeat-y;
	background-color: #FFFFFF;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
        text-align: center;
	
}
a:link {
	color: #333333;
	text-decoration: none;
        border-bottom: 1px dotted #333333;
}

a:visited {
	color: #333333;
	text-decoration: none;
        border-bottom: 1px dotted #333333;
}

a:hover {
	color: #666666;
	text-decoration: none;
        border: 0px;
}

input,textarea {
      background-color: #FFFFFF;
      color: #333333;
}

ul {


	list-style: none;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 2px;
}

li{
	background: transparent;
        padding: 0px;
}


blockquote {
        color: #666666;
        background-color: #FFFFFF;
        border: 1px outset #000000;
        padding: 5px;
	margin-left: 10%;
	margin-right: 10%;
}

/* ---------------------------------
BLOG STYLE
--------------------------------- */

#box {
	color: #666666;
        background-color: transparent;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
        padding-top: 5px;
        margin-top: 10px;
        margin-left: auto;
        margin-right: auto;
  	width: 755px;
} 

#header {
        background-color: #FFFFFF;
	background-image: url(http://www.romaristora.it/immagini mie/11-scribble.jpg);
	background-position: center;
	background-repeat: no-repeat;
        height: 260px;
        margin-bottom: 15px; 
} 

#menu {
        float: right;
        text-align: left;
        color: #666666;
        width: 210px;
        margin-bottom: 10px;
        margin-top: 15px;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 15px;
} 

#boxblog {
	color: #666666;
        float: left;
        width: 500px;
	margin-left: 10px;
        margin-bottom: 10px;
        background-color: #FFFFFF;
        padding-bottom: 15px;
        text-align: justify;
        position: center;
}

#footer {
        background-color: transparent;
        height: 20px; 
        padding: 5px 0px;
     	clear: both; 
        font-size: 10px;
        color: #999999;
        text-align: center;
}


/* ---------------------------------
HEADER CONTENT STYLE
--------------------------------- */

#blogtitle {
        font-size: 25px;
        text-transform: capitalize;
        text-align: right;
	color: #000000;
        padding-right: 150px;
        padding-top: 180px;
}

#blogtitle a:link, #blogtitle a:visited {
        font-size: 25px;
        text-transform: capitalize;
        text-align: right;
	color: #000000;
}

#blogtitle a:hover, #blogtitle a:active  {
 	color: #000000;
	text-decoration: none;
}

#blogdescription {
        font-size: 15px;
        text-transform: capitalize;
        text-align: right;
	color: #666666;
        margin-right: 110px;
        margin-top: 10px;
}


/* ---------------------------------
MENU STYLE
--------------------------------- */


.boxmenu {
	margin-bottom: 25px;
}

.voicemenu {
	color: #333333;
        padding-top: 2px;
        padding-bottom: 2px;
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 5px;
	text-align: right;
	text-transform: capitalize;
        font-weight: bold;
        border-bottom: 1px dotted #333333;
}


/* ---------------------------------
POST STYLE
--------------------------------- */


.divlog {
        background-image: url(http://www.romaristora.it/immagini mie/11-logo.jpg);
        background-position: left top;
        background-repeat: no-repeat;
	margin-bottom: 15px;
	padding: 4px;
}

.titlepost {
	color: #C0BEBE;
        font-weight: bold;
        font-size: 11px;
        margin-top: 15px;
        margin-bottom: 10px;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 3px;
	text-transform: capitalize;
        text-align: left;
}

.datepost {
        color: #333333;
	text-transform: capitalize;
        text-align: left;
        font-weight: bold;
        font-size: 11px;
        border-bottom: 1px dotted #333333;
        margin-left: 60px;
        padding-bottom: 2px;
        padding-left: 3px;
        margin-top: 10px;
}

.data {
	color: #666666;
        margin-bottom: 10px;
	font-size: 10px;
        text-align: left;
        margin-left: 60px;
}

.text {
        color: #666666;
        text-align: justify; 
        font-size: 12px;
        margin-bottom: 10px;  
}
.piccolocal a:link { font-size: 9pt; color:#FF0000; text-decoration:none; }
.piccolocal a:hover { font-size: 9pt; color:#FF0066; text-decoration: underline; }
.piccolocal a:visited { font-size: 9pt; color:#FF0066; text-decoration: none; }


/* ---------------------------------
HEADER CONTENT STYLE
--------------------------------- */

#comments {
        color: #333333;
        border-bottom: 1px dotted #333333;
	text-transform: capitalize;
        text-align: left;
        font-weight: bold;
        font-size: 13px;
        padding-bottom: 2px;
        padding-left: 3px;
}

.comment-body{
        color: #666666;
        font-size: 12px;
        text-align: justify;
        margin: 10px; 
        font-weight: normal;
}

.data-comments {
        color: #333333;
	text-transform: capitalize;
        text-align: left;
        font-weight: bold;
        font-size: 11px;
        border-bottom: 1px dotted #333333;
        padding-bottom: 2px;
        padding-left: 3px;
}



</style>
</head>

<body>

<!-- START BLOG BODY -->

    <div id="box">


<!-- START HEADER -->

    <div id="header">
 
        <div id="blogtitle"><a href="/" title="link to home page"><$BlogTitle$></a></div>

        <div id="blogdescription"><$BlogDescription$></div>

    </div>

<!-- END HEADER -->



<!-- START MENU -->

    <div id="menu">


<!-- START CONTENT MENU -->

			           
    <div class="boxmenu">
			                   
            <div class="voicemenu">
		      
                      about
       
            </div>
		
    <center>
                                               
    <img src="<$BlogOwnerPhotoUrl$>"><br /><br />  

    </center>
    <strong>Name:</strong> <$BlogOwnerFullName$><br />
    <strong>From:</strong> <$BlogOwnerLocation$><br />
    <strong>About me:</strong> <$BlogOwnerAboutMe$><br />
    <center>
    <a href="<$BlogOwnerProfileUrl$>">More..</a>
    </center>
				                       
    </div>

                              


    <div class="boxmenu">
			                   
            <div class="voicemenu">
				
                      odi  et amo
                      
	    </div>
				
    <ul>     
    <li> Hate : --- </li>
    <li> Love : ---   </li>
    <li> My music : ---  </li>
    <li> My books : ----   </li>
    </ul>
				
    </div>

                                 

      
    <div class="boxmenu">
			                   
            <div class="voicemenu">
				
                      Links
                      
            </div>
				
    <ul>
    <li><a href="http://www.pannasmontata-templates.net/">Pannasmontata Templates</a></li>
    <li><a href="http://EDITME">Edit-Me</a></li>
    <li><a href="http://EDITME">Edit-Me</a></li>
    </ul>
				
    </div>

                              


    <div class="boxmenu">
			             
            <div class="voicemenu">
				
                      Archives
                      
	    </div>
				
				              
    <ul>  
    <BloggerArchives>
    <li><a href='<$BlogArchiveURL$>'><$BlogArchiveName$></a></li>
    </BloggerArchives>
    </ul>
				
    </div>

                              

  
    <div class="boxmenu">
			                   
            <div class="voicemenu">
				
                      Previous entries
                      
	    </div>
				
				               
    <ul> 
    <BloggerPreviousItems>
    <li><a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a></li>
    </BloggerPreviousItems>
    </ul>	
				
    </div>

                               


    <div class="boxmenu">
			                    
            <div class="voicemenu">
				
                      Tagboard
                      
	    </div>
				
				               
    <center>
                                         
    Insert your tagboard here :) <br />
    Width shouldn't exceed 200px
				                       
    </center>
    </div>

                               

 
    <div class="boxmenu">
			                    
            <div class="voicemenu">
				
                      empty box
                      
	    </div>
				
							                        
    <center>
                                        
    write what you want here or just delete it :)
                                
    </center>
    </div>


<!-- END CONTENT MENU -->


    </div>

<!-- END MENU -->



<!-- START CONTENT MAIN -->

    <div id="boxblog">

    <Blogger>

<!-- START POST -->


 <div class="topdivlog"></div>
		        
    <div class="divlog">

        

    <div class="datepost">
    <BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader>
    </div>
				
    <div class="titlepost"><$BlogItemTitle$></div>
                        
			  	
    <div class="text"><$BlogItemBody$></div>


    <a name="<$BlogItemNumber$>">&nbsp;</a>

    <div class="data">
    posted by <$BlogItemAuthorNickname$> at <$BlogItemDateTime$><$BlogItemControl$> | <a href="<$BlogItemPermalinkURL$>" title="permalink">Permalink</a> |  
    
    <MainOrArchivePage><BlogItemCommentsEnabled> <a class="comment-link" href="<$BlogItemPermalinkURL$>#comments"><$BlogItemCommentCount$> comments</a> </BlogItemCommentsEnabled></MainOrArchivePage>   
    <ItemPage> <BlogItemCommentsEnabled>
    <br /><br /><br />

    <div id="comments"><$BlogItemCommentCount$> Comments:</div>
    <br /><br />
    <ul>
    <BlogItemComments>
                                      
    <li id="<$BlogCommentNumber$>"><a name="<$BlogCommentNumber$>" id="<$BlogCommentNumber$>"></a>
                                          
           <p class="comment-data">At <a href="<$BlogCommentNumber$>" title="comment permalink"><$BlogCommentDateTime$></a>, <b><$BlogCommentAuthor$></b></p>
                                          
           <div class="comment-body">
               <p><$BlogCommentBody$></p>
               <$BlogCommentDeleteIcon$> 
           </div>
    </li>
    </BlogItemComments>
    </ul>

    <div class="data-comments"><$BlogItemCreate$><a href="<$BlogURL$>"> ~ back home</a></div>
    </BlogItemCommentsEnabled> </ItemPage>
    </div>
		
	

    </div>
				
<!-- END POST -->	

 <div class="bottomdivlog"></div>		

    </Blogger>
			
			
    </div>

<!-- END CONTENT MAIN -->  


<!-- START FOOTER  -->

<div id="footer">

    Layout design by <a href="http://www.pannasmontata-templates.net" target="_blank"><b>Pannasmontata</b></a>

</div>

<!-- END FOOTER-->


</div>
<!-- END BLOG BODY -->