/*  
Theme Name: iBlogPro4
Version: 4
Author: nora
 Note: An empty widget can break the design.
*/ 

/* STANDARD STYLING */

body {
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:120%;
	font-size:14px;
	_padding-bottom: 20px; /* for IE6 */
/*	background: #766A54 url(images/bg_gold.png) no-repeat left top; */
    background: #694761 url(images/bg_purple2.jpg) no-repeat left top;
	color:#333333;
}

*:first-child+html body { /* IE7 Hack */
	padding-bottom: 20px;
}

/* DEFAULT FONT */
	body {
	font-family: "Times New Roman", Times, serif;
}
/*PRIMARY HEADERS FONT */
	h1, h2, #feature .fheading {
	font-family: "Times New Roman", Times, serif;
}
/*SECONDARY HEADERS FONT */
	h3, h4, h5 {
	font-family: "Times New Roman", Times, serif;
}
a {
	text-decoration: none;
} /* LINK COLOR */
a:hover {
	text-decoration: underline;
}
p, .p {
	margin-bottom: 15px;
}
img {
	border: none;
}
ul li {
	margin: 0px;
}
.hentry ul {
	list-style-type: disc;
	margin: 5px 0px 15px;
	padding-left: 10px;
}
ol {
	list-style-type: decimal;
	margin: 5px 0px 15px;
	padding-left: 20px;
}
.hentry li {
	padding: 3px 0;
}
form {
	margin: 0px;
	padding: 0px;
}
small {
	font-size: 85%;
}
hr {
	border: none;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ddd;
	margin-bottom: 1.5em;
}
blockquote {
	background: #f7f7f7;
	padding: 10px 15px;
	margin: 0 0 1em 2.5em;
	font-size:.9em;
	border: 1px solid #ddd;
	clear: both
}

a, #blogtitle a:hover, .postdata a:hover, h2.posttitle a:hover, .tags a:hover, .commentlist cite, .commentlist cite a, #morefoot a:hover, #sidebar ul li ul li a, #wp-calendar caption, #subnav .current_page_item a, #subnav .current_page_ancestor a, #subnav li a:hover, #subnav li.current-cat a, #sidebar #grandchildnav .current_page_item a, #feature-footer .twitter a {
	color:#D61C9F;
}

/* Text of img */

.alttext{
text-indent:-9999px;
}

.altstyle {
position: absolute; z-index: 1000; left: -99999px; text-indent:-9999px;
}

/* LAYOUT SECTION - EDIT THESE TO ADJUST LAYOUT */
#wrapper {
	width: 860px; /* width of content */
	margin: 0px auto 20px auto;
	position: relative;
	background: url(images/content-bottom.gif) no-repeat bottom;
	padding-bottom: 20px;
}
#container {
	background-image: url(images/content-top.png);
	background-repeat: no-repeat;
	padding-top: 20px;
	_padding-top: 20px; /* for IE6 */

}
#nav, #page {
	width: 860px; /* width of content */
	margin: 0px auto;
	position:relative;
	z-index:2;
}
#header {
	padding: 20px 0 20px 0px;
	position:relative;
} /* height of the header */

#content {
 	background-color: #fff;
	_padding-top: 10px; /* for IE6 */
}

#main {
	width: 860px; /* width of left column */
	float: left;
    display:inline;
}

#left-col {
	width: 520px;
         height: auto;
	float: left;
	margin: 0 0 0 50px;
	_margin: 0 0 10px 25px;
}


#right-col {
	width: 200px;
	float: left;
	padding-left: 10px;
	margin: 0 0 0 30px;
	_margin: 0 0 10px 0px;
}

.bannercol-s {
	width: 240px;
	float: left;
	padding: 8px;
}

#col-home4 {
	width: 240px;
	margin: 0;
	background: url(images/banner_separator.gif) no-repeat right;
}

.hentry .title {
	width: 540px; /* width of title area for posts & pages */
	float: left;
	margin-left: 10px;
}
#sidebar {
	width: 300px;
	float: right;
}
.icons {
	position:absolute;
	right:0;
	bottom:5px;
	height: 50px;
}
/* site title */
#blogtitle, .headerimage {
	font-size: 39px; /* blog title size */
	float:left;
	line-height: 47px;
	position:relative;
	margin: 25px auto 12px;
}
#blogtitle .sheen {
	position: absolute;
	z-index: 5;
	background-color: transparent;
	background-image: url(images/sheen.png);
	background-position: 0 0;
	background-repeat: repeat-x;
	display: block;
	width:100%;
	height: 25px;
	float: left;
}
#blogtitle a {
	color: #000;
}
#blogtitle a:hover {
	text-decoration: none;
}
#blogdescription {
	float: left;
	margin-top: 42px; 	/* description distance from top of screen */
	margin-left: 10px;
	color: #FFFFFF;
}
.nav-icon {
	float: right;
	margin:13px 0 0 8px;
}
/* HEADERS */

#shoulder {
	float: right;
	text-align: right;
	width: 350px;
	height: 40px;
	margin: 75px 0px 0px 0px;
}

#shoulder a {
	font-size: 11px;
	letter-spacing: 0.05em;
	font-family: Arial, Helvetica, Meiryo, "MS PGothic", Sans-Serif;
	color: #fff;	
	margin: 0;
	padding: 0px 8px 0px 10px;
}


#icon-my {
	background: url(images/icon/user.gif) no-repeat left;
	padding-left: 10px;
	height: 16px;
}

#icon-guide {
	background: url(images/icon/information.gif) no-repeat left;
	padding-left: 10px;
	height: 16px;
}

#icon-cart {
	background: url(images/icon/shoppingcart.gif) no-repeat left;
	padding-left: 11px;
	height: 16px;
}

#icon-cont {
	background: url(images/icon/contact_icon.gif) no-repeat left;
	padding-left: 10px;
	height: 16px;
}

h1, h2, h3, h4, h5, h6 {
	color: #000;
	font-weight: normal;
	margin:0;
	padding: 0;
	line-height: 1.4em;
}
h1 a, h2 a, h3 a, h4 a, h5 a {
	color: #000;
}
h1 {
	font-size: 32px;
}
h2 {
	font-size: 28px;
}
h3 {
	font-size: 24px;
}
h4 {
	font-size: 20px;
}
h5 {
	font-size: 16px;
}
h6 {
	font-size: 12px;
}
/*  SEARCH BAR STYLING */
.searchform {
	width: 150px;
	float: right;
	font-size: 10px;
	padding:0;
	margin:2px 5px 0 0;
	position: relative;
}
#morefoot .searchform {
	float:left;
}
.searchform .s {
	background:transparent url(images/search-bar-trans.png) no-repeat scroll center top;
	margin:0;
	border: none;
	padding:8px 0 0 0px;
	height: 25px;
	position:absolute;
	right:13px;
	top:0;
	width:113px;
	color: #666;
	overflow: hidden;
}
.searchform .s:focus {
	outline: 0;
	border: none;
}
.searchform .left {
	background:transparent url(images/search-leftcap-trans.png) no-repeat scroll left top;
	display:block;
	height:29px;
	left:0;
	position:absolute;
	top:0;
	width:33px;
}
.searchform .right {
	background:transparent url(images/search-rightcap-trans.png) no-repeat scroll right top;
	display:block;
	height:29px;
	position:absolute;
	right:0;
	top:0;
	width:14px;
}
.searchform .searchsubmit {
	height: 24px;
	width: 24px;
	border: none;
	cursor: pointer;
	text-indent: -999%;
	line-height: 1px;
	margin:0;
	background: transparent;
}

/* MAIN NAVIGATION */
#nav {
	clear: both;
	font-size: 13px;
	font-family: Arial, Helvetica, Meiryo, "MS PGothic", Sans-Serif;
	background: url(images/nav-bg.gif) no-repeat 0px -1px;
	height: 36px;
	margin-bottom: 10px;
	position:relative;
}
#nav ul {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0px;
	width: 680px;
	float: left;
}
#nav ul li {
	font-weight: bold;
	margin:0;
	padding: 0px;
	float: left;
	background: url(images/navdivider.gif) no-repeat right top;
}
#nav ul.dropdown li a.home {
	padding: 5px 20px 6px 23px;
	border-left: none;
	position:relative;
	z-index: 10;
}
#nav ul.dropdown li a.home:hover, #nav ul li a.home:active {
	background: none;
	cursor: pointer;
	margin:0;
	border:none;
	padding: 5px 20px 6px 23px;
}
#nav ul li a,  #nav .current_page_item li a{
	padding: 9px 17px 9px 15px;
	text-decoration: none;
	text-shadow: #fff 0px .5px 1px;
	color: #222;
	display: block;
}
#nav ul li a small {
	display: none;
}

#nav .current_page_item a, #nav li a:hover, #nav li a:active, #nav .current_page_ancestor a, #nav .current_page_ancestor a:hover {
	margin-left: -1px;
	margin-right: 1px;
	text-shadow: #666 0 -.5px 1px;
}
#nav .current_page_item a, #nav .current_page_ancestor a, #nav .current_page_ancestor a:hover {
	text-decoration: none;
	background: #2a2a2a url(images/nav-current.png) repeat-x top left;
	color: #fff;
}
#nav li a:hover {
	color: #fff;
	background: #b1b1b1 url(images/nav-hover.png) repeat-x top left;
}
#nav li a:active {
	color: #fff;
	background: #2a2a2a url(images/nav-action.png) repeat-x top left;
}

/* Drop Down*/

#nav li {
	position:relative;
}

#nav ul ul {
	display: none;
}

#nav li li a, #nav li li a:link, #nav li li a:visited {
	background: url(images/nav-bg.png) center;
	color: #000;
	width: 150px;
	float: none;
	margin: 0px;
	border-top: 1px solid #FFFFFF;
	text-decoration: none;
}
	
#nav li li a:hover, #nav li li a:active {
	background: #fff url(images/nav-hover.png);
	color: #fff;
	text-decoration: none;
}

#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
}

#nav li:hover ul {
	left: auto;
	display: block;
}
	
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}


/* CONTENT */


#quick-access {
	color:#999999;
	width: 740px;
	height: 23px;
	font-size: 13px;
	letter-spacing: 0.02em;
	padding: 5px 0px 0px 20px;
	margin: 15px auto 0px auto;
	border: #B8A060 1px solid;
	_margin-bottom: 15px; /* IE6 Hack */
}

*:first-child+html #quick-access { /* IE7 Hack */
	margin-bottom: 15px;
}

#quick-access a {
	font-size: 13px;
	color: #766A54;
	letter-spacing: 0.02em;
	font-family: Arial, Helvetica, Meiryo, "MS PGothic", Sans-Serif;
	margin: 0;
	padding: 0px 10px 0px 10px;
	border-right: #999999 dotted 1px;
}

#menutag {
	color:#999999;
	width: 758px;
	height: 23px;
	font-size: 16px;
	letter-spacing: 0.02em;
	padding: 5px 0px 5px;
	margin: 5px auto;
	border-top: 1px solid #B8A060;
	border-bottom: 1px solid #B8A060;
	_margin-bottom: 15px; /* IE6 Hack */
}


.tag {
	color:#999999;
	height: 23px;
	font-size: 15px;
         text-align: center;
	letter-spacing: 0.02em;
}

.tag_2  {
         color: #766A54;	
         width: 140px;
	letter-spacing: 0.02em;
	text-align: center;
	border-right: #999999 dotted 1px;
	font: 15px Arial, Helvetica, Meiryo, "MS PGothic", Sans-Serif;
	background: center;
}

.tag_2 a {
         color: #766A54;	
         width: 140px;	
	letter-spacing: 0.02em;
	text-align: center;
	font: 15px Arial, Helvetica, Meiryo, "MS PGothic", Sans-Serif;
	background: center;
}

.tag_2 a:hover {
	color: #CC3399;
}

.tag_3  {
	width: 140px;
	color: #766A54;
	letter-spacing: 0.02em;
	border-right: #999999 dotted 1px;
	font: 15px Arial, Helvetica, Meiryo, "MS PGothic", Sans-Serif;
	background: center;
}

.tag_4  {
	width: 140px;
	color: #766A54;
	letter-spacing: 0.02em;
	text-align: center;
	border-right: #999999 dotted 1px;
	font: 15px Arial, Helvetica, Meiryo, "MS PGothic", Sans-Serif;
	background: center;
}



#content {
	clear: both;
	overflow: hidden;
}
.hentry, .hcopy {
	background: #fff url(images/post-bg.png) repeat-x left bottom;
	clear: both;
	overflow: hidden;
	border-bottom: none;
}
.post-content {
	padding-bottom: 18px;
}
.hentry .billboard {
	text-align: center;
	padding: 50px;
}
/*=== Post ===*/
/*- Post Title -*/
.thumb.left img {
	margin-right:23px;
}
.thumb img {
	display:block;
	margin:0 0 0.8em;
}
.post-title h1 {
	color: #333333;
	font-size: 18px;
}
.post-title h1 span {
	color: #33707e;
}
.post-title h1.author {
	color: #888888;
	font-size: 14px;
	padding-top: 2px;
}
.post-title h2, .post-title h2 a {
	font-size: 30px;
	letter-spacing: -2px;
	margin: 0 0 .45em;
	color: #222222;
	text-decoration: none;
}
.post-title a:hover {
	text-decoration: underline;
}
/*- Post Date -*/
.post-date {
	margin: 0 0 1.25em;
}
.post-date a {
	color: #000;
}
.post-date em {
	background: #eee;
	color: #000;
	font-size: .9em;
	font-style: normal;
	padding: 5px 5px;
	line-height: 1.75em;
}
/*- Post Excerpt -*/
.post-excerpt {
	font-size: 12px;
	float:left;
	width: 370px;
	font-style: italic;
}
/*- Post Blockquote -*/
.hentry blockquote {
	border-left: 3px solid #cfcfcf;
	font-size: 13px;
	font-style: italic;
	margin: 0 0 1.5em;
	padding: 5px 0 0 10px;
}
/*- Post Author -*/
.author-info {
}
.post-author {
	margin: 0 0 1em;
}
.author-details {
	font-size: .85em;
}
.author-descr {
	display: table;
	height: 1%;
}
/*- Social Links -*/
.post-footer {
	background: url(images/box-bgr2.gif) #eee repeat-x top;
	height: 42px;
	padding: 0 18px;
}
.post-footer a {
	color: #444;
}
.post-footer .left {
	line-height: 42px;
}
.post-footer .left span {
	background: url(images/comment_count_bg.png) no-repeat center left;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	padding: 4px 0 8px 0;
	width: 33px;
	margin-right: 6px;
	display: inline-block;
	line-height: 32px;
}
.post-footer .right {
	padding: 9px 0 0;
}
.post-footer .right span {
	line-height: 21px;
}
.post-footer img {
	margin: 0 0 0 2px;
}
.mini-add-comment {
	background: url(images/mini-down-arrow.gif) no-repeat left center;
	padding-left: 12px;
	float: right;
}
.entry {
	margin: 0;
	padding: 0;
	clear: both;
	line-height: 1.3em;
	margin-bottom: 1em;
}
/* POST TITLE STYLING */

.tags {
	float: right;
	color: #aaa;
	margin-top: 4px;
	margin-bottom: 1em;
}
.tags a {
	font-weight: bold;
	color: #000;
}
.tags a:hover {
	text-decoration: none;
}
/* next & previous page navigation */

.page-nav, .wp-pagenavi {
	clear: both;
	padding: 7px;
	color: #fff;
	background: #959595 url(images/agradient-30.gif) repeat-x left top;
}
.page-nav a {
	color: #fff;
	text-decoration: none;
}
.page-nav a:hover {
	color: #eee;
	text-decoration: none;
}
.previous-entries a {
	float: left;
	padding-left: 10px;
	margin-left: 10px;
	background: url(images/navigation-left.gif) no-repeat left center;
}
.next-entries a {
	float: right;
	padding-right: 10px;
	margin-right: 10px;
	background: url(images/navigation-right.gif) no-repeat right center;
}
#content .wp-pagenavi span.pages {
	border:none;
	background: transparent;
}
#content .wp-pagenavi a, #content .wp-pagenavi .current, #content .wp-pagenavi .extend {


	padding: 3px 7px;
	border: none;
	color: #000;
	background: #bbb url(images/nav-hover.png) repeat-x 0 0;
}
#content .wp-pagenavi a:hover, #content .wp-pagenavi .current {
	color: #fff;
	border:none;
	background: #999 url(images/agradient-30dark.gif) repeat-x 0 0;
}
/* next & previous post navigation */
.post-nav {
	clear: both;
	padding-bottom: 35px;
	margin-top: 15px;
	font-size: 95%;
}
.post-nav a, .post-nav a:visited {
	color: #999999;
	text-decoration: none;
}
.post-nav a:hover {
	color: #000000;
	text-decoration: none;
}
.post-nav .previous a {
	float: left;
	padding-left: 20px;
	background: url(images/post-nav-previous.gif) no-repeat left center;
}
.post-nav .next a {
	float: right;
	padding-right: 20px;
	text-align: right;
	background: url(images/post-nav-next.gif) no-repeat right center;
}
/* ---- Feature */
#feature {
	margin-bottom:15px;
}
#cycle {
	overflow: hidden;
	height: 385px;
}
#feature .hentry, #highlight .hentry {
	background:#fff url(images/post-bg-short.png) repeat-x left bottom;
	position: relative;
	z-index:0;
	border:none;
}
#feature .hentry {
	height: 430px;
}
#feature .fcontainer {
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-khtml-border-top-left-radius: 5px;
	-khtml-border-top-right-radius: 5px;
}
#feature .fmedia {
	width:  478px;
	margin-left: 480px;
	height:   390px;
	float:right;
}
#feature .fcontent {
	position: relative;
	float: left;
	width: 330px;
	padding: 20px 80px;
	z-index: 100;
	margin: 20px -500px 0px 0px;
	height: 300px;
}
#feature .fheading {
	text-align: center;
	margin: 2em 0;
}
#feature .fheading h1, .ftitle {
	font-size:55px;
	line-height: .9em;
	letter-spacing:-.05em;
}
#feature .fheading h3, .fsub {
	color: #999;
	font-size: 18px;
}
#feature .ftext {
	margin: 30px 0px 0;
	font-size: 1.15em;
}
#feature .ftext h4, #feature .ftext h5 {
	font-size:1em;
	font-weight: bold;
}
#feature .ftext strong {
	color: #000
}
.featurelink {
	background:transparent url(images/morearrow.gif) no-repeat scroll 100% 60%;
	padding-right:10px;
}
#feature-footer {
	background: #f7f7f7;
	width: 100%;
	z-index:100;
	padding: 11px 0;
}
#featurenav {
	float: left;
	margin-left: 10px;
	display: inline;
}
#featurenav a {
	font-family:arial;
	padding: 3px 9px 3px;
	margin-right: 5px;
	font-size: 12px;
	border: 1px solid #ccc;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	color: #666;
	background: #f7f7f7;
}
#featurenav a:hover {
	background: #eee;
	text-decoration:none;
}
#featurenav a.activeSlide {
	background: #ddd;
	color: #000;
	border: 1px solid #aaa;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#feature-footer .twitter {
	float: right;
	margin-right: 16px;
	display: inline;
	color: #777;
}
#feature-footer .twitter a {
	color: #333;
}
.editfeature {
	text-align: right;
	line-height: 40px;
	margin-right: 15px;
}
/* ---- HIGHLIGHT TEMPLATE -------*/
#highlight {
	position: relative;
	background:#fff url(images/post-bg-short.png) repeat-x left bottom;
	border-left: none;
	border-right: none;
	border-top: none;
	margin-bottom: 1.5em;
}
#highlight .postwrap {
	padding: 20px 30px;
}
#highlight .ftitle {
	margin-bottom: .8em;
	font-size: 30px;
}
#highlight .fcontent {
	float: left;
	padding: 30px;
	width: 290px;
	margin-top: 20px;
}
#highlight .fmedia {
	overflow:hidden;
	float: left;
	width: 540px;
	margin: 0;
}
/* ------------------------------------- cred area  */


#bottomnav {
	margin: 0px;
	clear: both;
	height: 50px;
	text-align: center;
	font-size: 11px;
	border-top : 1px solid #766A54;
	font-family: Arial, Helvetica, Meiryo, "MS PGothic", Sans-Serif;
}

.terms.nonav {
	margin: 5px auto -5px auto;
}

.footerlink {
	font-size: 12px;
	font-family: Arial, Helvetica, Meiryo, "MS PGothic", Sans-Serif;
	color: #766A54;
	padding: 10px 0 0 0;
}

#cred a, #cred a:visited {
	text-decoration: none;
	color: #444;
}
#cred a:hover {
	text-decoration: underline;
}
/* Before footer */

.fboxes {
	background:#FFFFFF url(images/post-bg.png) repeat-x scroll left bottom;
	border-color:#ccc #aaa #aaa #ccc;
	border-style:solid;
	border-width:1px;
	margin-bottom:15px;
}
.fboxdividers {
	background:transparent url(images/morefootbg.gif) repeat-y scroll left bottom;
}
.fboxes .fbox {
	display: inline; /* IE thing */
	float: left;
	width: 318px;
}
.fboxcopy {
	padding: 18px 30px;
}
.fboxes p {
	margin-bottom: 10px;
}
.fboxes ul {
	list-style-type: none;
	margin-top: 5px;
}
.fboxes ul li, #morefoot p {
	font-size: 11px;
}
.fboxes ul a {
	text-decoration: underline;
	color: #333;
}
.fboxes a:hover {
	text-decoration: underline;
}
.fboxes h3 {
	font-size:1.3em;
	line-height:1.4;
	margin-bottom:0.3em;
	padding: 0 0 2px 0;
	font-weight: bold;
}
.fboxes #searchbox {
	padding: 1px;
	width: 160px;
}
.fboxes li {
	margin-bottom: 5px;
	line-height: 17px; /* Required for cross-browser consistency; cross-browser defaults vary. */
}
#morefoot {
	margin-top: 2em;
}
#morefoot p {
	font-size: .9em;
}
#morefoot li {
	margin-left: 10px;
}
#morefoot li a {
	text-decoration: none;
}
/* @ FORMS */

textarea:focus, input[type="text"]:focus {
	border: solid 1px #666;
}
.button, input[type="submit"], .submit {
	border: 1px solid #aaa;
	background: #e5e5e5 url(images/gradlight.gif) repeat-x left bottom;
	margin:0;
	padding: 5px 3px 4px 5px;
	font-family: arial, helvetica;
	font-weight: bold;
	color: #333;
}
.button:hover, input[type="submit"]:hover {
	background: #535353 url(images/graddark.gif) repeat-x top left;
	color: #FFF;
	cursor: pointer;
}
#cformsform ol {
	list-style-type: none;
}
/* sidebar */
#sidebar {
	color: #444;
	margin:0;
	padding: 0;
	font-size: 13px;
}
#sidebar p {
	margin: 0px 0px 15px;
}
#sidebar h2 {
	font-size: 20px;
	margin-bottom: 5px;
}
#sidebar a {
}
#sidebar a:hover, #sidebar a:focus, #sidebar a:active {
	text-decoration:underline;
}
#sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#sidebar ul li {
	border-bottom: 1px solid #eee;
	padding: 7px 0;
}
#sidebar ul li ul li {
	padding: 4px 4px 4px 12px;
}
#drag_drop_sidebar h3 {
	font-size: 13px;
	color: #333;
	font-weight: bold;
	padding: 8px 10px;
	text-shadow: #fff 0px .5px 1px;
	background: #e5e5e5 url(images/nav-default.png) repeat-x left top;
}
#sidebar .ui-sortable h3:hover {
	cursor: move;
	background: #e5e5e5 url(images/graddark.gif) repeat-x left top;
	color: #fff;
	text-shadow: #444 0px 1px 1px;
}
#sidebar #drag_drop_sidebar .drawer-content {
	padding: 10px 10px 20px 10px;
	background: #fff url(images/post-bg-short.png) repeat-x left bottom;
}
#sidebar #drag_drop_sidebar .widget {
	padding: 0;
}
#sidebar a {
	color: #000;
}
#sidebar ul li a {
	padding: 3px 0;
}
#sidebar ul li a:hover {
	text-decoration:underline;
}
#sidebar ul li ul li {
	border: none;
}
#sidebar ul li ul li a {
	font-weight: normal;
	color:#777;
}
#content_sidebar {
	font-size: .9em;
}
#content_sidebar .wtitle {
	font-size: 18px;
	font-weight: bold;
}
#content_sidebar .widget {
	background: #fff url(images/post-bg-short.png) repeat-x left bottom;
	margin: 2em 0;
	border: 1px solid #bbb;
	padding: 1em;
}
#content_sidebar .widget ul li {
	margin-left: 15px;
}
/* meta */
#meta .rss {
	background: url(images/icons/feed.png);
	background-repeat: no-repeat;
}
#meta .check {
	background: url(images/comment.gif);
	background-repeat: no-repeat;
}
#sidebar #accordion {
	border: 1px solid #ccc;
	margin-bottom: 1.5em;
}
#accordion .widget {
	margin:0;
	border:none;
	line-height: 1.6em;
}
#accordion .drawer-handle {
	text-shadow: #fff 0 1px 0;
	display: block;
	cursor: pointer;
	padding: 10px 10px;
	background: #e5e5e5 url(images/gradlight.gif) repeat-x left top;
	font-size: 13px;
	border-bottom: 1px solid #ddd;
}
#accordion .ui-state-active {
	border-bottom: 1px solid #aaa;
}
#accordion .drawer-handle:hover {
	background: #AAAAAA url(images/graddark.gif) repeat-x left top;
	text-decoration: none;
	text-shadow: #666 1px 0 0;
}
#accordion .drawer-handle:hover a {
	color: #fff;
}
#accordion .selected {
	color: #fff;
	background: #e5e5e5 url(images/graddark.gif) repeat-x left top;
}
#accordion .drawer-content {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #ddd;
	background: #fff;
	color: #666;
	padding: 15px 12px 5px;
}
#feedbox {
	margin-right: 8px;
	padding: 5px;
}
#archives ul li {
	background: url(images/archive.gif) no-repeat right 9px;
}
#recent-comments ul li {
	background: url(images/comment.gif) no-repeat left 5px;
	padding: 5px 4px 3px 20px;
}
/* meta */
#meta .rss {
	background: url(images/mini-rss.gif) no-repeat right 9px;
}
#meta .check {
	background: url(images/comment.gif) no-repeat right 9px;
}
/* Widgets */
#sidebar .widget {
	margin-bottom: 1.5em;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	background:#FFF;
	padding: 1px;
}
#sidebar .wtitle {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 3px;
}
#sidebar .winner {
	padding: 10px;
	background: url(images/post-bg-short.png) repeat-x left bottom;
}
#sidebar .wcontent {
	padding: 0 15px;
}
#calendar-wrap {
	text-align:center;
}


/* FORMS/CONTACT ETC */

	.cform input {
	padding: 5px;
	font-size: 1.1em;
}
.cform fieldset {
	background: #fff;
	border:none;
}
.cform label {
	display:block;
	margin:0;
	text-align:left;
}
legend {
	display: none;
}
#content .cform {
	margin:5px 50px;
	padding:0px 0;
}
.cform ol, .cform li {
	list-style-type: none;
	margin:0;
	padding:0;
}

.cform li {
	margin-bottom: .7em;
}
.cform .single {
	width: 97%;
}
.cform .area {
	width: 97%;
}
.cform .emailreqtxt, .cform .reqtxt {
	font-style: italic;
	color: #999;
}
.cf_hidden {
	display: none;
}
.success {
	background: #f7f7f7;
	padding: 15px;
	margin-bottom: .5em;
	font-size:1.4em;
}
input[type="text"].cf_error:focus {
	border: 1px solid #000;
}
/* Mailing List Form */
	.mailinglist .cform ol {
	width:262px;
	float: left;
}
.mailinglist .cform .single {
	width:97%
}
.mailinglist .cform .sendbutton {
	margin:21px 0 0 10px;
	padding: 3px 0 2px 0;
}
.linklove a {
	display: none;
}
/* highlight */
.hl, .hl2 {
	background: url(images/hl-dot.gif) repeat-x top;
	clear: both;
	height: 2px;
	overflow: hidden;
	width: 100%;
}
.hl2 {
	background: none;
	border-top: 1px solid #e7e7e7;
	height: 1px;
	margin: 0 0 .8em;
}
.lowlight {
	background: url(images/post-bg.png) repeat-x left bottom;
}
.lowlight2 {
	background: url(images/post-bg-short.png) repeat-x left bottom;
}
.toplight {
	background: url(images/box-bgr.gif) repeat-x top left;
}
.pad_small {
	padding: 8px;
}
.pad_big {
	padding: 15px 20px;
}
/* Easy Slider */

#slider {
	padding: 0px;
	margin: 10px auto 0px auto;
	_margin: 20px auto 0px auto; /* for IE6 */
	border: #B8A060 solid 1px;
}

#slider ul, #slider li {
	margin:0;
	list-style:none;
}

#slider li {
	/* 
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/ 
	width:758px;
	height:250px;
	overflow:hidden;
}

span.banner-text { display:none;
}

.whats-new{
width:555px;
height:230px;
margin-bottom:20px;
}

.footer-new{
/*background-color:#ff0000;*/
width:555px;
height:117px;
float:left;
margin-bottom:20px;
margin-right:20px;
margin-top:5px;
display:inline;

}


.inside-new{
float:left;
display:inline;
width:258px;
height:113px;
/*background-color:#cccccc;*/
margin-top:2px;
margin-left: 10px;
color:#999;
font-size:13px;
text-align:justify;
}

.footer-divider{
width:2px; height:113px; float:left; display:inline; margin-left:15px; margin-right:15px;
border-right:dotted #999 1px;
}

/*************************************************/


.main2{
background:url(images/celestybg1.jpg) no-repeat top;
width:758px;
height:1640px;
margin-right:auto;
margin-left:auto;
background-color:#fbeeeb;
margin-bottom:30px;

}

.main-wrapper{
height:auto;
width:758px;
margin-right:auto;
margin-left:auto;

}

/*background:url(images/4steps1.png) no-repeat;*/

.mother-top{
float:left;
height:425px;
width:758px;
background-repeat:no-repeat;
/*background:url(images/woman.png) no-repeat left;*/
/*background-color:#FF66CC;*/
 /* Mozilla ignores crazy MS image filters, so it will skip the following */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='images/woman.png');
}

/* IE ignores styles with [attributes], so it will skip the following. */
.mother-top[class] {
  background-image:url(images/woman.png);
}


.woman{
height:425px;
width:529px;
background-color:#0000FF;
float:left;
z-index:0;
}

.box1{
width:758px;
height:175px;
/*margin-right:auto;
margin-left:auto;*/
float:left;
/*background-color:#999999;*/
z-index:2;
position:absolute;

}

.celestyholder{
width:348px;
height:111px;
/*background:#00FF66;*/
margin-left:332px;
padding-top:58px;
}

.box2{
width:758px;
height:250px;
margin-right:auto;
margin-left:auto;
/*background-color:#ccc;*/
z-index:3;
position:absolute;
}

.box2-a{
float:right;
width:525px;
height:180px;
/*background-color:#FFFF99;*/
margin-top:170px;

}

p.after-celesty{
margin-left:50px;
margin-right:50px;
text-align:justify;
font-size:11px;
}

.box3{
width:758px;
height:auto;
display:inline;
/*margin-right:auto;
margin-left:auto;*/
float:left;
display:inline;
/*background-color:#FF66CC;*/
}

.box3a{
height:auto;
width:540px;
float:left;
display:inline;
display:inline;
margin-left:30px;
/*background-color:#9933CC;*/
}


span.bullet{
width:12px; height:12px; margin-right:10px;
}

p{
text-align:justify;
}

p.title{
font-size:18px;
color:#E27398;
/*font-weight:bold;*/

}

p.content{
margin-top:5px;
font-size:10px;
}

p.contentjp{
margin-top:5px;
color:#8e8b8c;
font-size:10px;
}

span.step{
font-size:13px;
color:#6781B7;
font-weight:bold;
float:right;
margin-top:4px;
font-weight:bold;
}

p.step{
font-size:13px;
color:#6781B7;
font-weight:bold;
float:right;
margin-top:4px;
font-weight:bold;
}

p.price{
font-size:9px;
margin-top:5px;}

.group{
width:590px;
height:210px;
float:left;
display:inline;
/*background-color:#CC0066;*/}

.group1{
float:left;
display:inline;
height:210px;
width:203px;
/*background-color:#993300*/}


.group2{ /***** // div for the whitening // **/
float:left;
display:inline;
height:auto;
width:322px;
margin-left:35px;

/*background-color:#9900CC;*/
}

.group2a{ /***** // div for the whitening // **/
float:left;
display:inline;
height:230px;
width:332px;
/*background-color:#9900CC;*/

}

.fujitaka{
float:left;
display:inline;
/*background-color:#CC3300;*/
width:758px;
height:169px;
}
.img-fujitaka{
background:url(images/fujitaka.jpg) no-repeat;
width:106px;
height:169px;
margin-left:30px;
float:left;
display:inline;
}

.fujitaka-text{
width:300px;
height:169px;
/*background-color:#33FF99;*/
float:left;
display:inline;
margin-left:30px;
}

.step-title{
width:540px;
height:auto;
/*background-color:#009999;*/

}

.number-step{
height:auto;
width:auto;
float:right;
display:inline;

}

.bullet-title{
height:auto;
width:auto;
float:left;
display:inline;

}

.after-step{
width:540px;
height:auto;
float:left;
display:inline;
margin-bottom:10px;
}

.bottle{
width:163px; height:788px;  z-index:-1; margin-left:595px; margin-top:190px;
}

/*** for the whitening with an image of group bottles ***/



.step-titlea{
width:332px;
height:auto;
/*background-color:#009999;*/

}

.number-stepa{
height:auto;
width:auto;
float:right;
display:inline;

}

.bullet-titlea{
height:auto;
width:auto;
float:left;
display:inline;

}

.after-stepa{
width:332px;
height:auto;
float:left;
display:inline;
margin-bottom:10px;
}