/*
*************
romatica.com
itoz
************
*/

/* Initialisation */
* { margin: 0px; padding: 0px; text-decoration:none; }
.clear, .postmetadata {clear: both;}


/* Core structure ===================================================================*/

body {
	min-width:936px;font-size: 12px; 
	line-height: 18px; 
	font-family: Helvetica, Verdana, Arial, Sans-Serif; 
	color: #111; 
	text-align: center;
	background: #000 ;
}

#container{
	width:100%;
	min-height:100%;
	margin:0px;padding:57px 0 0 0 ;
	background: #000 url('http://www.romatica.com/images/blog_BG3.jpg') no-repeat center top;
}

#page {margin: 0 auto;  width: 936px;text-align: left;}
#content {float: left;padding: 10px 0 54px 0 ; width: 700px;}
#sidebar{float:right; margin: 30px 0 0 19px; padding-bottom:54px; width: 215px;font-family:Helvetica, Verdana, Arial, Sans-Serif;background:url('http://www.romatica.com/images/sideBar_headBG.png') no-repeat;
min-height:100%;}
#footer {margin: 0px auto; clear: both;}
#tag_cloud-3 a {font-family: Georgia, "Times New Roman", Times, serif;}

/* Universal typography and colors ===================================================================*/

.postdetails, .posttags, #footer, .postmetadata, #commentform, .commentmetadata {
	color:#777;
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-weight:normal;
}

a {color:#cfcfcf;} 
a:hover {color:#414c79;}

.entry p a {margin:0 0 5px 0;padding:0px 2px;border-bottom: dotted 1px #999;line-height:1.7em;}
.entry p a:hover , .postdetails a:hover{padding:0px 2px; border:none;background:#414c79;color:#fff;line-height:1.7em;}

#sidebar a, .commentlist a, .postdetails a, .posttags a, #footer a, .postmetadata a, #commentform a {color:#7D86A3;} 
#sidebar a:hover, .commentlist a:hover,  .posttags a:hover, #footer a:hover, .postmetadata a:hover, #commentform a:hover {color:#8aa694;text-decoration:underline;}

.postdetails a{padding:2px;}



/* Universal header styles */
h1, h2, h3 {font-family: Georgia, "Times New Roman", Times, serif; font-weight:normal;}
h2 {margin-bottom:0px;}
h3 {margin-bottom:0px;}
h1, h1 a {color:#6c684b; font-size: 20px; line-height:36px; text-align: left;}
h1 a:hover {color:#9D9A87;}
h2 {font-size: 24px; line-height: 36px; font-weight:normal;}
h3 { font-weight:normal;color:#fff;}
h2, h2 a ,#archives .h3archives a{color:#fff;}
h2 a:hover,#archives .h3archives a:hover {color:#5e6aa1;}
h4{color:#aaa;font-size:126%;margin:2em 0 0.5em 0;
padding:6px 0 6px 0.7em;
margin:2em 0 1em 4px;
	border-left : solid 3px #6b6847;}

small {font-size: 10px; line-height:18px;letter-spacing:1px;}


/* Content, entries ===================================================================*/
.entry p {
	color:#ccc;
	font-size:110%;
	line-height:200%;
}
.entry ol, .entry ul {
	color:#888;
	padding: 0 0 0 20px; margin:-5px 0px 9px 0px;
	list-style: square;
}

.entry .path{
	border:solid #222 1px;padding:12px 16px;font-family: Georgia, "Times New Roman", Times, serif;
	background:#282513;margin:5px 0px 0px 0px;
	letter-spacing:1px;display:block;
	font-size:85%;color:#aaa;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border-top-left-radius: 4px 4px;
	border-top-right-radius: 4px 4px;
	border-bottom-right-radius: 4px 4px;
	border-bottom-left-radius: 4px 4px;
}
.post {margin: 0 0 80px 0;}
.post hr {display: block;}

#content h1{letter-spacing:-2px;border-bottom: 1px solid #afab8e;}
#content h2{margin:0 0 10px 0;}
#content h3{
	margin:45px 0 20px 0;font-size: 22px; color:#B3A76F;line-height:160%;
	
	/*background-color:#fff;
	background         : -moz-linear-gradient(top, #fff, #ccc);
    background         : -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#ccc));
    background         : gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#ccc));*/
	/**/
 }
#content h4{
	
	
	/*
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border-top-left-radius: 2px 2px;
	border-top-right-radius: 2px 2px;
	border-bottom-right-radius: 2px 2px;
	border-bottom-left-radius: 2px 2px;*/
	}
#content .post p {margin:0 0 1em 0;}
#content .smallattachment {text-align: center;float: left;width: 128px;margin: 5px 5px 5px 0px;}
#content .attachment {text-align: center;margin: 5px 0px;}




/* Sidebar=================================================================== */

#sidebar p {margin:0 0 0 28px;}
#sidebar h2 {font-size: 20px; line-height:22px; margin:30px 0 13px 0;padding:0 0 10px 0; font-weight:normal; color:#5e6aa1;border-bottom:#505471 solid 1px;}
#sidebar ul {list-style-type: none; color:#666;margin: 0 0 0 10px;width:185px;}
#sidebar ul li {list-style-type: none; padding: 0px 0 6px 0;}
#sidebar ul li a{padding:3px;}
#sidebar ul ul {list-style-type:none;}
#sidebar ul ul li {list-style-type:none; margin:0 0 8px 0;}
#sidebar ul ul, #sidebar ul ol {margin: 0 ;}
#sidebar ul ul ul, #sidebar ul ol {margin: 0 ;}
ol li, #sidebar ul ol li {list-style: decimal outside;}

#sidebar #recent-posts-3 li,#sidebar #archives-3 li{border-bottom:#333 solid 1px;}

/* Footer=================================================================== */
#footer {background:#111;font-size: xx-small;}
#footer #h1, #footer .description {font-family: Georgia, "Times New Roman", Times, serif;font-size: xx-small;}
.description {color:#444;font-size: xx-small;}
#footer p a, #footer h1 a, #footer ul a {color:#444;}
#footer p a:hover, #footer h1 a:hover, #footer ul a:hover {color:#999;}
#footercontainer {width:936px; text-align:left; margin: 0px auto auto auto; padding: 18px 0px; color:#444;}
#footer ul {display:block; padding:0px; margin-top:18px;}
#footer ul li {display:inline; font-weight:bold;}
#footer ul li a {margin-right:18px; border:0px;}

/* Comments=================================================================== */


.commentlist {color:#999; text-align: left;line-height:190%;}
.commentlist li {
	background: #343434 ;  
	margin: 18px 0 0;
	padding: 17px; 
	list-style: none; 
	font-weight: bold;
	
	-webkit-box-shadow : inset 1px 1px 0px #555, 1px 1px 0px #111;
    -moz-box-shadow    : inset 1px 1px 0px #555, 1px 1px 0px #111;
    box-shadow         : inset 1px 1px 0px #555 ,1px 1px 0px #111;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border-top-left-radius: 4px 4px;
	border-top-right-radius: 4px 4px;
	border-bottom-right-radius: 4px 8px;
	border-bottom-left-radius: 4px 4px;
}
.commentlist li .avatar { float: right; padding:0px 0px 9px 18px;}
.commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;}
.commentlist p {font-weight: normal; font-size:13px; text-transform: none;}
.commentmetadata {margin: 0;display: block;font-weight: normal;}
.nocomments {text-align: center;margin: 0;padding: 0;}


/* Comments response form=================================================================== */

#comments h3,#respond h3{margin-top:0px; }
input ,form{color:#333;font-family: Georgia, "Times New Roman", Times, serif;}
div#respond {background: #222 ; padding:17px; margin-top:36px; border:1px solid #444;}
#commentform input.text {width: 170px; line-height:18px; font-size:16px; margin: 9px 5px 0px 0px; background:#5c5c5c url('images/headless_inputbg.jpg') repeat-x top; border:solid 1px #333;color:#ccc;}
#commentform textarea {width: 646px;padding: 8px; background:#5c5c5c url('images/headless_inputbg.jpg') repeat-x top; border:solid 1px #555; font-size: 16px; line-height: 18px;  color: #111; margin-bottom:9px;color:#ccc;font-family: Georgia, "Times New Roman", Times, serif;}
#commentform #submit {margin: 0;float: right;}
.entry form { /* This is mainly for password protected posts, makes them look better. */ text-align:center;}
select {width: 130px;}
.submit {position:relative; top:-18px;}



/* Images=================================================================== */
p img {max-width: 100%;}
img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignright {margin: 0 0 2px 18px;display: inline;}
img.alignleft {margin: 0 18px 2px 0;display: inline;}



/* Calendar - this is not intended for the theme and thus not styled */
#wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt;}
#wp-calendar a {text-decoration: none;}
#wp-calendar caption {font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;text-align: center;}
#wp-calendar th {font-style: normal;text-transform: capitalize;}
#wp-calendar {empty-cells: show; margin: 10px auto 0; width: 155px;}
#wp-calendar #next a {padding-right: 10px; text-align: right; }
#wp-calendar #prev a {padding-left: 10px; text-align: left;}
#wp-calendar a {display: block;}
#wp-calendar caption {text-align: center; width: 100%;}
#wp-calendar td {padding: 3px 0; text-align: center;}
#wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; }


/* Captions ===================================================================*/
.wp-caption {text-align: center;background-color: #f3f3f3;}
/*.wp-caption img {margin: 0;padding: 0;border: 0 none;}*/
.wp-caption p.wp-caption-text {	font-size: 10px; line-height: 18px; margin: 0px !important; color:#999;}


/* Misc.=================================================================== */
.alignright {margin: 0 0 2px 18px; float: right;}
.alignleft {margin: 0 18px 2px 0; float: left}
.aligncenter, div.aligncenter {display: block;margin-left: auto;margin-right: auto;}
code {font-family:'Courier New', Courier, Fixed;}
blockquote {margin: 18px 0 10px 0;padding: 10px 20px;border-left: 5px solid #444;font-style: italic;background:#222;display: block;}
blockquote cite {margin: 5px 0 0;display: block;}
.center {text-align: center;}
.hidden {display: none;}
hr {display: block;width:0px;height:0px; clear:both;color:#000;border: 0px;}
a img {border: none;}

strong{color: #91b246;}
.large{font-size:14px;}

/*==========================[ user Panel ]==========================*/

#userPanel{margin:60px 0 20px 0 ;padding: 20px 20px 10px 20px;border-top:1px solid #444;font-size: 13px;background:url('images/postData_BG.jpg') no-repeat ;background-position:0px -2px;}

/*==========================[ socialButton ]==========================*/
.socialButtons{margin:0px 0 5px 0;}
.socialButton{float:left;margin:10px 10px 0 0 ;}

#gotoTwitter{width:105px;}
#gplusone{width:60px;}
/*
#evernote{margin:0 20px 0 0;}
#tumblr{margin:0 20px 0 0;}*/
/* ______twitter sidebar ____________________*/

#twitter_div{width:200px;margin: 15px 8px 0 8px;}
#twitter_div ul{width:180px;margin:10px 0px;}
#twitter_icon {margin:0 0 0 10px;float:left;}
#twitter_acount{float:left;margin:0 0 0 5px;}
#twitter_acount a{color:#afab8e;display:table-cell;}
#twitter_acount a:hover{color:#fff;display:table-cell;text-decoration:none}


.postdetails{margin-bottom:38px;font-family:Georgia, "Times New Roman", Times, serif;padding:0;background:url('images/postData_BG.jpg') no-repeat;font-size:90%;line-height:1.8em;display:block;}
#twitter_box{margin:5px 0 0 0;}
.date{color:#797979;}

#tweet{margin:5px 10px;}
#tweet_comment{border:#222 solid 1px;color:#999;padding:8px;margin:4px 0;background:url('images/tweet_comment_BG.png') no-repeat; background-position:center -2px;font-family: Helvetica, Verdana, Arial, Sans-Serif;line-height:120%;}

#tweet_time{margin:5px 0 0 0;}
#ie6Icon{margin:20px 0;}
#feedIcon{margin:10px 0 20px 0 ;}
#feedIcon a {margin:0 ;}
/*archives categorie*/
#archives .pagetitle{font-size: 20px;color:#88a24c;margin:0 0 35px 0;letter-spacing:0px;padding:5px;}
#archives .h3archives{font-size: 24px; line-height: 34px; font-weight:normal;margin:0 0 10px 0;letter-spacing:0px;}

.side_bunner{margin-bottom:15px;}


/* ______Searchbox sidebar ____________________*/
/* Searchbox (designed to be in sidebar but can be included elsewhere)*/
#searchbox { margin:10px 0 20px 15px;width: 180px; height: 24px; background: url(images/headless_searchbox.jpg) no-repeat; margin-bottom:18px;}
#searchbox #s { float: left; border: 0; margin:2px 0px 0px 6px; width: 123px; background: none; color:#b3a76d; height:22px; font-size:14px; line-height:24px;}
#searchbox #go { float: right; width:51px; height:24px;}


/*==========================[logo]==========================*/
/**/
/**/

#logo { width:512px;height:149px;margin:0px auto 21px auto;}
#logo a{ display:block;width:512px;height:149px;
		text-indent:-5150px; /*テキストを横に飛ばして見えなくする*/
   	background-image:url('/images/logo_black.jpg'); /*メニュー画像*/
   	background-repeat:no-repeat; /*画像の繰り返しをオフに*/}

/*==========================[g_navi]==========================*/
/**/
/**/
#g_navi{width: 936px;height:160px;margin:0 0 0 132px;}
ul#navigation {
    width:680px;
	height:90px;
    margin:0;
	
    overflow:hidden;　/*float解除*/
    zoom:100%;　/*float解除*/
}
ul#navigation li {
    float:left; /*次の要素を右側へ回り込ませる*/
    list-style:none; /*リストの●を消す*/
}
ul#navigation li a {
    display:block; /*インラインからブロック要素へ変更*/
    height:106px; /*高さ*/
   
    text-align:center; /*テキストの位置*/
    font-weight:bold; /*テキストの太さ*/
    letter-spacing:1px; /*文字間隔*/
    text-indent:-5150px; /*テキストを横に飛ばして見えなくする*/
    background-image:url(images/menu.jpg); /*メニュー画像*/
    background-repeat:no-repeat; /*画像の繰り返しをオフに*/
}
ul#navigation a.menu0 {background-position:0px 0px;}
ul#navigation li a.menu0:hover {background-position:0 -106px;}
ul#navigation #menu0 {width:174px;}
 
ul#navigation a.menu1 {background-position:-174px 0px;}
ul#navigation li a.menu1:hover {background-position:-174px -106px;}
ul#navigation #menu1 {width:161px;}
 
ul#navigation li a.menu2 {background-position:-335px 0px;}
ul#navigation li a.menu2:hover {background-position:-335px -106px;}
ul#navigation #menu2 {width:187px;}

ul#navigation li a.menu3 {background-position:-522px 0px;}
ul#navigation li a.menu3:hover {background-position:-522px -106px;}
ul#navigation #menu3 {width:157px;}

ul#navigation #here{background-position-y:-106px;}



/* download =========================================================*/


.download{margin:25px 0 35px 0;}

.download a{
	color:#aaa;
	display:block; /*インラインからブロック要素へ変更*/
    height:26px; /*高さ*/
  	width:120px;
	text-align:bottom; /*テキストの位置*/
    text-indent:130px; /*テキストを横に飛ばして見えなくする*/
	background-position:0px 0px;
	background-image:url(images/btn_download.jpg); /*メニュー画像*/
	text-decoration:underline;
}

.download a:hover{
		color:#fff;
		background-position:0px -26px;
}


/*sidebar bunner=========================================================*/

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

/*table =========================================================*/

table.entry_table{
	width:100%;
    border-top:1px solid #666;
    border-left:1px solid #666;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#111;
    empty-cells:show;
    margin:0 0 25px 0;
}
.entry_table th{
    border-right:1px solid #666;
    border-bottom:1px solid #666;
    color:#aaa;
    background-color:#333;
    background-image:url(../img/table-back.gif);
    background-position:left top;
    padding:0.3em 1em;
    text-align:center;
}
.entry_table td{
	color:#999;
    border-right:1px solid #444;
    border-bottom:1px solid #444;
    padding:0.3em 1em;
}

/* other =========================================================*/


#i2i{display:none;}

.supplement{font-size:70%;}

.wp_syntax {margin:0 0 50px 0;}