/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/

.spanfblike {display:inline; margin:0 0 0 20px;}
.spantwitter {display:inline; margin:0 0 0 20px;}

.woo-fblike {height:30px; display:inline-block; margin:0 auto; overflow:hidden; padding:3px 0 3px 0; vertical-align:middle;}
.woo-tweetmeme.none { display:inline-block; margin:0 auto; overflow:hidden; padding:3px 0 3px 0;vertical-align:middle;}

.thumbleft {float:left; margin: 0 15px 15px 0 !important;}
.thumbright {float:right; margin: 0 0 15px 15px !important;}

.gakuranleft {float:left; margin:0 15px 15px 0;}
.gakuranclearl {clear:left;}
.gakuranline {border-top:1px solid #cccccc; margin:15px 0;}
.gakuranright {float:right;margin:0 15px 15px 0;}
.gakuranclearr {clear:right;}
.gakuranclearb {clear:both;}
.facebooklike {margin:0 0 10px 0; clear:both;}

#disqus_thread {margin-bottom:10px; background:url("images/sidep-bottom.png") repeat scroll 0 0 transparent; -moz-border-radius:6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; padding: 20px; border:1px solid #D5D5D5;}

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

#gak img {position: absolute; top:8px; left:730px; height:266px; width:214px; z-index:50;}

.widget h3, input.s, .nav-entries, .wp-pagenavi, .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi .current, .wp-pagenavi .on, .wp-pagenavi a:hover, #comments .avatar, #commentform input.txt, #commentform textarea, .entry img, img.thumbnail {-moz-border-radius:6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px;}

a:link, a:visited {color:#333333; text-decoration:none;}
.post a {text-decoration:underline;}
a:hover {color:#0074C1; text-decoration:none;}

#wrapper  { background:none repeat scroll 0 0 transparent; margin:auto; width:1020px;}
body  {background: #006666 url(images/gakuranman-gradient4.jpg) repeat-x left top; color:#333333; font:83%/170% Arial,Helvetica,sans-serif; }

#top-nav .nav-item-right {float:left;}

#header-search form  { width: 200px; float:right; position:absolute; left:781px; z-index:11;  }
#header-search form input.s  { margin: 5px 0 0 0; width: 186px; height:14px; padding:3px; background: #fff url(images/bg-footer-search.jpg) no-repeat 170px center; }
#header-search form input.submit  { display: none; }

#header-search .replace  {background:none repeat scroll 0 0 transparent; display:block; font-size:1%; height:21px; line-height:0; padding:5px; position:absolute; right:10px; text-align:left; text-indent:-10000px; top:6px; width:19px; z-index:10; border:none; }

#footer  { padding: 20px 0 20px; height:210px; font-size: 12px; border: none; color:#626262; background: #000000 url(images/gakuranman-footer.png) no-repeat top left; -moz-border-radius:6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; width:1020px;}

#daruma {background: url(images/gakuranman-gradient5.jpg) repeat-x bottom left transparent;}

.entry p {margin:0 0 12px; padding:3px 0 0;}
.entry li {margin-left:20px;}
.entry h3  {font-size:190%; text-align:center; margin:25px 0;}
.entry h4 {margin:15px 0 15px;}

hr  {background-color:#333333; border:0 none; height:1px; margin:7px 0 20px;}

h1, h3, h4, h5, h6 {color:#333333; font-family:Georgia,serif,Arial,Helvetica,sans-serif;
font-weight:bolder; letter-spacing:-0.05em;}

.col-full  { width: 980px; margin: 0 auto; }
#main { width:660px;}
#main.fullwidth  { width:980px; }

#main-special { border:1px solid #D5D5D5; width:660px; background:url("images/sidep-bottom.png") repeat scroll 0 0 transparent; -moz-border-radius:6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; padding-bottom:20px; }

#main-special .post {border:none; }

.post_single_footer { height:100%; text-align:center; padding:0 15px; margin:15px 0; background:url("images/bg-mainnav.png") repeat-x scroll left bottom #FFFFFF; border:1px solid #E4E4E4; line-height:30px; -moz-border-radius:6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px;}
.post_time {display:inline; height:30px; margin-left:0; padding-left:20px; background:url(images/time.png) no-repeat center left;}
.post_single_tags {display:inline; height:30px; margin-left:20px; padding-left:20px; background:url(images/tags.png) no-repeat center left;}
.post_cat {display:inline; height:30px; margin-left:23px; padding-left:23px; background:url(images/category.png) no-repeat center left;}

.post  { border:1px solid #D5D5D5; display:block; padding:20px; margin: 0 0 20px; background:url("images/sidep-bottom.png") repeat scroll 0 0 transparent; -moz-border-radius:6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px;}

.post img {background:none repeat scroll 0 0 #FFFFFF; border:1px solid #CCCCCC; margin:10px 9px; padding:20px;}

.post .title  { font:normal bold 26px/24px Georgia, serif, Arial, Helvetica, sans-serif; position:relative; margin: 0; text-align:center; margin: 30px 0 30px; }
.page .post .title, .post.none .title  { margin: 30px 0; }
.post .title a:link, .post .title a:visited  { color:#333; }

.post-meta{margin: 5px 0 25px 0; font-size: 11px; text-transform:uppercase;}
.post-meta span  { color: #424242; }
.post-meta .comments a  { text-transform: uppercase; }

.post-meta, .post-meta .post-author a, .post-more { color:#868686; }
.post-more { clear:both; text-transform:uppercase; border:1px solid #e6e6e6; border-width:4px 0 1px; padding:10px 0; font:11px/16px Arial, Helvetica, sans-serif;}
.post-more a, .post-meta a { text-decoration:none; }
.post-more a:hover, .post-meta a:hover { text-decoration:underline; }
.post p.tags  { width: 100%; text-transform: uppercase; font-weight: bold; font-size: 11px; clear: both; padding: 0 0 0 20px; background: url(images/ico-tag.png) no-repeat left center; margin: 20px 0; }
.post-entries  { margin: 20px 0 20px 0; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px;}

div.blog_container {position:relative; display:block; width:658px; height:170px; background: none repeat 0px 0px; color:#666666;}
div.blog_container:hover {display:block; width:658px; height:170px; background: none repeat scroll 0 0 #ffffff;}
.blog_left {float:left; width:160px; height:160px; margin: 0 15px; background: url(images/bg_blog_thumb.png) no-repeat 0px 0px;}
.blog_content {float:left; width:445px; height:160px; margin:0 0; padding: 0 0;}
.blog_thumb {display:block; width:120px; height:90px; margin:27px 19px 0 20px; }
.blog_thumb a {display:block; width:120px; height:90px;}
.blog_headline {display:block; width:450px; height:20px; margin:15px 0 10px 0; padding:0 0; line-height:20px;}
.blog_title {float:left; width:445px; font:bolder 14px Verdana, Arial, Helvetica, sans-serif; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.blog_title a {color:#333333;}
.blog_title a:hover{color:#0099CC;}
.blog_date {float:left; padding-right:15px; text-align:right; color:#6D93A9; padding: 10px 0 0;}
.blog_excerpt {text-align:justify; font-size:12px; line-height:17px;}
.post_continue_reading a{padding:2px;color:#333333; background:#F0F0F0; font-size:10px;}
.post_continue_reading a:hover{padding:2px;color:#FFFFFF; background:#333333;}

/* 2.5 Recent Posts */
#recent-posts  { background:url("images/sidep-bottom.png") repeat scroll 0 0 transparent; margin: 0 0 20px 0; -moz-border-radius:6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; border:1px solid #999999;}
#recent-posts h3  { margin: 0 0 20px 0; padding: 15px 0 15px 15px; font-size: 14px; color:#fff; background: #6ca0a8; -moz-border-radius:6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; text-shadow:-1px -1px 0 rgba(0, 0, 0, 0.3);}
#recent-posts .post  { position: relative; float: left; width: 121px; height: 90px; margin: 0 0 20px 20px; background: #d4d4d4 }
#recent-posts .post .heading  { display:none; }
#recent-posts .post .heading h2  { font-size: 15px; text-transform: uppercase; }
#recent-posts .post .heading h2 a  { color: #fff; }
#recent-posts .meta  { display:none; }
#recent-posts .meta a  { font-weight: bold; }

/* 2.6 Older Posts */
#older-posts  {display:none;}
#older-posts  { background:url("images/sidep-bottom.png") repeat scroll 0 0 transparent; margin: 0 0 20px 0; -moz-border-radius:6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; border:1px solid #999999; }
#older-posts h3  { margin: 0 0 20px 0; padding: 15px 0 15px 15px; font-size: 14px; color:#fff; background: #6ca0a8; -moz-border-radius:6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; text-shadow:-1px -1px 0 rgba(0, 0, 0, 0.3); }
#older-posts li  { float: left; width: 300px; margin: 0 0 0 20px; padding: 10px 0; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; }
#older-posts li img  { float: left; margin: 0 10px 0 0; }
#older-posts li .info  {  }
#older-posts li .info span  { display: block; }
#older-posts li .info .meta-old  { color: #6f6f6f; font-size: 11px; }
#older-posts li .info .title-old  { font-weight: bold; font-size: 18px; line-height: 16px; }
#older-posts li .info .title-old a  { color: #424242; }
#older-posts li .info .title-old a:hover  { color: #000; text-decoration: none; }

.author  { background:none repeat scroll 0 0 #FAFAFA; border:1px solid #E4E4E4; clear:both; margin:20px 0; padding:10px 20px 20px; -moz-border-radius:6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px;}
.author_avatar  {float:left; height:60px; margin:0 10px 5px 0; width:72px;}
.author_data  {float:left; height:60px; width:480px;}
.author_mail  { float:right; height:16px; width:16px;}
.author_info  {float:left; height:26px; margin-bottom:2px; padding:0; width:418px;}
.author_avatar img {margin:0; padding:0;}
.author_mail img {margin:0; padding:0;}

/* 5.2 Comments Form */
#respond  { margin: 20px 0 0; padding:20px; background:url("images/sidep-bottom.png") repeat scroll 0 0 transparent; -moz-border-radius:6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; border:1px solid #D5D5D5; }
#respond h3  { margin-bottom:20px; }
#respond .left { float:left; width:200px; margin-right:15px; }
#respond .right { float:left; width:380px; }
#respond label { font-size:11px; color:#777; }

.nocomments  { padding:20px; background: #f7f7f7; -moz-border-radius:6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; font-size: 16px; font-weight: bold; color: #333333; font-style: italic; border:1px solid #D5D5D5; }

#comments h3  { margin-bottom:20px; padding:20px; background: #f7f7f7; -moz-border-radius:6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; font-size: 16px; font-weight: bold; color: #333333; font-style: italic; border:1px solid #D5D5D5; }
#comments .comment.thread-even .comment-container { background: #f7f7f7; -moz-border-radius:6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; }
#comments .comment{ margin-bottom: 15px;list-style-type:none; font-size: 13px;}
#comments .comment .comment-container  { background:url("images/sidep-bottom.png") repeat scroll 0 0 transparent; position:relative; padding: 20px; border: 1px solid #e6e6e6; -moz-border-radius:6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; }

#loopedSlider .slides div.slide { position:absolute; top:0; width: 620px; display:none; padding:20px; background:url("images/sidep-bottom.png") repeat scroll 0 0 transparent; -moz-border-radius:6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; border:1px solid #E6E6E6; }
#loopedSlider .slide-content  { position: absolute; bottom: 20px; left: 20px; padding: 10px; color: #fff; background: rgba(0,0,0,0.6); }
#loopedSlider .slide-content h2  { margin: 0 0; font-size: 15px; }
#loopedSlider .slide-content p {display:none;}
#loopedSlider .nav-buttons  {z-index: 9999; position: absolute; right: 25px; bottom: 20px; }
#loopedSlider .nav-buttons li { float: right;}

#top-nav  { position:relative; width:980px; font-size: 12px; background: #000; -moz-border-radius:0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px;}
#top-nav a  { line-height: 22px; color: #939497; border-right: none; padding: 5px 10px; text-transform:uppercase;}
#top-nav li ul  { background: #000; border: none; -moz-border-radius:0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px;}
#top-nav li ul li  { background: none; border-top: none; }

#main-nav  {font: bold 15px Helvetica, Arial, sans-serif; border: 1px solid #dee3e7; margin-bottom: 20px; background: #fff url(images/bg-mainnav.png) repeat-x left bottom; -moz-border-radius:6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px;}
#main-nav a  { padding: 5px 20px 2px; line-height: 30px; color:#555; border-bottom: none; text-transform:uppercase;}

#main-nav li ul  { background: #FFF; border: 1px solid #dbdbdb; border-width:1px 1px 0; -moz-border-radius:0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px;}
#main-nav li ul li  { background:#eee; border-top:1px solid #fff; -moz-border-radius:0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px;}
#main-nav li ul li a  { padding: 0 10px; font-size: 12px; border-bottom: 1px solid #dbdbdb; -moz-border-radius:0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px;}

#main-nav a:hover, #main-nav li.current-cat a, #main-nav li.current-cat a { border-bottom-color:#DBDBDB; color:#000000; text-decoration:none;}

ul#footerNav {position: relative; font-size:12px;}
ul#footerNav li {float: left; display: inline; margin-left: 0; margin-right:10px; color:#999999}
ul#footerNav li a {color:#666666}
ul#footerNav li a:hover {color:#00cccc}

/* 4.2 Specific Widgets */

/* TEXT WIDGET */
.widget_text .textwidget  {padding: 15px 15px; -moz-border-radius:0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; border-bottom:1px solid #CFCFCF; border-left:1px solid #CFCFCF; border-right:1px solid #CFCFCF; overflow:hidden;}



/* SEARCH WIDGET */
.widget_woo_search { padding: 0 0; }
.widget_woo_search form {padding-top:10px; border-bottom:0px;}

/* TAG CLOUD */
.widget_tag_cloud div  { padding: 15px 15px; border-bottom: 0px; }

/* FLICKR */
.widget_woo_flickr  { border-bottom: 1px solid #dfdfdf; }
.widget_woo_flickr h3  { margin: 0 0 10px 0; }
.widget_woo_flickr .flickr_badge_image  { float: left; margin: 3px; }

.widget_woo_flickr .wrap  { padding: 0; }
.widget_woo_flickr a img  { float: left;  margin: 0 0 8px 8px;  display: block; border: #dfdfdf 1px solid; padding: 3px;}
.widget_woo_flickr a:hover img  { border:#6ca0a8 1px solid; }

/* AD WIDGETS */
.adspace-widget h3  { margin: 0 0 10px 0; text-align: left; }
.adspace-widget  { padding: 0 0 10px 0; text-align: center; }

#advert_125x125  { padding: 12px 0 0 0; border: 1px solid #dfdfdf; text-align: center; background: #eee; }
#advert_125x125 img  { margin: 0 5px 7px; }

/* WOOTABS */
#tabs {	margin-bottom:20px; }

#tabs ul.wooTabs { padding:0px; }
#tabs ul.wooTabs li { float: left; display:inline; color: #ffffff; text-transform: uppercase; margin:0px; cursor: pointer; }
#tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover { background:#6ca0a8; text-decoration:none; color: #fff; }
#tabs ul.wooTabs li a {	color:#a1a1a1; background: #dfdfdf; display: block;float: left;padding: 5px 10px; margin-right: 5px; font-size: 11px; font-weight: bold; -moz-border-radius:6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; border-top:1px solid #999999; border-left:1px solid #999999; border-right:1px solid #999999;}

#tabs .inside { background:#6ca0a8; padding:5px; -moz-border-radius:0 6px 6px 6px; -webkit-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px; border-left:1px solid #999999; border-right:1px solid #999999; border-bottom:1px solid #999999;}
#tabs .inside li { background:#fff;  }
#tabs #tab-tags { padding:10px; }
#tabs .inside ul { margin:0; border-width:1px 0 1px 0; }
#tabs .inside li { border-bottom:1px solid #dfdfdf; padding:10px; line-height: 16px; }
#tabs .inside li a { color:#3f3f3f; font-size: 14px; font-weight: bold; }
#tabs .inside a:hover{text-decoration:underline;}
#tabs .inside li span.meta { display:block; font-size: 11px; font-style: italic; text-transform:uppercase; }
#tabs .inside li img.avatar, #tabs .inside li img.thumbnail { border: 1px solid #ddd; padding: 2px;	background-color: #ffffff; float: left;	margin: 0 8px 0 0; }
#tabs .inside #tab-comm a  { font-weight: normal; font-size: 12px; }
#tabs .inside #tab-tags  { background: #fff; }
#tabs .inside #tab-tags a  { color: #3f3f3f; }
#tabs .inside #tab-tags a:hover  { color: #6ca0a8; text-decoration: none; }

#footer-widgets #tabs ul.wooTabs li a  { font-size: 11px; padding: 4px 5px; margin: 0 3px 0 0; background: #c4c4c4; color: #fff; }
#footer-widgets #tabs .inside  { padding: 2px; background: #c4c4c4; }
#footer-widgets #tabs ul.wooTabs li a.selected, #footer-widgets #tabs ul.wooTabs li a:hover  { color: #424242; }


.widget ul  { padding:10px; }
.widget ul li  { padding: 5px 0 5px 5px; font-size: 12px; border-bottom: 1px solid #dfdfdf; line-height: 16px; }

.widget p { padding:15px 15px 0 15px; font:12px/20px Arial, Helvetica, sans-serif; margin: 0 0;}

.widget h4 {text-align:center; padding:15px 0;}

.widget object {padding-left:15px;}

/* 4.2 Generic Widgets */
.widget  {background:url("images/sidep-bottom.png") repeat scroll 0 0 transparent; margin: 0 0 20px 0; font-size:12px; -moz-border-radius:6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; border:1px solid #999999; padding-bottom:15px;}
.widget h3  {margin: 0 0; padding: 15px 0 15px 15px; font-size: 14px; color:#fff; background: #6ca0a8; }
.widget a  {text-decoration:underline; }
.widget h3 span {display: none;}
.widget h3 {-moz-border-radius:6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0;)