body {
 background: #aac474 url(../images/bgbig.gif) center  top repeat-y;
 color: #666;
text-align: center;
margin:0;
margin-left:auto;
margin-right:auto;
}




/* ----- HEADER ----- */

#header {
  width: 930px;
  height: 135px;
  background: transparent url(../images/phimhead.jpg) repeat-x;
  text-align:left;
}


#logo {
width:360px;
height:67px;
font: 40px, verdana, black;
font-weight:bold;
background:url(../../images/mangamnhaclogo.png) no-repeat;
text-align:left;
}


#slogan {
font: 12px, verdana, black;
font-style: italic; 
text-align:right;
}

#search {
float:right;
width:315px;
height:80px;
margin-top:20px;
}

#english {
float:right;
margin-top:5px;
margin-right:10px;
}

#line {
background:url(../images/color_line.gif) repeat-x;
width:900px;
}
/* ----- MENU ----- */

#nav, #nav ul {
	position:absolute;
	margin-top:110px;
	margin-left:0;
	float: left;
	list-style: none;
	line-height: 1;
	background: #006600;
	font-family: arial, verdana;
	font-size:14px;
	padding: 0;
	border: solid #eda;
	border-width: 1px 0;
	width:930px;
}

#nav a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 0.25em 15px;
	border-right:1px solid white;
}

#nav a.daddy {
	background: url(rightarrow2.gif) center right no-repeat;
}

#nav li {
	float: left;
	padding: 0;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width:115px;
	font-weight: normal;
	border-width: 0.25em;
	margin: 0;
	color: #fff;
}

#nav li li {
	padding-right: 1em;
	width:115px;
	line-height: 200%;
}

#nav li ul a {
width:115px;
}


#nav a:hover{
color:#414F22;
}




#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
	width:115px;
}

#nav li:hover, #nav li.sfhover {
	background: #eda;
	color:#414F22;
}




/* ----- WRAPPER ----- */

#wrapper{
width: 930px;
background-color: white;
text-align:left;
margin:0;
margin-top:0;
margin-left:auto;
margin-right:auto;
}




/* ----- SIDEBAR ----- */



#sidebar {
width:200px;
height:auto !important; /* for modern browsers */
float:left;
z-index:-999;
border-right:1px dotted #000;
text-align:left;
background:url(../images/bgtuy.jpg) repeat-y;

}

#sidebox {
width:200px;
height:30px;
font-size:17px;
font-weight:bold;
text-align:left;
background-color: #97DF8B;
color:green;
font-family:arial;
padding-top:10px;
margin-bottom:10px;
border-bottom:1px solid green;
background:url(../images/logostrip.gif) repeat-x;

}


#menudoc {
list-style-image: url('../images/arrow-News.gif');
line-height:150%;
}

#menudoc a {
color:purple;
}

#menudoc a:hover {
margin-left:5px;
}

#sideboxlist {
margin-bottom:5px;
}


#sideboxlist ul{
list-style-image: url('../images/line.gif');
}



#sideboxlist a{
line-height:200%;
color:purple;
margin-left:10px;
}


#sideboxtitle a{
color:white;
}

#phim-moi a{
line-height:200%;
color:purple;

}


#sidebar img {
margin-bottom:10px;

}

.clear {clear:both; height:20px;
}

.clear2 {clear:both;}

/* ----- MAIN CONTENT ----- */



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



#content h2 { 
border-bottom: 1px solid #9F8181;
text-transform: uppercase;
font-size:21px;
color:#6F3030;
}



#phimleft { 
width:350px;
float:left;
border-right:1px dotted #000;
margin-left:5px;
}


#phimright { 
width:350px;
float:left;
margin-left:10px;
background-color:#E4FFDF;
}

.phimbox 

{ 
height:950px;
overflow: auto;
}


/* ----- MISC ----- */


.opacityit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
-moz-opacity: 0.9;
}

.opacityit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}


.labelfield{ /*CSS for label field in general*/
color:gray;
font-size: 90%;
}

.datefield{ /*CSS for date field in general*/
color:gray;
font-style: italic
font-size: 70%;
}


#gfeed li{ 
margin-bottom: 4px;
line-height:200%;
list-style-type: none;
}

#gfeed2 li{ 
margin-bottom: 4px;
line-height:200%;
border: 1px dotted #EBDBBA;
}

#gfeed2 
a {
	text-decoration: none;
}

#gfeed2 .datefield{ 
color:gray;
font-style: italic
font-size: 50%;
}

#gfeed3 li{ 
margin-bottom: 4px;
line-height:200%;
border: 1px dotted #EBDBBA;
}

#gfeed3 
a {
	text-decoration: none;
}

#gfeed3 .datefield{ 
color:gray;
font-style: italic
font-size: 50%;
}


#gfeed4 li{ 
margin-bottom: 4px;
line-height:200%;
list-style-type: none;
}


/* ----- FOOTER ----- */



#footer { 
  clear: both;
  width: 930px;
  height: 80px;
  margin: auto;
  padding: 0;
  color: #bddb6e;
  background: #627f27 url(../images/bg-footer.gif) left top no-repeat;
  font-family: georgia, tahoma, verdana, arial, helvetica, sans-serif;
  font-size: 11px;
  line-height: 18px;
  border-bottom: 10px solid #fff;
  text-align: center;
  }
  
  #footer ul {
  width: 715px;
  font-size: 10px;
  margin: 0 auto;
  padding: 19px 0 0 0;
  list-style-type: none;
  list-style-image: none;
}

#footer ul li {
  margin: 0;
  padding: 0;
  text-align: center;
  display:inline;

}

#footer ul li a {
  color: #d7d86f;
  text-decoration: none;
  padding: 0 3px 0 5px;
  font-weight: bold;


}

#footer ul li a:hover {
  color: #feffa3;
  text-decoration: underline;
}

#footer p {
  clear: both;
  padding: 4px 0 0 0;
}

#footer a {
  color: #bddb6e;
  text-decoration: none;
}

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