/*  
Theme Name: sugino2
Version: 1.0
Theme URI: http://www.paulinesugino.com/
Author: JChang
Author URI: http://www.designnabi.com
*/

/*------------------------------------------------------------------
[ STYLE.CSS ] Main Stylesheet
[Table of contents]
1.	RESET
2.	MAIN STYLES
2.a  Tags defaults
2.b  Base layout
2.c  Navigations
2.d  Elements, ID's & Classes
3.	FORMS
3.a  Form styles
3.b  Individual forms
4.	PLUGINS
5.	PRINT
------------------------------------------------------------------*/

/* 1.	RESET */
@media handheld, projection, screen, print {
* {font-family:inherit;font-size: 100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline;}
html {height:100%;}
body {background: transparent url(images/back1.jpg) no-repeat fixed center top;color:#16245e;display:table;padding:0;margin:0;text-align:left;width: 100%;}
img, fieldset, abbr, acronym {border: 0;}
ul, ol {list-style: none;}
table {border-collapse:collapse;border-spacing:0;width:100%;}
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal;font-weight:normal;}
caption, th {text-align:left;}
q:before, q:after, blockquote:before, blockquote:after {content: ''}
input, select, textarea, button {font-size: 1em;line-height: normal;width: auto;vertical-align: middle;}
textarea {height:auto;overflow:auto;}
option {padding-left:0.6em;}
button {background:none;border:0;cursor:pointer;text-align center;}
h1, h2, h3, h4, h5, h6 {font-weight: normal; line-height:normal;color:#666666;}
}
@media handheld, projection, screen {

/* 2.a Tags defaults */
body {font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;font-size:80%;line-height:1.5em;text-align:center;padding: 0 0 30px;color:#666666;}
#img.source-image {width:100%;position:absolute;top:0;left: 0;}
p, ul, ol, table {margin 0 0 1.33em;}
strong {color:#202325;font-weight: bold;}
em {font-style:italic;}

/* Headlines */
h1 {color:#181818;font-size:1.8em;font-weight:bold;line-height:1em;margin:0 0 15px;}
h2 {color:#181818;font-size:1.5em;font-weight:bold;line-height:1em;margin:0 0 20px;}
h3 {color:#181818;font-size:1.35em;font-weight:bold;line-height:1em;margin:0 0 15px;}
h4 {color:#181818;font-size:1.2em;font-weight:bold;line-height:1em;margin:0 0 15px;}
h5 {color:#181818;font-size:1em;margin:0 0 15px;}
h6 {color:#181818;font-size:.90em;margin:0 0 15px;}
#footer h5 {margin-bottom:0 !important;}

/* Anchors */
a, a:link, a:visited {color:#7e2f68;text-decoration: none;}
a:hover, a:active, a.active {color:#7e2f68;text-decoration: underline;}

/* 2.b Base layout */
#wrap {margin: 0 auto;text-align: left;width: 1000px;position: relative;}
#header, #content, #footer, #contentWrap, #footerWrap {float: left; display: inline;clear: both;position: relative;}
#header {background:transparent;height: 75px;width: 100%;}
#home #header {height: 75px;}
#logo {margin: 13px 0 15px 14px;}
#logo a {cursor: pointer;}
#content {background: url(images/bg-content.png);width: 1000px;}
#contentWrap {margin:10px;width: 940px;padding:10px 20px 15px 20px;background-color:#fff;opacity:0.95;filter: Alpha(Opacity=95); //IE}
#home #contentWrap {padding: 0px;width:980px;}
#home #top { padding: 20px;}
#home #albums {background-color:#eee;float:left;padding: 20px 10px 0px 10px;}
#home #albums p.category {margin:0;}
#home #albums p.category a {background-color:#555 !important;color:#fff;display:block;font-size:15px;font-weight:bold;height:40px;line-height:40px;margin-bottom:20px;padding:5px;text-align:center;}
#home #albums p.category a:hover {background-color:#666;}
.post-image-block {background: url(images/post_image_block_bg.jpg);width:220px;height:150px;margin-bottom:1px;}		
.category-image-block {background: url(images/category_image_block_bg.jpg);width:220px;height:150px;margin-bottom:1px;}
#home #footer {padding: 0 20px 20px 20px;}
#footer {margin: 0 0 5px 0;}
#footerWrap {padding-top:20px;}

/* 2.c Navigations */
/* Page Nav */
#nav_wrapper {height: 30px;width:540px;margin: 0;}
ul#nav li.page_item a:hover, ul#nav li.current_page_item a {color:#7e2f68;}
#nav {height: 30px;margin:20px 10px 0 0;}
#nav a {display: block;line-height: 30px;padding: 0 10px;font-size: 11px;font-weight:bold;text-transform:uppercase;color: #7e2f68;}
#nav li {float:left;text-align: right;}

/* Style drop down list */
#nav li ul {position: absolute;width: 172px;left: -999em;}
#nav li ul li {background: url(images/bg-dropdown.png) !important;background: #000;}
#nav li ul li a {line-height: 30px;width: 150px;}
#nav li ul ul {margin: -26px 0 0 170px;}
#nav li ul ul li a {line-height: 30px;text-transform:none;}
#nav li ul li ul li a {}
#nav li:hover ul, #nav li.sfhover ul {left: auto;}
#nav li:hover ul ul, #nav li.sfhover ul ul {left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {left: auto;}
#nav li:hover, #nav li.hover { osition: static;} /* IE7 Fix */

/* Pagination */
.more_entries {clear:both;margin-bottom:20px;text-align:center;padding: 0 20px 0 20px;}
.more_entries .wp-pagenavi strong {padding:5px;border:1px solid #E4E4E4;margin-right:5px;}
.wp-pagenavi span.pages {border:none !important;}
.more_entries .wp-pagenavi a strong {padding:0;border:none;margin-right:0;}
.more_entries .wp-pagenavi a, .more_entries .wp-pagenavi .on {padding:5px !important;border:1px solid #E4E4E4 !important;margin-right:5px !important;}
.more_entries .wp-pagenavi .on { font-weight:bold; }
.more_entries .wp-pagenavi a:hover {background-color:#E4E4E4;color:#333;}
#prevPosts {background: #232528;width: 460px;height: 200px;position: relative;}
#prevPosts h3 {color:#fff;height:32px;padding: 5px 0 0 0;position: absolute;top: 10px; left: 10px;}

/* 2.d Elements */
ul#showcase li a:hover, ul#showcase li a.active {border:1px solid #0091D5;}
div#about {background-color:#666666;color: #fff;height: 247px;margin-bottom:20px;padding:10px;}
#about h2 {color: #fff;font-size: 1.35em;text-transform: uppercase;margin: 0 0 12px;color:#fff !important;}
#about .about_button {background-color:#ccc;border:1px solid #fff;color:#555;padding:5px;text-decoration:none;text-transform: uppercase;}
#about a.about_button:hover {border:1px solid #6a7065;background-color:#fff;color:#6a7065;}
#about .about_image {background-color:#111;border:1px solid #fff !important;float:right;height:75px;margin:5px 0 10px 10px;width:75px;}
#home #header p {font-size: 1.17em;line-height: 1.43em;}
a.rss_subscribe {background-image: url(images/rss_icon.png);background-repeat: no-repeat;background-position: left center;padding-left: 20px;}

/* Category Dropdown navigation */
#button {height: 30px;width: 184px;margin: auto;position:absolute;top:35px;right:30px;z-index:1;}
.menu_class {border:1px solid #444;margin-bottom: -5px;}
.the_menu {display:none;width:184px;border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-top-style: none;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;}
.the_menu li {background-color:#555;border-top:1px solid #444;}
.the_menu ul.children {	margin-bottom:0;}
.the_menu ul.children li {background-color:#999;padding-left:20px;}
.the_menu ul.children li a {font-size:11px;}
.the_menu li a {color:#fff; display:block;padding:10px; text-decoration:none;}
.the_menu li a:hover {color: #ccc;font-weight:bold;padding:10px;}

/* Slider */
.stepcarousel{background-color: #b091a0;height: 267px; overflow: scroll;position: relative;width: 700px;}
.stepcarousel .belt{position: absolute;left: 0;top: 0;}
.stepcarousel .panel{float: left;overflow: hidden;width: 700px;}
#featured {background:transparent url(images/featured_bg.jpg) no-repeat scroll 0 0;float:left;height:267px;width:700px;}
.featured_text {padding:14px 25px 0 0;}
.featured_text h2 {text-transform:uppercase;}
.featured_text h2 a {color:#7e2f68 !important;}
.featured_text p {color:#16245e !important;}

/* Slider Navigation */
#slider_nav {background-color:#555;color:#ddd;padding:10px 20px;line-height:20px;height:20px;font-family: Arial, Helvetica, sans-serif;text-transform: uppercase;font-weight: bold;margin-top:20px;}
#slider_nav img {vertical-align:middle;}
#slider_nav p {line-height:20px;margin:0 !important;color:#dddddd;text-align:right;}
#slider_nav a {color:#fff;text-decoration:none;}
#slider_nav a img {margin: 0 5px;}
#main .thumbnail { margin-bottom:20px;}
h2.single {font-size: 2.17em;border-bottom: 1px solid #E4E4E4;padding-bottom:10px;}
h2.arh {border-bottom: 1px solid #e4e4e4;padding-bottom:20px;}
h2.archive {border-bottom: 1px solid #E4E4E4;padding-bottom:20px;}
#sidebar h4, #sidebar2 h4 { margin: 0 0 3px;}
#home #sidebar h4, #home #sidebar2 h4 {margin: 0 0 18px;}

/* Post Entry */
.entry {margin-bottom:20px;border-bottom:1px solid #E4E4E4;}
.entry blockquote p {color: #666;font-size: 16px;font-style: italic;line-height: 22px;}
.entry ul li {background:transparent url(images/bullet.gif) no-repeat scroll 4px 4px;line-height:125%;padding:0 0 2px 28px;}
.entry ol li {line-height:125%;padding:0 0 6px 0;list-style-position: inside;list-style-type:decimal;}
#albums .entry {background-color:#555 !important;border-bottom:none;color:#eee;padding:10px;}
#albums h2 a {color:#fff;}
p.post_meta {font-size:11px;color:#666;margin-bottom:5px;}
p.post_meta span.details {background: url(images/post_meta_bg.jpg) no-repeat;padding: 3px 0 3px 21px;}
p.post_meta span.date {background: url(images/ico-date.gif) no-repeat;padding: 3px 0 3px 21px;}
p.post_meta span.comments {background: url(images/ico-comments.gif) no-repeat;padding: 3px 0 3px 21px;}

/* Post Image Styling */
.wp-caption {-moz-border-radius-bottomleft:3px;-moz-border-radius-bottomright:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;background-color:#eee;border:1px solid #ddd;padding:4px 0 5px;text-align:center;}
.wp-caption-text {padding:3px 0 0;font-size:11px;}

/* Home Page Blog Module */
#blog .box {padding:10px 10px 0px 10px;}
#blog .box h4 {	margin-bottom:5px;}
#blog .box h4 a {color:#111;}
#blog .box a {padding:0px !important;}
#blog .box a:hover {text-decoration:underline;}
#blog .box, .archive_options, .widget ul li, .flickr .flickr_photos, #wp-calendar, #wp-calendar caption, form#newsletter {background-color:#eee;	border:1px dotted #ccc;}
#line_break {margin-top:2.5em;padding-top:3em;border-top:1px solid #E4E4E4;}
.archive_options {float:left;padding:10px 0 10px 0;margin-bottom:20px;width:460px;}

/* Comments */
div#comments {}
ol.commentlist {margin: 20px 0 20px 0; }
ol.commentlist li.odd {background-color:#f7f7f7;}
ol.commentlist li h4 { margin-bottom: 0; }
ol.commentlist li {margin-bottom:20px;position: relative;}
ol.commentlist .comment {background-color:#eee; border: 1px solid #ccc;padding:20px;}
ol.commentlist .avatar {float: right;display: inline;margin: 0 0 20px 20px;padding:4px;background-color:#fff;border: solid 1px #ccc;}
ol.commentlist li cite {font-size: 1.3em;font-weight:bold;}
ol.commentlist li .comment-meta {font-size: .92em;margin-bottom:1em;}
ol.commentlist ul.children li {position:relative;margin-top:20px;}
ol.commentlist .odd ul.children li {background-color:#fff; }
ol.commentlist .odd ul li ul.children li { background-color:#F4F4F4;}
#respond #author, #respond #email, #respond #url, #respond #comment {border: 1px solid #ccc;padding:5px;}
#respond label {padding:5px;margin-left:5px;}
#respond .cancel-comment-reply {margin-bottom:20px;}
#commentform #submit {background-color:#444;border:1px solid #555;color:#fff;padding:10px;}

/* Widgetized Footer Section */
.custom #footerWrap {border-top:1px solid #E4E4E4;margin-top:10px;padding-top:10px;}
#home #footerWrap {border-top:none;margin-top:0;}
#footerWrap h4 { margin: 0 0 10px }
#footerWrap h2 {font-size:1.33em;line-height:1em;padding: 5px 0 5px 0;}
#footerWrap h4 {color: #2f3032;font-size: 1.17em;font-weight: bold;line-height: 1.43em;}
#footerWrap ul li p {color:#333;margin:0;}
#footerWrap ul li {margin: 0;}
#footerWrap ul li ul {margin: 5px;}
#footerWrap ul li ul li {margin: 0;background-color: #f7f7f7;padding:0px;}
#footerWrap ul li ul li a {font-weight:normal;font-size:12px;color: #333;padding-left:10px;}
#footerWrap ul li ul li ul li a {font-weight:normal;font-size:11px;background-color: #f7f7f7;padding-left:10px;}
#footerWrap ul li img {	text-align: center;}
#footerWrap ul li.clickready {cursor: pointer;}
#footerWrap ul li.clickready.hover {border: 1px solid #2ba2e1;}

/* Widgets */
.widget {margin-bottom:20px;}
.widget a {text-decoration: none;}
.widget a:hover { text-decoration:underline;}
.widget ul {border-bottom: 1px dotted #ccc;}
.widget ul li {border-bottom-style: none !important;border-style: dotted;border-width: 1px;margin: 0;padding:10px;}
.widget h3 {padding: 5px 0;margin-bottom:20px;}
.widget h4 img {float:left;margin-right:10px;}
h3#news {padding-left: 35px;background-image: url(images/ico-news.gif);background-repeat: no-repeat;background-position: 0px 5px;}
h3#flickr {padding-left: 35px;background-image: url(images/ico-flickr.gif);background-repeat: no-repeat;background-position: 0px 5px;}
h3#photos {padding-left: 35px;background-image: url(images/ico-photos.gif);background-repeat: no-repeat;background-position: 0px 5px;}
h3#twitter {padding-left: 35px;background-image: url(images/ico-twitter.gif);background-repeat: no-repeat;}
h3#subscribe {padding-left: 35px;background-image: url(images/ico-subscribe.gif);background-repeat: no-repeat;}
h3#popular {padding-left: 35px;background-image: url(images/ico-press.gif);background-repeat: no-repeat;background-position: 0px 5px;}
#recent-comments h3 {padding-left: 35px;background-image: url(images/ico-comment.gif);background-repeat: no-repeat;}
#archives h3 {padding-left: 35px;background-image: url(images/ico-archives.gif);background-repeat: no-repeat;}
.widget_links h3 {padding-left: 35px;background-image: url(images/ico-blogroll.gif);background-repeat: no-repeat;}
ul.news li h4 {	margin-bottom: 5px !important }
ul.news li img {float:left;padding:5px;border:1px solid #ccc;background-color:#fff;}
ul.news li .content {float:left;padding:0 0 0 10px;width:126px;}
#sidebar2 ul.photos {width: 240px;margin: 0 0 1.5em -20px;}
.flickr .flickr_badge_image {float: left;display: inline;margin: 0 10px 10px 0;}
.flickr_badge_image a {padding:0 !important;} 
.flickr .flickr_badge_image a img {display: block;background-color:#fff;padding:5px;border:1px solid #ccc;}
.flickr .flickr_photos {padding:15px 0 10px 16px;float:left;}
 #twitter_update_list {background: #e5edf0;border: 1px dotted #b6ccd4;color: #434343;font-size: 0.90em;text-align: left;padding: 10px;overflow:hidden;margin-bottom:0;}
#twitter_update_list li {margin-bottom:15px;padding:0 0 8px 0 !important;border: none; !important;background-color:transparent !important;}
div.follow {color:#e5edf0;font-family:Georgia,"Times New Roman",Times,serif;font-size:1.1em;font-style:italic;padding:5px;text-align:center;background-color: #A3B7BD;width:210px;}
div.follow a {color:#e5edf0;}
#searchform #s {padding:5px;border: 1px solid #ccc;margin-right:5px;width:146px;}
#searchform #searchsubmit {padding:5px;border: 1px solid #ccc;background-color:#000;color:#fff;}
#wp-calendar {color:#333;margin-bottom: 15px;padding: 0 0 0px 0;width: 99%;}
#wp-calendar caption {background: #555;color: #fff;font-size: 11px;padding:5px;text-align:center;text-transform: uppercase;}
#wp-calendar thead tr th {color: #000000;font-size: 14px;font-weight: bold;padding-top: 10px;}
#wp-calendar tfoot tr th {padding-top: 10px;}
#wp-calendar th {color: #fff;}
#wp-calendar th, #wp-calendar td {padding: 3px;text-align: center;}
#wp-calendar td {background: transparent;}
#wp-calendar td, table#wp-calendar th {padding: 3px 0;}
#wp-calendar a {text-decoration: underline;}
#wp-calendar a:hover {text-decoration: none;}
#footerWrap ul li.recentcomments {padding:5px;}
#footerWrap ul li.recentcomments a {background-color:transparent;}
#footerWrap ul li.recentcomments a:hover {text-decoration:underline;color:#111;}
#footerWrap .news a {padding:0;}
#footerWrap .widget_tag_cloud a {display:inline !important;}

/* Adverts */
.advert {float: left;text-align: center;padding: 20px 10px;}
.home_leaderboard {border-bottom: 1px solid #ccc;}
.content_advert {float: left;text-align: center;background-color: #ddd;padding: 20px 0px;margin-bottom: 20px;}
.advert img {border: 1px solid #ccc;}
.header_banner_ad img {	margin-top: 23px;}

/* Credits Footer */
.credits {text-align:center;padding-top:15px;color: #000;font-size: 11px;}
 .credits a {display:inline;text-decoration:underline;}
.credits img {vertical-align:middle;}
.credits, .credits a {color:#555 !important;}

/* 3.a Form styles */
input.text, select.select, textarea.textarea{border: 1px solid #B6CCD4;color: #000;padding: 6px;}
input.text {width: 195px;}
select.select { width: 200px;}
textarea.textarea { height: 10em; width: 446px;}
select.select.free {width: auto;}
button.button {color: #000;height: auto; width: auto;line-height: normal;white-space: nowrap;}
input.submit {color: #000;cursor: pointer;padding: 0;}

/* General forms */
form.form {}
form.form ol.fieldset {list-style: none; }
form.form ol.fieldset li.field {margin: 0 0 1em;position: relative;}
form.form ol.fieldset li.field label {font-weight: bold;display: block;}
form.form p.submit {}
form.search {}
form.search p.fields {margin: 0;}
form.search p.fields input, form.search p.fields button {display: inline;vertical-align: middle;}
	
/* 3.b Individual forms */
form#newsletter {position: relative;color:#333;padding:10px;}
form#newsletter p.fields input.text {border: 1px solid #b6ccd4;padding: 9px 30px 9px 7px;width: 158px;margin-bottom:10px;}
form#newsletter p.fields button {background: url(images/ico-newsletter.gif) no-repeat;width: 17px; height: 22px;border: none;position: absolute;top: 16px;right: 17px;z-index: 9999;}

/* Utility classes */
.l {text-align: left;}
.c {text-align: center;}
.r {text-align: right;}
.wrap, .col {float: left;display: inline;position: relative;}
.wrap {clear: both;}
.clear {clear: both;}
.fl {float: left;}
.fr {float: right;}
.hide, .hidden, .skip {display: none }
.nomargin {margin-bottom: 0 !important }
.noborder {border: 0 !important }
.top {margin-top: 0 !important }
.hr {background: #ccc; height: 1px;margin: 1.5em 0; }
.hr hr {display: none }
.replace, .br {display: block;font-size: 1%;line-height: 0;text-align: left;text-indent: -10000px;}
.opacity {-moz-opacity: 0.95;opacity: 0.95; filter: alpha(opacity = 95); }
.rounded {-moz-border-radius: 6px;-khtml-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;}
.clearfix:after {clear: both;content: ".";display: block;height: 0;visibility: hidden;}
.fix {clear:both;height: 1px;margin: 0 0 -1px;overflow: hidden;}

/* Align */
.aligncenter {margin: 10px auto 20px auto;display: block;}
.alignleft {margin: 10px 20px 8px 0;float: left;}
.alignright {margin: 10px 0px 8px 20px;float: right;}
.thumbnail {display: block;}
.box .thumbnail {margin: 0 0 5px 0 ;}
} @media print {

/* 5.	PRINT*/
body {background: none;color: #000; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 10pt}
code, pre {font-family: "Courier New", Courier, mono }
img {float: left;clear: left;page-break-inside: avoid;page-break-after: avoid }
a, a:link, a:visited {color: blue;text-decoration: underline}
blockquote, table, pre {page-break-inside: avoid }
ul, ol, dl  {page-break-before: avoid }
h1, h2, h3, h4, h5, h6 {display: block;font-weight: bold;page-break-after: avoid}
#footer, .ad, #nav, .nav, form, .skip {display: none }
h1 {font-size: 3em;margin: .67em 0; }
h2 {font-size: 2em; margin: .83em 0; }
h3 {font-size: 1.5em; margin: 1em 0;}
h4 {font-size: 1em; margin: 1.33em 0; }
h5 {font-size: 0.92em;margin: 1.67em 0;}
h6 {font-size: 0.83em;margin: 2.33em 0;}
.addthis_toolbox {margin-bottom: 15px; }

/* END CSS */
}/* end @media */