/*Normal Theme for the new exteen*/

/*Copyright by Etceto co,ltd. 2007*/

/*======================================================================*/
/* Simple Reset - Not Editable*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
}

/* General */
body {
background:#99BFB2 url() repeat top left;
color:#666;
font:12px Tahoma, 'MS Sans Serif';
line-height:1.5em;
text-align:center;
}

a:link, a:visited{
color:#80A9AB;
text-decoration:none;
}

a:hover, a:active{
color:#C6C396;
}

#page{
margin:auto;
padding-top:15px;
text-align:left;
width:900px;
}

#header, #neck, #belly, #leg, #footer{

float:left;
width:900px;
}

blockquote {
border-left: 3px solid #94DF1B;
padding: 10px; width: 75%;
background: none;
margin-left: 25px;
margin-bottom: 15px;
background:#FFF;
}
/*======================================================================*/
/* Header */

#header{
background:none;
padding:20px 0px 0px 0px;
text-align: left;
position:relative;
left: 25px;
top: 10px;
}

#header h1 a{
font-size:28px;
font-family: Georgia;
font-weight: normal;
}

#header h1 a:hover{
color:#FBEC5D;
}

#header h2{
font-size:11px;
margin:5px 0px 0px 0px;
font-weight: normal;
color: #D8A878;
display: none;
}

#coverimage{
background:url() no-repeat;
height:0px;
width:730px;
margin-left:25px !important;
margin-left:0px; /*Fix IE Bug*/
}

/*======================================================================*/
/* Neck Menu */
#neck{
background: none url() no-repeat;
text-align: left;
color: #333;
font-family: Tahoma;
scrollbar-face-color: #80A9AB;
scrollbar-shadow-color: #80A9AB;
scrollbar-highlight-color: #80A9AB;
scrollbar-3dlight-color:#80A9AB;
scrollbar-darkshadow-color: #80A9AB;
scrollbar-track-color:#80A9AB;
scrollbar-arrow-color:#C6C396;
padding-top:15px;
padding-left:15px;
}
#neck .module{
background:#80A9AB;
 display:inline;
float:left;
margin:10px 5px 20px 10px;
width:265px;
height: 120px;
overflow: auto;
padding: 8px;
}
#neck .module ul{
display:inline;
list-style: none;
margin:0px;
padding:0px;
font-size:11px;
}
#neck .module h2{
font-size:18px;
font-weight:normal;
text-transform:lowercase;
font-family: Georgia;
text-align:center;
font-style: italic;
color:#EEE3B6;
}
#neck .module li {
/*display:inline;*/
border-bottom: 0px dotted #DF9237;
padding:0px;
}
#neck .module a{
padding-left:2px;
font-size:11px;
color:#BFCBB6;
}
#neck .module a:hover{
color:#FBF7D1;
}
#neck .module li:hover{
background-color:none;
}
/*======================================================================*/
/* Content */

#belly{
background:none;
}

#content{
display:inline;
float:right;
margin:6px 0px 0px 0px;
width:650px;
/*Fix too large image makes content drop problem in IE*/
overflow:visible !important;
overflow:hidden;
padding: 10px;
}
.entry{
float:left;
margin-bottom:20px;
color: #666;
font-size: 13px;
font-family: Tahoma;
width:650px;
background-color: #FBF7D1;
padding: 15px;
margin-top: 10px;
}

.entry .title{
display:block;
float:left;
margin-bottom:10px;
width: 100%;
}

.entry .title h2{

font-size:16px;
font-family:Georgia;
}

.entry .title h2 a{
color:#80A9AB;
}

.entry .title h2 a:hover{

color:#A8C090;
}

.entry .title span{

color:#99BFB2;
font-size:10px;
font-family: Verdana;
}

.entry .post{
margin-top:75px;
}

.entry .post p{
margin-bottom:10px;
}

.entry .info{
width:100%;
}

.entry .info .tag{

float:left;
font-size:10px;
width:450px;
}

.entry .info .coms{

float:right;
 font-size: 18px;
font-family: Georgia;
font-style: italic;
text-transform: lowercase;
}

.nav {
font: 13px 'Georgia';
color: #DDD;
text-align: center;
}

.nav a:hover {
color: #EEE3B6;
}

#content h2 {
font-family: Georgia;
position:relative;
top: 5px;
right: 5px;
text-align: right;
}

#content ul {
font-family: Georgia;
background-color: #FBF7D1;
padding-top: 20px;
padding-bottom: 20px;
}

/*======================================================================*/
/* Sidebars */

#sidebar, #sidebar2{
background:none;
display:inline;
float:left;
margin:5px 0px 0px 0px;
width:200px;
}

#sidebar{
display:none;
}

#sidebar .module, #sidebar2 .module{

margin:5px 5px 10px 5px;
font-size: 12px;
font-family: Trebuchet MS;
}

#sidebar .module ul, #sidebar2 .module ul{

margin:5px 0px 5px 5px;
padding:0;
list-style: none;
}
#sidebar .module h2, #sidebar2 .module h2{
border-bottom:0px solid #CCC;
font-size:18px;
color: #EEE3B6;
font-family: Georgia;
letter-spacing: 9px;
text-transform: lowercase;
font-style: italic;
font-weight: normal;
text-align: center;
}

#sidebar .module a, #sidebar2 .module a{

border-bottom:0px solid #CCC;
color: #80A9AB;
}

#sidebar .module a:hover, #sidebar2 .module a:hover{

border-bottom:0px solid #CCC;
color: #EEE3B6;
}

a.archive{
background:url(http://jaelsoul.exteen.com/images/theme/folderDG.gif) no-
repeat;
width:12px;
height:12px;
padding-left:0px;
overflow:hidden;
margin-left:-7px;
}

/*======================================================================*/
/* Configure each module */

/* Profile */
#profile{
width:100%;
height:124px;
text-align: center;
}

#profile img{
margin-right:10px;
}

#profile span{
display:inline;
font-size: 11px;
font-family: Verdana;
}

#profile .info a {
font-size: 10px;
}

#profile .info{
width:100% !important;
 font-family: Verdana;
}

/* Tags */
#tags li{
display:inline;
margin-right:5px;
}

/*======================================================================*/
/* Comment Form */

#commentform{
margin:10px 0px 0px 70px;
width:80%;
background:#FBF7D1;
float:left;
padding: 10px
}

#commentform form{
margin-top:15px;
}

#commentform h3{
font-size:24px;
font-family:'Georgia';
text-align:left;
font-weight:normal;
color:#80A9AB;
position: relative;
bottom: 10px;
}

#commentform .formrow{
border-top:0px solid #DDD;
padding:5px;
font: 10px 'Verdana';
}

#commentform label{
float:left;
width:55px;
font: 9px 'Verdana';
padding-right:10px;
}

#commentform input{
border: 1px solid #EEE3B6;
font: 10px 'Verdana';
color:#aaa;
background:none;
}

#commentform textarea{
width:400px;
height:100px;
font: 13px 'Tahoma';
 border: 1px solid #EEE3B6;
color:#8B8878;
padding:4px;
margin:3px 0px 3px 0px;
background:#FFF;
}

/*======================================================================*/
/* Comment (Showing Area) */

.comment{
background-color: #EEE3B6;
border-bottom:0px dotted #DDD;
float:left;
margin:20px 0px 0px 70px;
padding-bottom:5px;
width:80%;
padding: 10px;
}

.comment .post{
float:left;
width:96%;
padding: 10px;
font-size:13px;
border-bottom: 3px solid #FFC469;
color:#454545;
background:#FBF7D1;
}

.comment .post p{
margin-bottom:10px;
}

.comment .info{
text-align: left;
font-size:11px;
width:100%;
margin-left:0px;
color: #FFA824;
font-weight: normal;
}

.comment .info img{

width:32px;
float:left;
margin: 5px 10px 0px 10px;
}

.comment .info a.commentno{

font-size:30px;
float:right;
color:#99BFB2;
font-family: Georgia;
}

/*======================================================================*/
/* Leg Menu */
#leg{
background:none;
text-align: left;
padding-top:15px;
padding-left:15px;
}

#leg .module{
background:#C6C396;
display:inline;
float:left;
margin:10px 3px 0px 6px;
width:275px;
padding: 8px;
}

#leg .module ul{

display:inline;
list-style: none;
margin:0px;
padding:0px;
font:11px 'Verdana';
}

#leg .module h2{

font-size:18px;
font-weight:normal;
text-transform:lowercase;
font-family: Georgia;
text-align:center;
font-style: italic;
color:#EEE3B6;
}

#leg .module li {
/*display:inline;*/
border-bottom: 0px dotted #DF9237;
padding:2px 2px 2px 2px;
}

#leg .module li a{
padding:2px 10px 2px 5px;
font-size:11px;
color:#7D8773;
}

#leg .module li a:hover{

color:#AB9351;
}

/*======================================================================*/
/* Footer */

#footer{
background:none;
height:60px;
}
#footer p{
background:none;
font-size:11px;
font-family:Trebuchet MS;
text-align:center;
margin:25px 25px 0px 25px;
padding:5px;
color: #486060;
}

#footer a:hover{
color: #EEE3B6;
}

/*======================================================================*/
.navbar{
float:left;
}

.commentmanage{
clear:both;
}

/*PNG support for IE*/

#header, #neck, #belly, #leg, #footer { behavior: url(/global/iepngfix.htc) }
#sidebar .module h2, #sidebar2 .module h2{
behavior: url(/global/iepngfix.htc)
}

/* Twitter widgets */
#twitter_update_list li span {
display: block;
margin-bottom:3px;
}

#twitter_update_list li {
margin-top:5px;
border-bottom:2px solid #80A9AB;
}