/*  
Theme Name: Shiito
Theme URI: http://www.ndesign-studio.com
Description: WP glossy theme designed by <a href="http://www.ndesign-studio.com">N.Design Studio</a>.
Version: 1.4
Author: Nick La
Author URI: http://www.ndesign-studio.com

	This theme was designed and built by Nick La.

	By downloading and using this theme, you agree to the following terms:
    - You may NOT resell this theme
    - A link back to N.Design Studio must be retained in the footer (either modified or unmodified)
    - You may use this theme for personal or commercial projects
    - You may modify, translate or distribute

*/

body { font: 75%/150% Arial,Helvetica,sans-serif; color: #333333; background-color: #666666; margin: 0px; padding: 0px 0px 30px; }
a { color: #669817; text-decoration: none; }
a:visited { color: #669817; text-decoration: none; }
a:hover { color: #2da2e2; text-decoration: underline; }
a img { border: none; }
p { padding: 0px 0px 15px; margin: 0px; }
h1 { display:none; margin:0; padding:0; }
/* header area */
#header { background: #666666 url(images/header-bg.jpg) repeat-x; height: 110px; border-bottom: 6px solid #333333; position: relative; }
#headerimg { position: relative; padding: 0; }
#headerimg .description { display:none }
/* ****** */

#top-menu { border-bottom:6px solid #333333; clear:both; font-size:12px; line-height:normal; padding-right:20px }
#top-menu ul { float:right; }
/*#top-menu ul.types { float:left; margin-left:15px; font-size:12px }



#top-menu ul.tools { float:right; font-size:12px }*/



#top-menu li { list-style:none; display:inline; }
#top-menu li a { color:#333333; display:block; float:left; background:url(../images/tabs-left.gif) no-repeat left top; margin:0 0 0 3px; padding:0 0 0 4px; text-decoration:none; cursor:pointer }
#top-menu li a span { float:left; display:block; background:url(../images/tabs-right.gif) no-repeat right top; padding:2px 7px 1px 3px; }
#top-menu li.current a { color:#FFFFFF; background:url(../images/tabs-left-current.gif) no-repeat left top; }
#top-menu li.current a span { background:url(../images/tabs-right-current.gif) no-repeat right top; }
#top-menu li.cart a { color:#333333; display:block; float:left; background:url(../images/tabs-cart-left.gif) no-repeat left top; margin:0 0 0 3px; padding:0 0 0 20px; text-decoration:none; cursor:pointer }
#top-menu li.cart-current a { color:#FFFFFF; display:block; float:left; background:url(../images/tabs-cart-left-current.gif) no-repeat left top; margin:0 0 0 3px; padding:0 0 0 20px; text-decoration:none; cursor:pointer }
#top-menu li.cart-current a span { background:url(../images/tabs-right-current.gif) no-repeat right top; }




h2 { color: #59770e; margin: 0px 0px 2px; border-bottom: 1px dotted #CCCCCC; letter-spacing: -1px; font: normal 190%/100% "Trebuchet MS", Tahoma, Arial; padding-bottom: 3px; }
h2 a,
h2 a:visited { color: #669817; text-decoration: none; }
h2 a:hover { color: #2da2e2; text-decoration: none; }
h3 { color: #758d38; margin: 10px 0px 5px; }
h4 {  color: #758d38; margin: 10px 0px 5px; }
form { margin:0px; padding:0px; }
#page { margin: 0px auto; width: 912px; padding:0 5px; background: #FFFFFF url(images/content-bg.gif) repeat-y; }

#nav { font-size:12px; list-style: none; margin: 0px; position: absolute; right: 10px; bottom: 0px; }
#nav li { float: left; margin-left: 2px; }
#nav .current_page_item a,
#nav .current_page_item a:visited { color: #fff; text-decoration: none; }
#nav .page_item a { color: #fff; text-decoration: none; background-color: #505050; padding: 2px 10px; border-top: 1px solid #E6EED0; border-left: 1px solid #AFCD69; border-right: 1px solid #AFCD69; display: block; }
#nav .page_item a:hover { color: #fff; }


/* content area */
#content { padding: 10px 0px 30px 40px; float: left; width: 585px; overflow: hidden; }


.post { clear:both; padding-top: 15px; }
.post-date { width: 45px; height: 49px; float:left; background: url(images/date-bg.gif) no-repeat; }
.post-month { font-size: 11px; text-transform: uppercase; color: #FFFFFF; text-align: center; display:block; line-height: 11px; padding-top: 2px; margin-left: -3px; }
.post-day { font-size: 18px; text-transform: uppercase; color: #999999; text-align: center; display:block; line-height: 18px; padding-top: 7px; margin-left: -3px; }
.post-title { float: left; margin-left: 10px; width: 530px; }


.entry { clear: both; padding-top: 10px; }
.post-cat { background: url(images/mini-category.gif) no-repeat; padding-left: 20px; float:left; font-size: 95%; color: #999999; }
.post-comments { background: url(images/mini-comments.gif) no-repeat; padding-left: 20px; float: right; font-size: 95%; }
.post-calendar { background: url(images/mini-calendar.gif) no-repeat; padding-left: 20px; float: right; font-size: 95%; color: #999999; }
.mini-add-comment { background: url(images/mini-down-arrow.gif) no-repeat; padding-left: 18px; float: right; }

.navigation { clear: both; padding: 10px 0px; }
.navigation a,
.navigation a:visited { color: #59770e; }

.previous-entries a { float: left; padding-left: 18px; background: url(images/mini-nav-left.gif) no-repeat left center; }
.next-entries a { float: right; padding-right: 18px; background: url(images/mini-nav-right.gif) no-repeat right center; }


/* comments area */
#comments,
#respond { border-bottom: 1px dotted #CCCCCC; padding: 10px 0 5px 0; clear: both; }
.commentlist { margin: 10px 0px; padding-left: 20px; line-height: 130%; }
.commentlist li { padding: 5px 10px; }
.commentlist .alt { background: #f1fedb; }
.commentlist cite { font-weight: bold; font-style: normal; font-size: 120%; color: #CC6600; }
.commentlist cite a,
.commentlist cite a:visited { color: #CC6600; }
.commentlist small { margin-bottom: 5px; display: block; font-size: 87%; }
#commentform { margin-top: 10px; font: 110% Arial, Helvetica, sans-serif; }
#commentform p { padding: 6px 0px; margin: 0px; }
#commentform label { color: #787878; font-size: 87%; }
#commentform input { width: 200px; background:#f1fedb; border: 1px solid #bdd77f; padding: 3px; margin-top: 3px; }
#commentform textarea { width:578px; height: 115px; background:#f1fedb; border: 1px solid #bdd77f; padding: 2px; margin-top: 3px; }
#commentform textarea:focus,
#commentform input[type="text"]:focus { background: #ffffff; }
#commentform #submit { background: url(images/btn-bg.gif) no-repeat; font: bold 12px Arial, Helvetica, sans-serif; color: #FFFFFF; border: none; float:right; width: 144px; height: 28px; cursor: pointer; }

/*sidebar */
#sidebar { float: right; padding: 0px 10px 20px 0px; width: 220px; color: #666666; overflow: hidden; }
/*sidebar title (h2) */
#sidebar h2,
#sidebar .sidebartitle {font-size:16px;  color: #758d38; margin: 20px 0px 2px; border-bottom: 1px solid #CFE1AC; }
/*sidebar text styles */
#sidebar a,
#sidebar a:visited { color: #495233; text-decoration: none; }
#sidebar a:hover { color: #2da2e2; text-decoration: none; }
/*sidebar list level1 */
#sidebar ul { margin: 0; padding: 0; }
#sidebar ul li { list-style: none; margin: 0; padding: 0; border: none; }
/*sidebar list level2 */
#sidebar ul li ul { padding: 0; margin: 0; }
#sidebar ul li ul li { padding: 2px 0 2px 0px; border-bottom: 1px solid #dceeb7; }
/*sidebar list level3 */
#sidebar ul li ul li ul li { padding: 1px 0 1px 10px; border: none; }
/*blogroll */
ul.list-blogroll li { background: url(images/mini-blogroll.gif) no-repeat !important; padding-left: 16px !important; }
/*category widget */
ul.list-cat li,
li.widget_categories li { background: url(images/mini-category.gif) no-repeat !important; padding-left: 20px !important; }
/*archives widget */
ul.list-archives li,
li.widget_archives li { background: url(images/mini-monthly-archive.gif) no-repeat !important; padding-left: 20px !important; }
/*pages widget */
ul.list-page li,
li.widget_pages li,
li.widget_recent_entries li { background: url(images/mini-page.gif) no-repeat !important; padding-left: 20px !important; }
/*sub-pages */
ul.list-page li ul li,
li.widget_pages li ul li { background: url(images/mini-page-arrow.gif) no-repeat !important; padding-left: 10px !important; }
/*recent comments widget */
li.widget_recent_comments li { background: url(images/mini-recent-comments.gif) no-repeat !important; padding-left: 20px !important; }
/*calendar widget */
li.widget_calendar td { padding: 1px 7px; }
/*text widget */
.textwidget { padding-top: 5px; }

/*search form */
#searchform { margin: 15px 0 0; }
#searchform br { display: none; }
#searchform #s { border:1px solid #203346; width: 135px; height: 22px; padding: 4px 5px 0px 5px; border: 1px solid #bed881; background: #fff; margin-right: 2px; color: #000000; font-weight: normal; }

/* search form button - to specify button only use input[type="submit"] */
#searchform input { background: url(images/search-btn-bg.gif) no-repeat; border: none; width: 67px; height: 26px; font: bold 12px Arial, Helvetica, sans-serif; color: #FFFFFF; vertical-align: middle; }




/* footer area */
#footer { clear: both; background-color: #333333; color: #eee; font-size: 95%; line-height: 130%; padding-bottom: 10px; }
#footer a { color:#2da2e2; }
#footer h4 { font: normal 146%/100% Arial,Helvetica,sans-serif; color: #fff; margin: 10px 0px 5px; }


.footer-recent-comments { width: 240px; float: left; margin-left: 10px; }
.footer-recent-comments ul { list-style: none; margin: 0px; padding: 0px; }
.footer-recent-comments ul li { background: url(images/mini-footer-comments.gif) no-repeat; padding: 0px 0px 10px 20px; }
.footer-recent-posts { width: 240px; float: left; margin-left: 20px; }
.footer-recent-posts strong { font-size: 107%; line-height: 135%; font-weight: bold; }
.footer-recent-posts ul { list-style: none; margin: 0px; padding: 0px; font-size: 92%; line-height: 110%; }
.footer-recent-posts ul li { background: url(images/mini-footer-post.gif) no-repeat; padding: 0px 0px 10px 20px; }
.footer-about { width: 220px; float: right; padding-right: 10px; padding-left: 10px; }



/* credits */
#credits { clear:both; padding-right:20px }
#credits a,
#credit a:visited { color: #048db4; }
.rss { background: url(images/mini-rss.gif) no-repeat left center; padding-left: 18px; padding-bottom: 2px; margin-left: 8px; }
.loginout { background: url(images/mini-loginout.gif) no-repeat left center; padding-left: 18px; padding-bottom: 2px; margin-left: 8px; }



/* alignments */
.center { text-align: center; }
img.center,
img[align="center"] { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; }
img.alignleft,
img[align="left"] { float:left; margin: 2px 10px 5px 0px; }
.alignright { float: right; }
img.alignright,
img[align="right"] { float:right; margin: 2px 0px 5px 10px; }
.clear { clear:both; }
hr.clear { clear:both; visibility: hidden; margin: 0px; padding: 0px; }