/*

Theme Name: Hair Bespoke HYS

Version: 1.5

Author: Imaginary Stroke, Co.

Author URI: http://www.imaginarystroke.com/

*/



/* Body */


body { background:#000000; margin:0px auto 0px auto; padding:0px; color:#333; font:76% Arial,Verdana,sans-serif; }



#wrap { color:#303030; margin:0px auto 0px auto; width:850px; background: #FFFFFF; }



ul { margin:20 0 18px;padding:0;list-style:none;}

li { list-style:none; background:#FFFFFF url(http://www.bespoke-hys.com/images/listmark.gif) left top no-repeat;   color:#555; font-weight:400; margin-top: 20px;  padding-left: 15px; padding-top: 0px; padding-bottom: 0px; text-decoration:none;}





/* Links */

a {color:#000; font-weight:700; text-decoration:none;}

a:hover {color:#CC0000; font-weight:700; text-decoration:underline;}

a:visited {color:#B3C71D; font-weight:700; text-decoration:none;}

img {border:0;}

a img {border:0;}




/* Header */

#header { width:850px; margin-top:0px; margin-left:auto; margin-right: auto; height:130px; margin-bottom:0px; background: #000000;}

#header h2 {font-size:1.1em; font-weight:700; letter-spacing:1px; margin:0px; padding-top:5px; padding-bottom:5px; padding-left:20px; padding-right:20px; }

#header h2 a {font-weight:700; color:#555;}

#header h2 a:hover {font-weight:700; color:#1a4a6a;}

#breadcrumb {
	width: 820px;
	margin: 0 auto 30px;
	padding-top: 6px;
	padding-bottom: 5px;
	padding-left:30px;
	text-align: left;
	letter-spacing: 1px;
	font-family: "ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", Osaka,Arial, Helvetica, sans-serif;
	background: #CCCCCC;
}

#breadcrumb a {
	color:#555;
        text-decoration:none;
}



/* Sidebars */

#rightside { margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:25px; width:200px; padding-top:0px;}

#rightside h2{
	font-size: 12px;
	color: #000;
        margin-top: 5px;
	margin-bottom: 17px;
	letter-spacing: 1px;
	font-weight: bold;
}


.rightmenu { width: 180px; color: #555; margin: 0px; padding: 0px 10px 10px 10px;}

.rightmenu ul { width:180px;margin:20 0 18px;padding:0;list-style:none;}

.rightmenu li { background:#FFFFFF url(http://www.bespoke-hys.com/images/listmark.gif) left top no-repeat;   color:#555; font-weight:400; margin-top: 20px;  padding-left: 15px; padding-top: 0px; padding-bottom: 0px; text-decoration:none;}

.rightmenu li a { color: #555; font-weight: normal;}
.rightmenu li a:hover { color:#CC0000; text-decoration: underline; font-weight: normal; }
.rightmenu li a:visited { color:#555; text-decoration: none; font-weight: normal;}



.title { font-size: 16px; font-weight: bold: color: #333; }

.widgettitle { font-size: 16px; font-weight: bold: color: #333; }

.widget widget_calendar li{ margin:0px;padding:0;list-style:none;}

.widget widget_categories li{ margin:0px;padding:0;list-style:none;}

.widget widget_recent_entries li{ margin:0px;padding:0;list-style:none;}

.widget widget_recent_comments li{ margin:0px;padding:0;list-style:none;}

.widget widget_archive li{ margin:0px;padding:0;list-style:none;}

#categorytitle {background:#4981D4; border-top:1px solid #E6E6E6; border-right:1px solid #E6E6E6; border-bottom:1px solid #E6E6E6; border-left:1px solid #E6E6E6; color:#FFF; font-weight:700; margin-bottom:3px; padding:5px 1px 5px 19px; text-decoration:none; width:200px; margin-bottom:20px; font-size:1.1em;}

#categorytitle a {background-color:#4981D4; color:#FFF;}

#categorytitle a:hover {background-color:#34B3D1; color:#FFF;}


#top_rightside { margin-top:10px; margin-left:10px; margin-right:10px; margin-bottom:0px; width:180px; padding-top:0px;}


/* Content */

#content {width:570px; margin:0 50px 5px 30px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:15px; line-height:200%;  letter-spacing:1px;}

#contentwide {width:570px; margin:0 0px 5px; padding-top:10px; padding-left:0px; padding-right:0px; padding-bottom:15px; line-height:200%;  letter-spacing:1px;}

#content h2,#contentwide h2 {color:#000; font-size:16px; margin-top:0px; margin-left:0px; margin-right:auto; margin-bottom:20px; padding: 0px; line-height:1.6em; font-weight: bold;}


#content h2 a:hover { color:#CC0000; text-decoration: underline;}
#content h3 a:hover { color:#CC0000; text-decoration: underline;}
#content h3,#contentwide h3 { font-size:1.5em; font-weight:500; margin:0px; letter-spacing:1px; padding-top:0px;}
#content h2 a:visited { color:#000; }
#content h3 a,#contentwide h3 a { color:#000; }
#content h3 a:visited { color:#000; }


#content img,#contentwide img { float:none; margin:3px 0px 3px 0;}

#content ul,#contentwide ul,#content ol,#contentwide ol {margin:0 0 16px 20px;}


#content li,#contentwide li {padding:0 0 0 5px;}

#content ul ul,#contentwide ul ul,#content ol ol,#contentwide ol ol {margin:0 0 0 16px;}

#entrylist {margin-left:60px;margin-bottom:60px;line-height:200%;}


#content img,#contentwide img { float:none; margin:3px 0px 3px 0;}

#content ul,#contentwide ul,#content ol,#contentwide ol {margin:0 0 16px 20px;}


#content li,#contentwide li {padding:0 0 0 5px;}

#content ul ul,#contentwide ul ul,#content ol ol,#contentwide ol ol {margin:0 0 0 16px;}





#next_previous { text-align:center; }



/* Footer */

#footer {font-size:0.6em; border-top:1px solid #999999; clear:both; color:#555; font-weight:400; line-height:1.4em; margin:0 auto; padding:15px 0; text-align:center; width:820px; letter-spacing:1px; }

#footer p {margin:0; padding:0;}

#footer a {color:#555; font-weight:400; text-decoration:none;}

#footer a:hover {color:#333; text-decoration:underline;}

#footer span.credits {font-size:1.2em;}


/* pages */

#news {
	border-left:1px solid #666666;
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
	margin-bottom:40px;
	}

#news h2 {
	border-left:1px solid #666666;
	border-right:1px solid #666666;
	border-top:1px solid #666666;
	background-color:#000000;
	padding:3px 20px 3px 20px;
	font-size:12px;
	}

/* Tags */

p,ul,ol {margin:0 0 18px;}

blockquote {border-left:4px solid #e0e0e0; margin:20px; padding:8px 8px 8px 15px;}

blockquote p {color:#555; font-size:0.9em; line-height:1.3em;}

label {color:#606060; font-size:0.9em; font-weight:700;}

table#wp-calendar {margin:0 0 18px; width:180px;}

code {font-size:1.2em; display:block; background:#f4f4f4 url(img/menubg.gif) bottom left repeat-x; border-top:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-left:4px solid #ccc; color:#606060; margin:5px 0 15px; padding:8px 5px 8px 8px;}



/* Headers */

h2 {font-size:1.8em;}

h3 {font-size:1.5em;}



/* Forms */

#s,#submit {background-color:#fff; border:1px solid #ccc; color:#555; font-size:0.9em; margin:0 0 16px; padding:4px; width:130px;}



#author,#email,#url,#comment {border:1px solid #ccc; font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:1em; margin:0; padding:4px;}



/* Float fix */

.contenttext {overflow:hidden;margin-top:15px;margin-bottom:15px;padding-bottom:10px;}

* html .contenttext {height:1px; overflow:visible;}

* html .contenttext p {overflow:hidden; width:99%;}



/* Various classes */

.left {border:1px solid #ccc; float:left; margin:10px 15px 10px 0;}

.right {border:1px solid #ccc; float:right; margin:10px 0 5px 10px;}

.center {border:1px solid #aaa; margin:5px auto 12px; text-align:center;}

.textright {text-align:right;}

.small {font-size:0.8em;}

.bold {font-weight:700;}

.hide {display:none;}

.clearing {clear:left; padding:0px 0; visibility:hidden;}

.post {margin:0 0 15px;}

.postinfo {
	margin-top:0px;
	margin-bottom:20px;
	border-top:1px solid #CCCCCC;
	padding-top:5px;
        text-align: left;
	}

.postinfo a {color:#B3C71D; font-weight:normal; text-decoration:none;}

.postinfo a:hover {color:#CC0000; font-weight:700; text-decoration:underline;}

.postinfo a:visited {color:#B3C71D; font-weight:normal; text-decoration:none;}

/* Comments Styling */

#comment {
	margin-bottom: 1.5em;
	padding-bottom: 1em;
	border-bottom: 1px solid #999999;
	font: Arial, Verdana;
}

#commentlist {
	
}

#commentlist h2{
        margin-top: 30px;
	margin-bottom: 1.5em;
	padding-bottom: 1em;
	border-bottom: 1px solid #999999;
	font: Arial, Verdana;
}

.comments{
	margin-bottom: 1.5em;
	padding-bottom: 1em;
	border-bottom: 1px solid #999999;
}

#cform{
	margin-top: 30px;
}

#commentform {
	margin: 1em 0;
	background: #ffffff;
	width: 280px;
	padding-bottom:50px;
}

#commentform textarea {
	background: #ffffff;
	border-top: 1px solid #d0cdc1;
	border-left: 1px solid #d0cdc1;
	border-bottom: 1px solid #343434;
	border-right: 1px solid #343434;
	width: 280px;
}
#commentform textarea:hover {
	background: #FFF;
	border-top: 1px solid #343434;
	border-left: 1px solid #343434;
	border-bottom: 1px solid #d0cdc1;
	border-right: 1px solid #d0cdc1;
}
#commentform textarea:focus {
	background: #FFF;
	border-top: 1px solid #343434;
	border-left: 1px solid #343434;
	border-bottom: 1px solid #d0cdc1;
	border-right: 1px solid #d0cdc1;
}

#commentform #email, #commentform #author, #commentform #url {
	font-size: 1.1em;
	background: #ffffff;
	border-top: 1px solid #d0cdc1;
	border-left: 1px solid #d0cdc1;
	border-bottom: 1px solid #343434;
	border-right: 1px solid #343434;
	width: 280px;
}

#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
	font-size: 1.1em;
	background: #FFF;
	border-top: 1px solid #343434;
	border-left: 1px solid #343434;
	border-bottom: 1px solid #d0cdc1;
	border-right: 1px solid #d0cdc1;
	width: 280px;
}

#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
        font-size: 1.1em;
        background: #FFF;
	border-top: 1px solid #343434;
	border-left: 1px solid #343434;
	border-bottom: 1px solid #d0cdc1;
	border-right: 1px solid #d0cdc1;
        width: 280px;
}

#commentform input{
        margin-bottom: 3px;
}

.submit1{
	color: white;
	width: 280px;
	cursor:hand;
	font-size:1.10em;
	background: #000000;
	border-top: 1px solid #d0cdc1;
	border-left: 1px solid #d0cdc1;
	border-bottom: 1px solid #343434;
	border-right: 1px solid #343434;}

.submit1:hover, .submit1:focus{
	background: #69685f;
	border-top: 1px solid #343434;
	border-left: 1px solid #343434;
	border-bottom: 1px solid #d0cdc1;
	border-right: 1px solid #d0cdc1;}

.navigation {display:block; margin:20px 0 0px; padding:20 0 0px; text-align:center;}

.navigation p {margin:0; padding:0;}

.prevlink {margin-right:20px;}

.nextlink {margin-left:20px;}
.cap {font-family:Arial, Helvetica, sans-serif; font-size:8px; font-weight:normal; letter-spacing:1px;}

#calendar_wrap { margin-top:0px; padding-top: 0px; }
#wp-calendar { margin-top:0px; padding-top: 0px;}
#wp-calendar caption { margin-top:0px; padding-top: 7px; padding-bottom: 7px; margin-bottom:15px; border-top:1px dotted #B3C71D;  border-bottom:1px dotted #B3C71D;}
#wp-calendar td{ margin-top:0px; padding-top: 0px; text-align:center; }

.backtotop {
	text-align:right;
	padding-top:0px;
	padding-bottom:50px;
	font-size:10px;
	letter-spacing:1px;
	}