body {
            margin:0;
	text-align: center;
                font-size:12px;
	font-family: Arial,Helvetica,sans-serif;
                background-color:#f9f2ff;
	}

img { border:0; }

#container{
      width:800px;
      margin-left:auto;
      margin-right: auto;
      text-align:left;
      border:solid 2px #d4bbee;
      background-color:#fff;
}

#container p.head {
    color: #fff;
	font-size: 9px;
	margin: 0;
	padding: 4px 0 0 0;
                color:#dd3cda;
	text-align: center;
                height:15px;
                background-image:url(../images/purple-top2.jpg);
	}

#container p.head {
	color: #900;
	}


#header {
             margin:0;
             padding:0;
             height: 110px;
             background-image:  url(../images/purple-header2.jpg);
             background-repeat: repeat-x;
	}


#header h1{
             font-size:30px;
             font-weight:bold;
	margin: 20px 0 25px 20px;
	padding: 0px;
	}
	
#header h1 a {
      text-decoration: none;
      color: #93f;
	}

#header h1 a:hover{
             text-decoration: underline;
	}


#header h2{
             font-size:12px;
             margin: 10px 0 0 50px;
             color:#9966ff;
                }


#menubar {
             margin:0;
             padding:0;
             height:23px;
             background-image:  url(../images/purple-menu.jpg);
             background-repeat: repeat-x;
	}

#menubar p{ 
    font-size:12px;
    color:#900;
    text-align:center;
    margin:5px 0 0 0;
 }

#leftbar{
   float:left;
   width:180px;
   margin:0px 0px 20px 0px;
}
 


#list {
   width:170px;
   margin:10px 0 15px 10px;
   padding:0;
   background-image:  url(../images/purple-bar.jpg);
   background-repeat: repeat-y;
   border:solid 2px #cc99fe;
}

#list h4{
   font-size:12px;
   font-family:Verdana,Helvetica,sans-serif;
   color:#900;
   border-bottom:solid 1px #900;
   paddling:0;
   margin:8px 3px 3px 5px;
}

#list .menu {
   list-style-type:none;
   margin:5px 0 0 12px ;
   font-size:12px;
}

#list .menu a{ 
   color:darkblue; 
   text-decoration:none;   
}

#list .menu a:hover{ 
   text-decoration:underline;
 }

#list .menu li{
   margin-bottom:3px;
}

#list p.repo{
   width:170px;
   font-size:10px;
   text-align:left;
   margin:0px;
   padding:5px 5px 5px 5px;
   color:#333;
   line-height:140%;
}


#list p a{ 
   color:darkblue; 
   text-decoration:none;   
}

#list p a:hover{ 
   text-decoration:underline;
   color:#f50;
 }

#list p.prof{
   width:170px;
   font-size:9px;
   text-align:left;
   background:;
   margin:0px;
   padding:5px 0px 5px 5px;
   color:#555;
   line-height:140%;
}

#list p.prof img{ margin-left:3px; }
#list p.prof a{
   font-size:10px;
   color:darkblue;
   text-decoration:underline;
}

#list p.prof a:hover{ 
   color:#f50;
}


#calendar {
   font-size:12px;
   test-align:center;
   width:160px;
   margin:0 0 0 10px;
}

#calendar a{
   color:red;
   font-weight:bold;
}

#calendar a:hover{
   background-color:;
}

#mainpage{
   float:left;
   width:420px;
   margin:0px 0px 3px 0px;
   background-color:#fff;
}

#content{
   margin:20px 0 0 3px;
}

.rightimg{ float:right; }
.centerimg{ text-align:center; }
.leftimg{ float:left; }

#content .catch{
   font-size:24px;
   color:#93f;
   margin:5px 0 0 20px;
   height:70%;
}

#content .catch2{
   font-size:12px;
   color:#96f;
   margin:5px 0 0 50px;
}

#content h3{
             font-size:16px;
             color:#dd3cda;
             text-aligh:left;
             height:25px;
             margin-left:8px;
             padding:7px 0 0 32px;
             background-image:url(../images/sakura-icon.gif);
             background-repeat:no-repeat;
}	

#content p.date{
   font-size:14px;
   font-weight:bold;
   color:#900;
   margin-left:5px;

}
.mark{ margin-right:5px;
          vertical-align:middle;
 }

#content p{
        font-size:12px;
        color:#444;
        line-height:180%; 
        padding:2px 8px 2px 20px; 
}

#content a{  
   color:darkblue; 
}

#content a:hover{ 
   color:#f50;
}

#content .posted{
   font-size:11px;
   padding:2px 0px 3px 10px;
   margin-bottom:50px;
}

#content h2#trackbacks, #content h2#comments{
   font-size:12px;
   color:f70;
   margin-top:40px;
}

#content #tbdate h3{
   font-size:12px;
   color:#888;
   margin-bottom:0;   
}

#content #tbdate p , #content #comdata p {
   font-size:12px;
   color:#555;
   margin-top:5px;
   margin-bottom:0;
}

#content #comdata p.posted{
   margin-bottom:20px;
}

#content .error{
   font-size:18px;
   font-weight:bold;
   color:red;
   border:solid 1px red;
   padding:5px;
   text-align:center;
}

#content #categorydata li{
   font-size:14px;
   margin-bottom:10px;
}

#content #categorydata span{
   font-size:smaller;
   color:#77a822;
   margin-left:10px;
}


#rightbar{
   float:right;
   width:175px;
   margin:0px 0px 20px 0px;
   }

#rlist{
   width:165px;
   margin:10px 10px 15px 0 ;
   padding:0;
   background-image:  url(../images/purple-bar2.jpg);
   background-repeat: repeat-y;
   border:solid 2px #cc99fe;

}

#rlist h4{
   font-size:12px;
   font-family:Verdana,Helvetica,sans-serif;
   color:#900;
   border-bottom:solid 1px #900;
   paddling:0;
   margin:15px 3px 3px 5px;
}

#rlist p{
   font-size:10px
   color:#333;
   padding:8px 2px 5px 5px;
   margin:0;
}

#rlist p img{ margin-left:20px; }

#rlist .menu {
   list-style-type:none;
   margin:5px 0 0 15px ;
   font-size:12px;
}

#rlist p a, .menu a{ 
   color:darkblue; 
   text-decoration:none;   
}

#rlist p a:hover, .menu a:hover{ 
   text-decoration:underline;
   color:#f50;
 }

#rlist .menu li{
   margin-bottom:3px;
}

#ad {
  width:160px;
  margin-left:3px;
  border:solid 1px #cc99ff;
}


#footer{
   clear:both;
   border-top:solid 3px #aaa;
   text-align:center;
   padding:0;
   margin:0 0 5px 0;
}

#footer p,h5 {
	text-align:center;
	margin:0;
	padding:0 0 0 0 ;
	font-size:11px;
	font-weight:bold;
	color:gray;
	}

#footer p a, h5 a{ color:gray;}
#footer p a:hover, h5 a:hover{ color:#fc0;}

