/*
Theme Name: Netopia White
Theme URI: http://netopia.2yi.net
Description: Netopia theme for wordpress
Version: 1.0
Author: Your Index
Author URI: http://www.2yi.net/
*/

body,td,th 
{
font-family:  Arial;
font-size: 95%;
background-color:#fff;
color: #333;
}

#container 
{
width:850px;
margin-left:auto;
margin-right:auto;
}

.clear {clear:both;}

h1 
{
font-family: Arial, sans-serif; 
margin:0px;
padding:0px;
font-size:3em;
color:000;
font-weight:lighter;
}

h1 a
{
color:#333;
text-decoration:none;
}

#content 
{
width:600px;
float:left;
}

#footer 
{
clear:both;
color:#333;
text-align:center;
padding:10px 5px;
border-top:1px solid #333;
position: relative;
top: 8px;
width: 850px;
margin: 8px auto 0 auto;
}

#footer a 
{
color:#000;
text-decoration: underline;
}

#footer a:hover 
{
text-decoration: none;
}

code 
{
display: block;
background:#3F3F3F;
color:white;
text-align:left;
padding: 5px;
border-top: 2px solid #21282E;
}

#header 
{
height:225px;
width:100%;
}

#sidebar
{
background: #fff url(images/sidebar.png) top left no-repeat;
width:235px;
float:right;
padding-top: 3px;
}

#sidebar ul li
{
margin-left: 0.5em;
}

#sidebar ul
{
list-style: none;
margin-left: 5px;
padding: 5px;
}

#sidebar ul li ul
{
color:#000;
margin:0;
padding:0;
list-style-type:square;
list-style-position:inside;
line-height:16px;
}

#sidebar ul a 
{
color:#4059CF;
text-decoration:none;
}

#sidebar ul a:hover 
{
color:#B63E7C;
}


#sidebar ul li ul li ul
{
margin: 0 0 0 5px;
padding-left: 5px;
border:0px;
list-style-type:circle;
}

#sidebar ul li ul li 
{
margin:0;
padding:0;	
}

#sidebar h2 
{
font-family: Arial; 
font-size:18px;
color:#000;
margin: 5px 0 5px 0;
padding: 3px 0 3px 0;
font-weight:bold;
border-bottom: 3px solid #000;
}

/*Newspost Styles*/

.newspost
{
margin-top:5px;
}

.newspost p
{
text-align:left;
margin:10px 5px 10px 5px;
line-height:20px;
}

.newspost a 
{
color:#4059CF;
text-decoration:underline;
font-weight:bold;
}

.newspost a:hover 
{
color:#B63E7C;
}

.newstitle 
{
font-family: Arial,Verdana; 
font-size:26px;
padding:10px 5px 5px 5px;
}

.newstitle a
{
text-decoration:none;
font-weight:lighter;
color:#000;
}

.edit 
{
color:#48CF40;
font-weight:bold;
padding:5px;
}

.edit a 
{
color:#333;
text-decoration:none;
}
.edit a:hover 
{
color:#B63E7C;
text-decoration:none;
}

.divider 
{
height:3px;
margin:5px 0px 5px 0px;
font-size:1px;
}

.newspost_footer 
{
background-color:#fff;
border-top:1px solid #333;
color:#333;
padding:10px;
margin-bottom: 8px;
}

.newspost_footer a 
{ 
color:#B63E7C;
font-weight:bold;
text-decoration:underline;
margin-bottom:15px;
}

.newspost_footer a:hover 
{
color:#4059CF;
}

.share {margin-left:5px; padding:0;}

/*Comment Styles*/

.comment_top 
{
font-size:26px;
padding:5px;
}

.comment_top a
{
text-decoration:none;
font-weight:lighter;
color:white;
}

.comment a 
{
color:#4059CF;
text-decoration:underline;
font-weight:bold;
}

.comment a:hover 
{
color:#4059CF;
}

.comment ol 
{
list-style-type:none;
}

.comment ol li 
{
border-left:3px solid #333;
background-color:#efefef;
line-height:20px;
width:70%;
padding:5px;
margin-bottom:3px;
text-align:justify;
}

blockquote
{
background: #efefef;
border-left: 2px solid #333;
}

#s
{
width: 70%;
border: 1px dotted #4059CF;
}

.button
{
margin-bottom: -3px;
}

#comment
{
width: 60%;
margin-left: 20px;
}

.commentnumber
{
color: #333;
font-size: 16px;
float: left;
padding:0 4px;
font-weight: bold;
}