/*   
Theme Name:Zeelot
Theme URI:http://www.toptut.com
Description:This theme supports widget, threaded-comments, theme-options,and translation is ready. Also including page-navigation and multi level dropdown menu.
Author: Lorelei
Author URI:http://www.toptut.com

*/


.thumbnail{float:left;width:156px;height:156px;margin:0 8px 0 0;padding:3px 3px 0;}

.thumbnail img{width:150px;height:150px;}



/*  ------ basic ------------------- */
body {
background: #374652 url(img/1.jpg) no-repeat;
font-family:Thoma;
font-size:12px;
color:#6B8799;
text-align:center;
margin:0;
padding:0;
text-shadow:0 1px 0 #121b23;
}

a,a:visited {
color:#e0e1e5;
text-decoration:none;
outline:none;
text-shadow:0 1px 0 #07101e;
}

a:hover {
color:#697994;
text-decoration:none;
}

p {
line-height:170%;
margin:0 0 1em;
padding:0;
}

ul {
list-style-type:none;
line-height:0;
margin:0 0 1em;
padding:0;
}

ul li {
line-height:normal;
margin:0;
padding:0;
}

ol {
margin:0 0 1em 19px;
padding:0;
}

* html ol {
margin:0 0 1em 23px;
padding:0;
}

ol li {
padding:0 0 5px;
}

table {
border-collapse:collapse;
border:0;
width:100%;
}

blockquote {
border:1px solid #333;
background:#222;
margin:0 0 1em;
padding:15px 20px 0;
}

pre {
border:1px solid #333;
background:#222;
overflow:auto;
margin:0 0 1em;
padding:10px 20px;
}

.wp-caption-text {
text-align:center;
}

.alignleft {
float:left;
}

/*  ------ layout ------------------------ */
#wrapper {
background:url(img/wrap.png) repeat-x top;
}

#contents {
width:959px;
text-align:left;
margin:0 auto;
}

#header {
background:no-repeat bottom;
height:160px;
}

#middle-contents {
background:repeat-y;
padding-bottom:50px;
}

#left-col {
float:left;
display:inline;
width:584px;
margin:0 0 0 5px;
}

#right-col {
float:right;
display:inline;
width:330px;
margin:140px 5px 0 0;
}

#footer {
background:no-repeat top;
height:50px;
margin-bottom:10px;
font-size:11px;
color:#E0E1E5;
}

/*  ------ header ---------------------- 
 Change the number of margin if you are using original logo image */
#logo_image {
float:left;
display:inline;
margin:69px 0 0 30px;
}

/* blog title */
#logo {
float:left;
display:inline;
margin:64px 0 0 40px;
}

#logo a,#logo a:visited {
color:#a9ba45;
font-size:32px;
}

#logo h1 {
font-weight:400;
line-height:100%;
color:#666;
font-size:11px;
margin:0;
padding:6px 0;
}

#rss-feed {
font-size:11px;
float:right;
display:inline;
color:#777;
background:url(img/rss.gif) no 0 left top;
height:25px;
width:80px;
margin:62px 10px 0 0;
padding:18px 0 0 60px;
}

#rss-feed:hover {
background:url(img/rss.gif) no-repeat left bottom;
color:#83bac4;
text-decoration:none;
}

#search-area {
float:right;
display:inline;
width:183px;
height:29px;
background:no-repeat;
margin:70px 47px 0 0;
}

#search-input {
float:left;
border:0;
height:17px;
display:inline;
width:125px;
font-size:12px;
color:#7e7e7e;
background:transparent;
margin:8px 0 0 24px;
}

/*  ------ left-col ------------- */
.post {
border:1px solid #718197;
margin:30px 0 5px 30px;
padding:10px;
-moz-box-shadow:0 0 10px #3a4149;
-moz-border-radius-topright:30px;
-moz-border-radius-bottomleft:30px;
background:url(img/post.png);
}

.post h2 {
line-height:100%;
margin:0 0 4px;
padding:0;
}

.post h2 a,.post h2 a:visited,#single h2 {
color:#7162be;
font-size:26px;
line-height:120%;
font-family: Georgia;
font-style:italic;
font-weight:400;
}

.post-info {
margin:0;
}

.post-info li {
display:inline;
font-size:11px;
color:#797f80;
margin:0 10px 0 0;
}

.write-comment {
background:no-repeat left center;
padding:0 0 0 11px;
}

.post-info a:hover {
color:#83bac4;
}

.post-content {
clear:both;
line-height:160%;
padding:15px 5px 20px;
}

.post-content p {
line-height:160%;
margin:0 0 1em;
}

.post-content a.more-link,.post-content a.more-link:visited {
display:block;
clear:both;
height:23px;
background: no-repeat left top;
text-decoration:none;
margin:15px 0 5px;
padding:6px 0 0 35px;
}

.post-content a.more-link:hover {
background:no-repeat left bottom;
text-decoration:none;
}

.post img,.post a img {
border:1px solid #222;
background:#555;
margin:0;
padding:5px;
}

.post a:hover img {
border:1px solid #849ca0;
background:#59847d;
}

.post img.alignright,div.alignright {
display:inline;
margin:4px 0 10px 10px;
}

.post img.alignleft,div.alignleft {
display:inline;
margin:4px 10px 10px 0;
}

.post img.wp-smiley {
border:0;
background:none;
margin:0;
padding:0;
}

.post table {
margin:0 0 1em;
}

.post td,.post th {
border:1px solid #333;
padding:15px;
}

.post th {
background-color:#000;
font-weight:400;
}

.post-content ul li {
line-height:160%;
background:no-repeat left 9px;
margin:0;
padding:0 0 0 12px;
}

.post-content input {
margin:5px 0;
}

.post-meta {
background: no-repeat right top;
width:585px;
padding:13px 0 0;
}

.post-meta ul {
background:no-repeat right bottom;
line-height:0;
padding:0 0px 10px 30px;
}

.post-meta li {
display:inline;
font-size:11px;
line-height:140%;
}

.post-category {
float:left;
width:345px;
background:no-repeat 2px 2px;
padding:0 0 1px 20px;
}

.post-tag {
float:left;
width:345px;
background:no-repeat 2px 2px;
padding:0 0 1px 29px;
}

.post-comment {
float:right;
width:80px;
background:no-repeat left top;
padding:10px;
background:url(img/post.png);
border:1px solid #2c3909;
}

#back-top {
font-size:11px;
background:no-repeat left 16px;
float:right;
color:#777;
padding:10px 5px 0 15px;
}

/*  ------ right-col ------------- */
#information-title {
background: no-repeat left top;
width:232px;
margin:0 0 0 30px;
padding:25px 20px 5px;
}

.information-contents {
line-height:160%;
font-size:11px;
color:#868a8d;
background:no- repeat left bottom;
width:232px;
margin:0 0 50px 30px;
padding:12px 20px 20px;
}

.side-title {
font-size:20px;
font-family:Georgia;
font-style:italic;
color:#db9e4e;
font-weight:400;
line-height:100%;
margin:0 0 20px;
}

.side-box {
color:#aaa;
font-size:12px;
font-weight:900;
width:270px;
margin:0 0 50px 32px;
}

#right-col li {
line-height:140%;
margin:0 0 1em;
}

#right-col li li {
background:no-repeat 1px 7px;
margin:3px 0;
padding:0 0 0 10px;
}

.side-box-short {
width:130px;
font-size:11px;
color:#aaa;
margin:0 0 50px;
}

/* calendar */
#wp-calendar {
width:100%;
color:#777;
margin:0 auto;
}

#wp-calendar th,#wp-calendar td {
border:1px solid #333;
width:14%;
line-height:220%;
text-align:center;
padding:0;
}

#wp-calendar th {
line-height:100%;
font-weight:400;
background:#000;
padding:4px 0 2px;
}

#wp-calendar td a,#wp-calendar td a:visited {
display:block;
text-decoration:underline;
}

#wp-calendar caption {
padding:8px 0;
}

#wp-calendar tfoot td {
border:none;
padding:5px 0;
}

#wp-calendar #prev a,#wp-calendar #prev a:visited,#wp-calendar #next a,#wp-calendar #next a:visited {
text-decoration:none;
background:none;
}

#wp-calendar td#today {
background:#111;
text-decoration:underline;
color:#81c8d5;
}

#copyrights {
color:#777;
border-left:3px solid #444;
clear:both;
padding:1px 0 0 8px;
}

#copyrights li {
line-height:160%;
margin:0;
padding:0;
}

#copyrights a:hover {
color:#849ca0;
}

#return_top a {
position:fixed;
right:0;
bottom:15px;
display:block;
height:138px;
width:38px;
background: no-repeat left top;
}

#return_top a:hover {
background:no-repeat right top;
text-decoration:none;
}

/*  ------ archive ------------- */
.archive,.search-page {
border-left:3px solid #555;
padding-left:10px;
margin:25px 0 25px 30px;
}

.archive h2,.search-page h2 {
font-size:14px;
color:#fff;
display:block;
line-height:120%;
font-weight:400;
margin:0 0 3px;
padding:0;
}

.archive p,.search-page p {
font-size:12px;
}

.read-more {
padding:0;
}

/* ------ page navi -------------- */
.page-navi,.next-previous-navi {
margin:50px 0 25px 30px;
}

#comment-pager {
margin:20px 0 0;
}

.page-navi li {
line-height:0;
display:block;
float:left;
}

.page-navi a,.page-navi a:visited,.page-navi a:hover,.page-navi span.pages,.page-navi span.extend,.page-navi span.current,.page-navi span.dots {
font-size:11px;
line-height:100%;
display:block;
float:left;
border-right:1px solid #555;
border-left:1px solid #555;
margin:0 -1px 25px 0;
padding:2px 14px;
}

.page-navi span.current {
color:#81c8d5;
background:no-repeat center bottom;
padding-bottom:10px;
border:none;
}

.page-navi a.prev,.page-navi a:hover.prev,.page-navi a:visited.prev {
border-left:none;
}

.page-navi a.next,.page-navi a:hover.next,.page-navi a:visited.next {
border-right:none;
}

#previous-page a,#previous-page a:visited {
float:left;
display:inline;
height:22px;
background: no-repeat left top;
margin:5px 0 10px 5px;
padding:7px 0 0 40px;
}

#previous-page a:hover {
background: no-repeat left bottom;
text-decoration:none;
}

#next-page a,#next-page a:visited {
float:right;
display:inline;
height:22px;

margin:5px 0 10px;
padding:7px 40px 0 0;
}

#next-page a:hover {

text-decoration:none;
}

/*  ------ header for category/archive/search/...etc  ------------- */
.common-navi-wrapper {

width:585px;
margin:70px 0 0;
padding:13px 0 0;
}

.common-navi-wrapper p {

line-height:140%;
margin:0;
padding:0 10px 10px 32px;
}

#archve-title {
margin:0 0 0 13px;
}

/*  ------ page widthout side ------------------------ */
#no-side {

padding:60px 0;
}

#no-side .post {
margin:0 40px 20px;
}

#footer-noside {

height:114px;
margin-bottom:50px;
}

/*  ------ header-menu ------------------------ */
#pngfix-right {

display:block;
width:10px;
height:60px;
float:right;
}

#pngfix-left {

display:block;
width:10px;
height:60px;
float:right;
}

ul.menu {
float:left;

font-size:11px;
height:61px;
margin:0;
}

ul.menu,ul.menu ul {
line-height:1;
margin:0;
padding:0;
}

ul.menu li {
position:relative;
float:left;

height:55px;
z-index:100;
padding:0 18px;
}

ul.menu ul li {
height:auto;
border-left:none;
left:auto;
padding:0;
}

ul.menu a,ul.menu a:visited {
color:#fff;
display:block;
line-height:49px;
position:relative;
top:5px;
padding:0 15px;
}

ul.menu ul {
position:absolute;
top:52px;
left:0;
display:none;
opacity:0;
width:200px;
}

ul.menu ul a,ul.menu ul a:visited {
background:#536984;
line-height:140%;

width:128px;
margin:-1px 0 0;
padding:9px 30px 8px;
}

ul.menu ul a:hover {
background:#374a60;
border-bottom:1px solid #222;
}

ul.menu ul ul {
top:34px;
margin:-34px 0 0 189px;
}

ul.menu .current_page_item a,ul.menu .current_page_item a:visited {
color:#b0b5cb;
font-weight:700;

}

ul.menu .current_page_item ul a,ul.menu .current_page_item ul a:visited,ul.menu .current_page_item ul a:hover {
border-bottom:1px solid #657f0c;
}

/* ---------- clearfix hack ---------- */
.clearfix:after {
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

.clearfix {
display:block;
}

/* exlude MacIE5 \*/
* html .clearfix {
height:1%;
}

a img,ul.menu #header-menu-home {
border:none;
}

form,table,input,textarea,dl,dt,dd,#logo_image h1 {
margin:0;
padding:0;
}

blockquote a,blockquote a:visited,.post-content a,.post-content a:visited,#wp-calendar #prev a:hover,#wp-calendar #next a:hover,#copyrights #wp a {
text-decoration:underline;
}

object,.post img.centered,div.centered {
display:block;
margin:0 auto;
}

.alignright,#search-button {
float:right;
}

.aligncenter,.centered {
display:block;
margin-left:auto;
margin-right:auto;
}

.clear,#side-bottom,#side-bottom-ex {
clear:both;
}

#logo a:hover,.post h2 a:hover,#back-top:hover {
text-decoration:none;
color:#83bac4;
}

.post-info a,.post-info a:visited,#copyrights a,#copyrights a:visited {
color:#777;
}

#side-left,#side-left-ex {
float:left;
width:128px;
padding:0 0 0 32px;
}

#side-right,#side-right-ex {
float:right;
width:120px;
padding:0 30px 0 10px;
}

ul.menu a:hover,ul.menu .current_page_item a:hover {
color:#83bac4;

text-decoration:none;
}