/**
 * Theme Name: Elantris
 * Description: Blog-style website for LWMC. 
 * Author:Joshua Chen
 *
 */
@import url('../elantris/sidebar.css');
@import url('../elantris/feature.css');
@import url('../elantris/comment.css');
html,body,div,span,object,h1,h2,h3,h4,h5,h6,p
,pre,a,abbr,acronym,address,big,cite
,code,del,dfn,em,img,ins,kbd,q,samp,small
,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,
form,label,legend,table,caption,tbody,tfoot,
thead,tr,th,td{
margin:0;
padding:0;
vertical-align:baseline;
outline:none;

}

b,i,hr,u,center,menu,layer,s,strike,font,xmp
{
margin:0;
padding:0;
vertical-align:baseline;
outline:none;
font-size:100%;
font-weight:normal;
font-style:normal;
background:transparent;
border:none;
text-decoration:none
}

font{
color:#333
}

center{
text-align:left
}

body {
	margin:0 auto;
	padding:0px 0px 0px 0px;
	background:#F0EEE0 url(images/body2.jpg) repeat-x;
	font-family:Arial,Century gothic, Tahoma,sans-serif;
	color:#161514;
	font-size:13px;
	}

.home{
	background:#F0EEE0 url(images/body.jpg) repeat-x;

}

a {
	color: #3399cc;
	text-decoration: none;
	}
a:visited {
	color: #3399cc;
	}
a:hover, a:active {
	color: #3399cc;
	text-decoration: underline;
	}

h1,h2, h3, h4, h5, h6 {
	font-family: Arial,Georgia, Times, "Times New Roman", serif;
	color: #000;
	font-weight: bold;
	}

h1 {
	font-size: 26px;
	}	
	
h2 {
	font-size: 21px;
	}
h3 {
	font-size: 19px;
	}
h4 {
	font-size: 17px;
	}
h5 {
	font-size: 15px;
	}
h6 {
	font-size: 13px;
	}


ul {
	list-style: square;
	}


blockquote {
	font-style: italic;
	color: #555;
	}
blockquote blockquote {
	color: #777;
	}
blockquote em {
	font-style: italic;
	}


pre {
	padding: 9px;
	background: #f9f9f9;
	border: 1px solid #ccc;
	}
code {
	padding: 0 3px;
	background: #eee;
	}
pre code {
	background: transparent;
	}




.clear {
	clear:both;
	}
img.centered  {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	padding: 0px;
	}
	
img.alignnone {
	padding: 5px 5px;
	margin: 0px 0px 10px 0px;
	display: inline;
	border: 1px solid #fff;
	}

img.alignright {
	padding: 5px 5px;
	margin: 0px 0px 0px 0px;
	display: inline;

	}

img.alignleft {
	padding: 5px 5px;
	margin: 0px 0px 0px 0px;
	display: inline;

	}
	
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	}

.alignright {
	float: right;
	margin: 0px 0px 10px 10px;
	}

.alignleft {
	float: left;
	margin: 0px 10px 10px 0px;
	}
	
.wp-caption {
	border: 1px solid #fff;
	text-align: center;
	background-color: #E4E4E4;
	padding: 4px 0px 5px 0px;
	color:#555;
	}

.wp-caption img {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	border: 0px;
	
	}

.wp-caption p.wp-caption-text {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	font-weight: normal;
	line-height: 12px;
	}

/* Outer */
	
#casing{
	margin:0px 0px;
}	

#wrapper{
	width:1000px;
	margin:0px auto;
	padding-bottom:20px;



}

/* Head */

#header{

	height:111px;
	width:1000px;
	overflow:hidden;
	background:url(images/logo.jpg) no-repeat

}

#logo {
	width:540px;
	height:100px;
	float:left;
	text-indent:-9999px
	
}


.feedlist a {
	color: #666;
	font-weight:bold;
	}

.feedlist a hover{
	color: #3399cc;
	text-decoration:underline
}


/*  menu*/
	
	
#catmenucontainer
{

	display: block;
	font: 12px Arial,Tahoma,Century gothic, sans-serif;
	font-weight: normal;
	height: 40px;
	padding: 0px 0 0px 0px;
	background:url(images/cat.png) no-repeat;
	width:1000px;
}
#catmenu
{
	height: 40px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px;
	width:1000px;
	float:left;
	overflow:hidden;
}
#catmenu ul
{
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#catmenu li
{
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#catmenu li a, #catmenu li a:link, #catmenu li a:visited
{
	color: #CF6540;
	display: block;
	font-weight: normal;
	padding: 0px 10px ;
	line-height:40px;
	text-shadow: 1px 1px 1px #000;
}
#catmenu li a:hover, #catmenu li a:active
{
	background: #0F0A08 url(images/catmenua.png) repeat-x;
	color: #eee;
	display: block;
	text-shadow: 1px 1px 1px #000;
}
#catmenu li li a, #catmenu li li a:link, #catmenu li li a:visited
{
	background: #3F2A23;
	border-bottom:1px solid #4F3227;
	border-right:1px solid #BBCD2D;
	color: #CF6540;
	float: none;
	margin: 0px;
	line-height:35px;
	padding: 0px 10px ;
	text-shadow: 1px 1px 1px #111;
	width: 150px;
}
#catmenu li li a:hover, #catmenu li li a:active
{
	background: #352019;
	color: #fff;
	float: none;
	margin: 0px;
	width: 150px;
	text-shadow: 1px 1px 1px #222;
}
#catmenu li ul
{
	height: auto;
	left: -999em;
	margin: 0px;
	padding: 0px;
	position: absolute;
	width: 170px;
	z-index: 9999;
}
#catmenu li li
{
}
#catmenu li ul a
{
	width: 140px;
}
#catmenu li ul a:hover, #catmenu li ul a:active
{
}
#catmenu li ul ul
{
	margin: -36px 0 0 170px;
}
#catmenu li:hover ul ul, #catmenu li:hover ul ul ul, 
#catmenu li.sfhover1 ul ul, #catmenu li.sfhover1 ul ul ul
{
	left: -999em;
}
#catmenu li:hover ul, #catmenu li li:hover ul, 
#catmenu li li li:hover ul, #catmenu li.sfhover ul, 
#catmenu li li.sfhover1 ul, #catmenu li li li.sfhover1 ul
{
	left: auto;
}
#catmenu li:hover, #catmenu li.sfhover1
{
	position: static;
}


/*Page menu*/

#foxmenucontainer{
	height:56px;
	display:block;
	padding:1px 0 0px 0px;
	font: 16px Arial,Tahoma,Century gothic,verdana,  sans-serif;
	font-weight:bold;

	}
#menu{
	margin: 0px;
	padding: 8px 0px ;
	width:1000px;
	height:40px;
	overflow:hidden;
	}
	
#menu ul {
	float: left;
	list-style: none;
	margin: 10px 0px 0px 30px;
	padding:0px;
	}
	
#menu li {
	float: left;
	list-style: none;
	margin: 0px 0px;
	padding: 0px;

	}
	
#menu li a, #menu li a:link, #menu li a:visited {
	color:#e1e1e1;
	display: block;
	margin: 0px 0px;
	padding: 0px 10px ;
	line-height:30px;
	text-shadow:1px 1px 1px #222;
	}

#menu li a:hover, #menu li a:active {

	color: #fff;
    	margin: 0px;
	padding: 0px 10px ;
	line-height:30px;
	text-decoration: none;

	}
	
#menu li li a, #menu li li a:link, #menu li li a:visited {
	background:#404040;
	width: 150px;
	color:#e1e1e1;
	font-weight: normal;
	float: none;
	margin: 0px;
	padding: 0px 10px ;
	line-height:35px;
	border-bottom: 1px solid #666;
	}
	
#menu li li a:hover, #menu li li a:active {
	background: #3399cc;
	color: #fff;
	padding: 0px 10px ;
	line-height:35px;
	border-bottom: 1px solid #666;
	}

#menu li ul {
	z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 170px;
	margin: 0px;
	padding: 5px;
	background:#404040;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	}

#menu li li { 
	}

#menu li ul a { 
	width: 140px;
	}

#menu li ul a:hover, #menu li ul a:active { 
	}

#menu li ul ul {
	margin: -41px 0 0 170px;
	}

#menu li:hover ul ul, #menu li:hover ul ul ul, 
#menu li.sfhover ul ul, #menu li.sfhover ul ul ul {
	left: -999em;
	}

#menu li:hover ul, #menu li li:hover ul, 
#menu li li li:hover ul, #menu li.sfhover ul, 
#menu li li.sfhover ul, #menu li li li.sfhover ul {
	left: auto;
	}

#menu li:hover, #menu li.sfhover { 
	position: static;
	}



.blogright{
	float:right;
}	

.feedlist ul{
	list-style:none;
	margin:0px;
	padding:0px;
	
}
.feedlist ul li{
	list-style:none;
	float:right;
	margin:5px 4px;
	padding:0px;
	
}
.feedlist a img {
	border:none;
}


/* Search */

	
#search {
	background:url(images/search.png) no-repeat;
	width:184px;
	padding:2px 5px 0px 5px;
	margin:15px 0px 0px 0px;
	float:right;
	height:28px;
	display:inline;
}
#search form {
	margin: 0px 0px 0px 0px;
	padding: 0;
}

#search fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#search p {
	margin: 0;
	font-size: 85%;
}

#s {
	width:145px;
	margin:0px 0px 0px 0px;
	padding: 3px 3px;
	height:16px;
	border:none;
	font: normal 100% "Tahoma", Arial, Helvetica, sans-serif;
	color:#444;
	float:left;
	border:none;
	background:transparent;
	display:inline;
}
input#searchsubmit{
	float:right;
	padding: 0px 0px;
	display:inline;
	margin:0px 1px 0px 0px;
	height:25px;
	width:26px;
	background:url(images/sbutton.png);
	color:#fff;
	border:none;
}


/* Content */

#content{
	width:615px;
	padding:20px 0px 10px 20px;
	float:left;
}

.post{

	margin:10px 0px 10px 0px;
	display:inline;
	width:613px;
	float:left;
	background:#fff;
	border:1px solid #dddbcc;
}


.title{
	border-bottom:1px solid #eee;
	margin:0px 20px;
}

.title h2{
		font-family: Arial,Georgia,tahoma, century gothic,  sans-serif;
		font-size:20px;
		line-height:120%;
		color:#000;
		font-weight:bold;
		margin:5px 0px;
		padding:10px 0px 5px 0px;

}

.title h2 a:link, .title h2 a:visited{
		color:#000;
}

.postim{
	margin:10px;
	float:left;
}

.data{
	padding-bottom:10px;
	font-size:10px;
}
	
.author{
	color:#656565;
	padding:2px 5px 2px 20px;
	margin-left:5px;
	background:url(images/user.png) no-repeat;
	

}
.clock{
	color:#656565;
	padding:2px 5px 2px 20px;
	margin-left:5px;
	background:url(images/clock.png) no-repeat;
}	

.postmeta ,.postinfo{
	background:#F5ECC1;
	padding:3px 10px;
	border:1px solid #DFD5A7;
	font-size:10px;
	text-transform:uppercase;
	
}	

.postbot{
	background:#fff;
	padding:5px;

}
.categ a:link,.categ a:visited {
	font-size:12px;
	color:#352019;
	padding:0px 15px;
	bottom: 5px;
	height:16px;
	line-height:16px;

}
.cover {
	margin:0 0;
	padding: 0px 10px ;
	color:#666;
	}	
	
.cover a:link,
.cover a:visited {
	color: #AC0604;
	background-color: transparent;
}
.cover a:hover {
	color:#455236;
	background-color: transparent;
	text-decoration: none;
}

.cover ul, .cover ol{
  margin: .4em 0 1em;
  line-height: 150%;
}


.cover ul li, .cover ol li{
  list-style-position:inside;
  margin-left: 1.6em;
}

.cover p{
	margin:5px 0px;
	padding:5px 10px;
	line-height:22px;

}
.cover table {
	width: 100%;
	border-collapse: separate;

	}

.cover td, .cover th {
	padding: 3px 6px;

	}
.cover th {
	background: #eee;
	}

a.read{
	width:82px;
	height:28px;
	margin-left:480px;
	margin-top:5px;
	background:url(images/read.png);
	text-align:center;
	line-height:28px;
	display:block;
	text-shadow:1px 1px 0px #13609F;
		color:#fff!important;
}


/* Bottom	 */

#navigation{
	width:600px;


}
h2.pagetitle{
	font-size:12px;
	padding:10px 20px;
	font-weight:normal;
	color:#352019;
	background:#fff;
	border:1px solid #ddd;
	margin-top:10px;
}	
	
#footer{
	width:100%;
	padding:0px 0px 10px 0px;
	background:#363636;
	position:relative;
	font-size:10px;
	color:#e1e1e1;
}

.fleft{
	float:left;
	text-align:left;
	margin:10px 0px 0px 150px;
	line-height:16px;
	width:40%
}
.fleft a{
	color:#DAA869;
}
.fright{
	float:right;
	text-align:right;
	margin:10px 10px 0px 0px;
	line-height:16px;
		width:40%
}

.fright a{
	color:#DAA869;
}

.postad{
	margin:10px;
	float:left;
}