/*
Theme Name: WhiteClean_+kawacci
Description: The WordPress theme was designed by kawacci, from over at <a href="http://b.kawacci.com/">+kawacci</a>.
Version: 2.1
Author: kawacci
Author URI: http://b.kawacci.com/
Tags: black, white, grey, fixed width, editorial, widgets, simple, right sidebar, clean


Design by Metamorphosis Design
http://www.metamorphozis.com
Released for free under a Creative Commons Attribution 2.5 License
*/
* 
{
 padding: 0;
 margin: 0;
}

body 
{
 background-color: #26272c;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 line-height: 18px;
 color: #333333;
 background-image: url(images/iPhone_bg.jpg);
 background-repeat: no-repeat;
 background-attachment: fixed;
}

img 
{
 border-style: none;
}

a 
{
 color: #57626a;
 text-decoration: none;
}

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

h6 
{
 font-size: 14px;
 border-top-width: 0px;
 border-right-width: 0px;
 border-bottom-width: 1px;
 border-left-width: 3px;
 border-style: solid;
 border-color: silver;
 padding-top: 3px;
 padding-right: 0px;
 padding-bottom: 3px;
 padding-left: 10px;
 color: #57626a;
 letter-spacing: -1px;
 margin-top: 5px;
 margin-right: 0;
 margin-bottom: 5px;
 margin-left: 0;
}

/*warp begin*/
#wrap 
{
 margin-top: 20px;
 margin-right: 50px;
 margin-bottom: 20px;
 margin-left: auto;
 width: 800px;
 background-color: #fff;
 float: right;
 border-color: Silver;
 border-top-width: 0px;
 border-right-width: 0px;
 border-bottom-width: 0px;
 border-left-width: 0px;
 border-style: solid;
 background-repeat: no-repeat;
 background-image: url("images/header.gif");
 position: relative;
}

/*wrap end*/
/*header begin*/
#title 
{
 
}

#title #rss 
{
 float: right;
 background-image: url("images/rss.gif");
 padding-left: 20px;
 background-repeat: no-repeat;
 margin-top: 35px;
 margin-right: 40px;
 margin-bottom: 0px;
 margin-left: 0px;
}

#title #rss a 
{
 color: orange;
}

#header 
{
 padding-top: 10px;
 padding-right: 0px;
 padding-bottom: 20px;
 padding-left: 70px;
 background-repeat: no-repeat;
 background-image: url("images/logo.gif");
}

#header h1 
{
 font-size: 26px;
 font-weight: 100;
 letter-spacing: -3px;
 padding-top: 0px;
 padding-right: 0px;
 padding-bottom: 5px;
 padding-left: 10px;
}

#header h1 a 
{
 color: #57626a;
 text-decoration: none;
 text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.4);
}

#header h1 a:hover 
{
 color: Silver;
 text-decoration: none;
}

#header h2 
{
 color: #ccc;
 font-size: 15px;
 font-weight: 100;
 padding-top: 0px;
 padding-right: 0px;
 padding-bottom: 0px;
 padding-left: 11px;
 letter-spacing: -1px;
 line-height: 12px;
}

/*menu begin*/
#menu 
{
 height: 40px;
 line-height: 40px;
 background-image: url(images/menu.jpg);
 background-color: #57626a;
 background-repeat: no-repeat;
 text-transform: uppercase;
}

#menu ul 
{
 padding-left: 10px;
 list-style-type: none;
 margin-left: 10px;
}

#menu ul li 
{
 display: block;
 float: left;
}

#menu ul li a 
{
 color: #eee;
 padding-top: 0;
 padding-right: 5px;
 padding-bottom: 0;
 padding-left: 5px;
 text-decoration: none;
 font-weight: 100;
 font-size: 14px;
 letter-spacing: -1px;
}

#menu ul li a:hover 
{
 color: #eee;
 text-decoration: underline;
}

/*menu end*/
/*header end*/
/*content begin*/
#content 
{
 padding-top: 10px;
 padding-right: 20px;
 padding-bottom: 10px;
 padding-left: 20px;
}

/*main begin*/
#main 
{
 float: left;
 padding: 0px;
 margin-top: 15px;
 width: 568px;
}

.right 
{
 width: 568px;
}

.right .title 
{
 margin-left: 60px;
 margin-bottom: 40px;
 text-align: left;
}

h2.posttitle 
{
 color: #57626a;
 margin-top: 2px;
 margin-right: 0;
 margin-bottom: 2px;
 margin-left: 0;
 padding-top: 5px;
 padding-bottom: 4px;
 border-bottom-color: #CCCCCC;
 border-bottom-width: 1px;
 border-bottom-style: dotted;
 letter-spacing: -3px;
 font-size: 20px;
 font-weight: 100;
}

.right .date 
{
 height: 50px;
 width: 45px;
 background-image: url(images/calendar.gif);
 background-repeat: no-repeat;
 font-size: 22px;
 font-style: normal;
 font-family: Arial, Helvetica, sans-serif;
 color: #666666;
 text-align: center;
 padding-top: 0px;
 padding-right: 2px;
 padding-bottom: 0;
 padding-left: 0;
 line-height: 100%;
 float: left;
}

.right .date span 
{
 height: 16px;
 display: block;
 font-size: 11px;
 font-style: normal;
 font-family: Arial, Helvetica, sans-serif;
 color: #ffffff;
 text-align: center;
 padding-top: 3px;
 margin-bottom: 4px;
}

.right .time 
{
 float: left;
 background-image: url("images/time.gif");
 padding-left: 20px;
 background-repeat: no-repeat;
}

.right .categ 
{
 float: right;
 background-image: url("images/Browse.png");
 padding-left: 20px;
 background-repeat: no-repeat;
}

.right .articles 
{
 clear: left;
 text-align: justify;
 padding-left: 20px;
 padding-right: 20px;
}

/*main end*/
/*sidebar begin*/
#sidebar 
{
 float: right;
 padding: 0px;
 margin-top: 15px;
 width: 170px;
}

.left 
{
 width: 170px;
 padding: 0px;
 border-color: #bbb;
 border-top-width: 0px;
 border-right-width: 1px;
 border-bottom-width: 1px;
 border-left-width: 0px;
 border-style: solid;
 font-size: 12px;
 margin-bottom: 20px;
}

.left ul 
{
 list-style-type: square;
 padding-top: 5px;
 padding-right: 10px;
 padding-bottom: 10px;
 padding-left: 10px;
 color: #57626a;
}

.left h2 
{
 height: 30px;
 font-size: 14px;
 color: white;
 line-height: 30px;
 font-weight: 600;
 border-top-width: 0px;
 border-right-width: 0px;
 border-bottom-width: 0px;
 border-left-width: 0px;
 border-style: solid;
 border-color: #bbb;
 background-image: url("images/menu2.gif");
 padding-left: 10px;
 background-repeat: no-repeat;
}

.left a 
{
 text-decoration: none;
}

.left .categ ul li 
{
 list-style-type: none;
 padding-right: 0px;
 padding-bottom: 0px;
 padding-top: 0px;
 color: #57626a;
 background-image: url("images/Browse.png");
 background-repeat: no-repeat;
 padding-left: 20px;
}

.left .arch ul li 
{
 list-style-type: none;
 padding-right: 0px;
 padding-bottom: 0px;
 padding-top: 0px;
 color: #57626a;
 background-image: url("images/archive.gif");
 background-repeat: no-repeat;
 padding-left: 20px;
}

.left .post ul li 
{
 list-style-type: none;
 padding-right: 0px;
 padding-bottom: 0px;
 padding-top: 0px;
 color: #57626a;
 background-image: url("images/post.gif");
 background-repeat: no-repeat;
 padding-left: 20px;
}

.left .guest ul li 
{
 list-style-type: none;
 padding-right: 0px;
 padding-bottom: 0px;
 padding-top: 0px;
 color: #57626a;
 background-image: url("images/comment.gif");
 background-repeat: no-repeat;
 padding-left: 20px;
}

.left .login ul a 
{
 list-style-type: none;
 padding-right: 0px;
 padding-bottom: 0px;
 padding-top: 3px;
 color: #57626a;
 background-image: url("images/guest.gif");
 background-repeat: no-repeat;
 padding-left: 20px;
}

/*sidebar end*/
/*content end*/
/*footer begin*/
#footer 
{
 background-color: #eee;
 border-top-color: #57626a;
 border-top-width: 3px;
 border-top-style: solid;
 margin-top: 20px;
 text-align: center;
 color: #333;
 font-size: 11px;
 padding: 10px;
 background-image: url("images/footer.gif");
 background-repeat: no-repeat;
 background-position: bottom;
}

/*footer end*/
/*warp end*/
/*align begin*/
#paging 
{
 margin: 0px;
 text-align: center;
}

#alignleft 
{
 float: left;
 padding-left: 0px;
 font-size: 15px;
}

#alignright 
{
 float: right;
 font-size: 15px;
 padding-left: 0px;
}

/*align end*/
/*comment begin*/
#commenta 
{
 background-image: url("images/postbottom.gif");
 height: 64px;
 text-align: right;
 padding-top: 30px;
 padding-right: 20px;
}

#commenta a 
{
 color: orange;
 text-decoration: underline;
 background-image: url("images/comment.gif");
 background-repeat: no-repeat;
 padding-left: 20px;
}

#commenta a:hover 
{
 color: Red;
 text-decoration: none;
}

/*comment end*/
/* Style for Ktai Entry begin */
.photo 
{
 line-height: 100%;
 text-indent: 1;
 float: left;
}

.photo img 
{
 background-color: white;
 margin-top: 0px;
 margin-right: 6px;
 margin-bottom: 5px;
 margin-left: 0px;
 padding: 4px;
 border-color: #666;
 border-width: 1px;
 border-style: solid;
 background-color: #fff;
}

.photo-end 
{
 clear: left;
}

.photob 
{
 float: left;
 width: 340px;
 padding: 0px;
}

.photob img 
{
 padding: 4px;
 border-color: #666;
 border-width: 1px;
 border-style: solid;
 margin-top: 0px;
 margin-right: 6px;
 margin-bottom: 2px;
 margin-left: 0px;
}

.photoc 
{
 float: left;
}

iframe 
{
 margin-top: 0px;
 margin-right: 10px;
 margin-bottom: 10px;
 margin-left: 0px;
}

/* Style for Ktai Entry end */
/* code&blockquote begin */
code 
{
 margin-top: 5px;
 margin-bottom: 5px;
 margin-left: 15px;
 margin-right: 15px;
 padding: 10px;
 text-align: left;
 display: block;
 overflow: auto;
 line-height: 1.5em;
 letter-spacing: 1px;
 font-family: 'Lucida Console', 'courier new', monospace;/* white-space: pre; */

 background-color: #FAFAFA;
 border-color: silver;
 border-width: 1px;
 border-style: dashed;
 border-left-width: 5px;
 border-left-style: solid;
 font-size: 10px;
}

acronym 
{
 cursor: help;
 border-bottom-color: #777;
 border-bottom-width: 1px;
 border-bottom-style: solid;
}

blockquote 
{
 margin: 15px;
 padding-top: 0px;
 padding-right: 0px;
 padding-bottom: 0px;
 padding-left: 40px;
 letter-spacing: 1px;
 background-position: 5px 0px ! important;
 background-image: url("images/blockquote-2.png") ! important;
 background-color: #FAFAFA ! important;
 background-repeat: no-repeat ! important;
 background-position: 8px 10px;
 border-color: silver;
 border-width: 1px;
 border-style: dashed;
 border-left-width: 5px;
 border-left-style: solid;
 font-weight: normal;
 font-size: 10px;
}

/* code&blockquote end */
/* calendar begin */
#calendar 
{
 padding-top: 5px;
 padding-right: 10px;
 padding-bottom: 0px;
 padding-left: 0px;
 text-align: center;
 margin-right: 0px;
 font-size: 9px;
}

#calendar a 
{
 background-color: Gray;
 color: White;
}

#calendar table 
{
 width: 100%;
 text-align: center;
}

#calendar thead tr th 
{
 font-weight: lighter;
 font-size: 12px;
}

#calendar tbody td 
{
 border-color: #F1F1F1;
 border-width: 1px;
 border-style: solid;
}

#calendar #prev 
{
 text-align: left;
}

#calendar #next 
{
 text-align: right;
}

#calendar tfoot a 
{
 text-decoration: none;
 font-weight: bold;
}

#today 
{
 font-weight: bold;
 color: black;
 font-style: italic;
}

#calendar caption 
{
 font-size: 14px;
}

/* calendar end */
/* searchform begin */
#searchformsidebar 
{
 margin-top: 15px;
 margin-bottom: 15px;
}

#searchformsidebar input.searchbg 
{
 padding: 3px;
 border-color: #c0c0c0;
 border-width: 1px;
 border-style: solid;
 width: 115px;
 color: #999;
}

#searchsubmitbtn 
{
 bottom: 0px;
 right: 0px;
 float: right;
 margin-right: 0px;
}

/* searchform end */
/* hide begin */
#hide 
{
 float: right;
 margin: 0px;
}

/* hide end */
/* comments begin */
#commentwrap, #commentreplies 
{
 float: left;
 margin-top: 20px;
 margin-right: 0;
 margin-bottom: 0;
 margin-left: 0;
}

#commentwrap textarea 
{
 width: 568px;
}

.commentitle 
{
 border-bottom-width: 1px;
 border-bottom-color: Gray;
 border-bottom-style: solid;
 float: left;
 width: 568px;
}

#commentwrap h3, #commentreplies h3 
{
 background-color: #6a747d;
 float: left;
 padding: 8px;
 font-size: 13px;
 color: white;
}

#commentform 
{
 float: left;
 width: 500px;
 padding-top: 10px;
}

ol.commentlist 
{
 float: left;
 width: 500px;
}

ol.commentlist li 
{
 float: left;
 width: 510px;
 padding-top: 10px;
 padding-right: 0;
 padding-bottom: 10px;
 padding-left: 10px;
 border-bottom-color: Gray;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 list-style: none;
}

ol.commentlist a 
{
 color: #333;
}

ol.commentlist a:hover 
{
 color: Gray;
}

.commentwrapper 
{
 float: left;
}

.commentleft 
{
 float: left;
}

.commentright 
{
 float: right;
}

.commentcentre 
{
 float: left;
 width: 120px;
}

.commentright p 
{
 width: 450px;
 padding-left: 10px;
 float: right;
}

.commentsavatar 
{
 border-width: 1px;
 border-color: Gray;
 border-style: solid;
 padding: 4px;
 margin-right: 5px;
 float: left;
}

.commentauthor 
{
 font-size: 11px;
 color: #333;
 font-weight: bold;
 float: left;
 width: 120px;
 padding-left: 5px;
}

.commentdate 
{
 font-size: 11px;
 color: Gray;
 width: 120px;
 padding-left: 5px;
}

.commentcomment 
{
 float: left;
 font-size: 13px;
}

.commentcomment em 
{
 color: #999;
 padding-left: 8px;
}

#commentwrap input 
{
 padding: 2px;
 border-width: 0px;
 margin-top: 10px;
 margin-right: 10px;
 margin-bottom: 10px;
 margin-left: 0;
 border-color: Gray;
 border-width: 1px;
 border-style: solid;
}

#commentwrap textarea 
{
 padding: 0px;
 border-width: 0px;
 margin-top: 10px;
 margin-right: 10px;
 margin-bottom: 10px;
 margin-left: 0;
 border-color: #666;
 border-width: 1px;
 border-style: solid;
}

#commentwrap label 
{
 color: Gray;
 font-weight: bold;
}

#commentloggedin 
{
 color: #666;
 font-weight: bold;
 float: left;
 font-size: 12px;
 margin-top: 10px;
 margin-right: 10px;
 margin-bottom: 10px;
 margin-left: 0;
}

#commentloggedin a 
{
 color: #666;
}

#commentloggedin a:hover 
{
 text-decoration: none;
 background-color: #FAFAFA;
}

.commentedit 
{
 width: 405px;
 padding-left: 10px;
 margin-top: 15px;
}

#submit 
{
 text-transform: uppercase;
 font-size: 11px;
 font-weight: bold;
}

#youmustbe 
{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 20px;
 letter-spacing: -0.1em;
 font-weight: bold;
 color: #333;
 margin-top: 10px;
 margin-right: 0;
 margin-bottom: 10px;
 margin-left: 0;
}

#youmustbe a 
{
 color: #666;
}

#youmustbe a:hover 
{
 background-color: #c0c0c0;
}

/* comments end */
/* side-menu-fix-begin */
#backimg 
{
 position: fixed;
 top: 100px;
 left: 99px;
}

#timedate 
{
 font-size: 12px;
 font-weight: normal;
 letter-spacing: 0px;
 color: #fff;
 text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.4);
 text-align: center;
 width: 202px;
}

#timedate h1 
{
 font-size: 36px;
 font-weight: normal;
 padding-top: 20px;
 padding-bottom: 20px;
 text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.4);
 font-style: italic;
 text-align: center;
}

#iphone 
{
 background-image: url("images/Overlay.png");
 top: 124px;
 left: 99px;
 width: 202px;
 position: fixed;
}

/* side-menu-fix-end */
/* koyomi begin */
#koyomi 
{
 padding-top: 5px;
 padding-right: 5px;
 padding-bottom: 0px;
 padding-left: 5px;
 align: center;
 margin-right: 0px;
 font-size: 9px;
 color: #F1F1F1;
}

#koyomi a 
{
 background-color: Gray;
 color: #F1F1F1;
}

#koyomi table 
{
 width: 100%;
 text-align: center;
}

#koyomi thead tr th 
{
 font-weight: lighter;
 font-size: 12px;
}

#koyomi tbody td 
{
 border-color: #F1F1F1;
 border-width: 1px;
 border-style: none;
}

#koyomi #prev 
{
 text-align: left;
}

#koyomi #next 
{
 text-align: right;
}

#koyomi tfoot a 
{
 text-decoration: none;
 font-weight: bold;
 color: #F1F1F1;
}

#today 
{
 font-weight: bold;
 color: #F1F1F1;
 font-style: italic;
}

#koyomi caption 
{
 font-size: 14px;
}

#koyomi .saturday a 
{
 color: aqua;
}

#koyomi .saturday 
{
 color: aqua;
}

#koyomi .sunday a 
{
 color: Red;
}

#koyomi .sunday 
{
 color: Red;
}

/* koyomi end */
/* photo-frame begin */
.ip-frame 
{
 background-image: url("images/iPhone_img.png");
 width: 225px;
 height: 420px;
 float: left;
}

.ip-frame img 
{
 padding-top: 62px;
 padding-right: 0;
 padding-bottom: 0;
 padding-left: 33px;
}

.ip2-frame 
{
 background-image: url("images/iPhone_img_l.png");
 width: 370px;
 height: 240px;
 float: left;
}

.ip2-frame img 
{
 padding-top: 25px;
 padding-right: 0;
 padding-bottom: 0;
 padding-left: 76px;
}

 
{
 
}

 
{
 
}

/* photo-frame end */