/*
Theme Name: gene
Theme URI: http://www.snazzy.jp/
Description: A Wordpress Theme
Author: hide
Author URL: http://www.snazzy.jp/
/* --------------------------------------------- */

/* MAIN
-------------------------------------------*/
@font-face {
	font-family:geneFonts;
	src:url(georgia.ttf) format("opentype");
}

* { margin: 0; padding: 0;}

* html body {font-family:geneFonts,"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";}

body,html {
	background:url("images/bg.gif") repeat-x fixed left 50% #717171;
	font-weight:normal;
	font-family:geneFonts,"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size:12px;
	color:#444;
	margin:0;
	padding:0;
	line-height:130%;
    border-top: 1px solid silver;
	height:100%;
}

ul { list-style: none;
	margin-bottom:5px;
 }

ul li {
	padding:5px 0;
	padding-left:15px;
	text-transform:capitalize;
}


a {
	color:#444;
}

a:hover {
	text-decoration:none;
}

h1, h2, h3 {
	font-size:24px;
	letter-spacing:-1px;
	color:#444;
	font-weight:bold;
	padding:10px 0 5px;
	text-transform:capitalize;
}

h2 {
	font-size:18px;
	padding:5px 0 0;
}



h3 {
	font-size:14px;
	padding:5px 0 0;
}

/* LAYOUT
--------------------------------------------------*/
#mainWrapper {
	border-top: 1px solid silver;
	height:100%;
}

.wrapper {
	margin:0 auto;
	width:800px;
}

#header {
    width:100%;
	height:75px;
	position:relative;
}

#content {
	padding:0 0 25px;
}

#footer {
        text-shadow: 1px 1px 1px #000;
	height:40px;
        color: #959CA2;
}

#footer a {
    color: #B1B8BC;
}


#innerFooter {
	width:890px;
	margin:0 auto;
	height:20px;
	padding-top:8px;
	line-height:25px;
	text-align:center;
}

/* HEADER ELEMENTS 
--------------------------------------------------*/
/* -- logo --*/
#logo {
    float: left;
}

#logo {
	padding:0;
}

#logo span {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 0px;
}

#logo a, #logo a:hover{
	background:url(images/logo.gif) 0 0 no-repeat;
	width:430px;
	height:35px;
	text-indent:-9000px;
	display:block;
	text-decoration:none;
	color:#FFFFFF;
}

#topMenu li {
	float:left;
        padding: 0;
	background:none;
}

#topMenu li a {
	font-size:15px;
        display: block;
	padding:0 15px 0 15px;
	color:#FFF;
	text-decoration:none;
	text-transform:uppercase;
	float:left;
	overflow:hidden;
	outline:none;
}

#topMenu li a:hover {
    text-decoration: underline;
}

#topMenu li.current_page_item{
	color:#FFF;
        text-decoration: underline;
}

#topMenu li.current_page_item a{
    color:#FFF;
    text-decoration: underline;
}

/* Featured

--------------------------------------------*/
#featured {
    margin: 10px 0 0 0;
    color:#333;
    line-height: 24px;
}
#featured h2 {
    color:#313C40;
    font-size: 35px;
    line-height: 35px;
    width:625px;
    float: left;
    font-weight: normal;

}

#featured p {
    margin: 15px 0;
    font-size: 16px;
    color: #333;
    width:600px;
    float: left;
    font-weight: normal;
    line-height: 22px;
}

.buttons {
    float: right;
    width:275px;

}

.buttons a {
    border: 0;
}

.buttons img {
    display: block;
    margin: 10px 0;
    border: 0;
    -moz-opacity:.80;
    opacity:.80;
    float: right;
}

.buttons img:hover {
    -moz-opacity:1;
    opacity:1;
}

.nd_pagination {
	height: 20px;
	margin-bottom: 20px;
}

.nd_pagination li {
	display: inline-block;
	padding: 2px;
	width: 16px;
	text-align: center;
	background: #BEA882 ;
    border: 1px solid #828282;
    -moz-border-radius:3px;
    -webkit-border-radius: 3px;
	
}

.nd_pagination li a{
	text-decoration: none;
	display: inline-block;
	width: 12px;
}


.nd_pagination li.active, .nd_pagination li:hover{
	background: #000 ;
}

.arrow_pagi {
	float: right;
	padding: 2px 0 0 0;
}

/*threeBoxes
--------------------------------------------*/

#threeBoxes {
    background: #000;
    border-radius: 6px;
    margin-bottom: 40px;
    -moz-border-radius:6px;
    -webkit-border-radius: 6px;
    border-radius:6px;
}
#threeBoxes h3, #threeBoxes p, #threeBoxes .box a{
    text-shadow: 0 1px 0 #bea882;
}

#threeBoxes p{
    color: #3a180d;
    font-size: 13px;
}

#threeBoxes h3 {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: normal;
    color: #313C40;
    line-height: 48px;
    margin-bottom: 10px;
}

#threeBoxes .box {
    float: left;
    width: 268px;
    padding: 15px 15px;
    height: 100%;
}

#threeBoxes .box a{
    float: right;
    text-decoration: none;
}

#threeBoxes .box a:hover{
    text-decoration: underline;
}
#threeBoxes .box{
    border-left: 1px solid #bca881;
}

#threeBoxes .box:first-child{
    border-left: 0px solid #bca881;
}


/*CONTENT
--------------------------------------------*/
#leftcolumn {
    float: left;
    width:535px;
    padding: 20px 20px 20px 0;
    min-height: 500px;
	color:#444;
}

#leftcolumn p{
    line-height: 150%;
    margin: 10px 0;
}

#p_leftcolumn {
    float: left;
    width:800px;
    padding: 20px 20px 20px 0;
    min-height: 500px;
}

#p_leftcolumn p{
    line-height: 150%;
    margin: 10px 0;
}

#section1 {
    margin: 20px auto 0 auto;
    padding: 0;
	background:url("images/inner_bg.gif") repeat scroll 0 0 transparent;
    border-top: 1px solid #828282;
    border-left: 1px solid #828282;
    border-right: 1px solid #828282;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
    width: 840px;
    
}

.pagetitle {
    font-size: 24px;
    line-height: 30px;
    font-weight: normal;
}

#section2 {
    background: #000 url(images/section2-bg.png) no-repeat top center;
    border-top: 1px solid #828282;
    text-shadow: 0 1px 0 #000;
    padding: 20px 0;
}

#section2 h2 {
    color: #868686;
    font-size: 24px;
    margin: 0 0 20px 0;
    text-transform: uppercase;
    font-weight: normal;
    line-height: 48px;
}


#content p {
	margin:0.7em 0;
}

#leftcol {
	float:left;
	width:800px;
	padding-right:20px;
	margin-top:15px;
}

#leftcolInner {
    width:580px;
	float:left;
}

 ul.latestPosts {
	margin-top:10px;
}

 ul.latestPosts li {
	padding: 10px 0;
    color: #616161;
}

* html ul.latestPosts li {
	float:left;
	width:100%;
        
}

ul.latestPosts li a {
    font-size: 18px;
	display:block;
	background:url(images/ico_post.png) 0 4px no-repeat;
	padding:2px 0 6px 20px;
	text-decoration:none;
	margin:0;
    color: #868686;
}

ul.latestPosts li a:hover {
	color:#CCCCCC;
}

ul.latestPosts li a span.date {
	font-size:10px;
	color:#313131;

}

#rightcol {
	float:left;
	width:220px;
	margin-left:20px;
	margin-top:15px;
	color: #616161;
}

#rightcol a {
    color: #AA9363;
}

#rightcol p.line {
	display:block;
	padding:10px 0;
	margin:0;
}

#rightcol p img {
	vertical-align:middle;
	padding-right:5px;
}

#rightcol .featured {
	margin:10px 0;
}

#rightcol .featured img{
	background:#fff;
	padding:6px;
	border:none;
}

.support {
    background: #0c0300;
    padding: 10px;
    border-radius: 6px;
    -moz-border-radius:6px;
    -webkit-border-radius: 6px;
    color: #a6905f;
}


/* BLOG 
--------------------------------------------*/
.post ul, .post ol {
    margin:0 20px 20px;
    list-style-image:none;
    list-style-position:outside;
}

.post ul {
    list-style-type:disc;
}

.post ul li, .post ol li {
    padding: 3px 0;
}

.post {
	padding:0 0 5px;
	position:relative;
        margin: 10px 0 20px 0;
}

.post h2 {
	padding-bottom:8px;
        
}
.post h3 {
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
}

.post h3 a{
    text-decoration: none;
}

.post h3 a:hover{
    text-decoration: underline;
}

.post small {
	color:#313C40;
	display:block;
	padding-bottom:6px;
	font-size:14px;
}

.post p{
    font-size: 12px;
}

.post blockquote {
	padding: 10px 25px;
	margin-bottom: 20px;
	background-color: #C0C0C0;
	border-left: 2px solid #828282;
}

.post blockquote p {
	margin: 10px 0;
}

.postmetadata {
	color:#313C40;
	font-size:10px;
    border: 1px solid #828282;
    background: #C0C0C0;
    padding: 5px;
    border-radius: 4px;
    -moz-border-radius:4px;
    -webkit-border-radius: 4px;
}

p.postmetadata, .postmetadata a{
    font-size: 11px;
}

.postmetadatawide {
		color:#313C40;
        border: 1px solid #828282;
        border-right: 0;
        border-left: 0;
        background: #C0C0C0;
        padding: 10px 20px;
        margin: 0 -20px;
        width: 585px;
}

p.postmetadatawide, .postmetadatawide a{
    font-size: 12px;
}

.post .entry {
	padding-bottom:5px;
}

.post .entry img.thumb, .entry img.thumb {
	border:1px solid #828282;
	background: #C0C0C0;
	padding:7px;
}

h2 a{
	text-decoration:none;
	color:#555;
	padding:10px 0;
	
}

h2 a:hover {
	color:#333;
}

#sidebar {
    float: left;
    width: 210px;
    padding: 20px 0 0 30px;
    text-shadow: 0 1px 0 #cdb58d;
}

#sidebar ul {
	margin:10px 0;
}

#sidebar ul li {
	padding:0;
}

* html #sidebar ul li {
	float:left;
	width:100%;
}

#sidebar ul li a {
	display:block;
	padding:6px 0 8px 16px;
	text-decoration:none;
	margin:0;
    background: url(images/side-arrow.gif) no-repeat left center;
}

#sidebar ul li a:hover {
	color:#333;
    text-decoration:underline;
}

#sidebar h4 {
    font-weight:  bold;
    letter-spacing: 0;
    font-size: 14px;
    text-transform: uppercase;
    border-bottom: 1px dotted #828282;
    padding: 10px;
    margin: 20px -24px 0 -30px;
    width: 244px;
}

#sidebar .searchform {
	border-bottom: 1px dotted #828282;
    padding: 10px 0 20px 10px;
    margin: 0px -24px 0 -30px;
    width: 244px;
}


/* Comments */

h3#comments {
	padding:10px 0 15px;
}

.navigation {
	font-weight:bold;
}

.navigation div {
	float:left;
	margin-right:20px;
}


ul.commentlist {
	border-top:4px solid #C0C0C0;
        padding: 10px 0;
}

ul.commentlist li {
	text-transform:none;
}

ul li.comment {
	padding: 10px;
	margin-bottom:5px;
	display:block;
        border:1px solid #C0C0C0;
}

ul .children {
    margin-left: 30px;
}

.comment-entry {
    position: relative;
}

.avatar img {
	border:1px solid #C0C0C0;
	float:left;
	margin-right:15px;
	padding:2px;
}

.reply {
    position: absolute;
    top: -20px;
    right: 0;
}

.comment .meta {
	font-size:10px;
}

.comment-author {
	font-style:normal;
	font-size:11px;
	padding-left:16px;
}

.comment-author cite {
	font-weight:bold;
	font-style:normal;
}

#respond h2 {
	clear:left;
	padding-top:15px;
}

*html #respond h2 {
	padding-top:7px;
}

/* FORMS
-------------------------------------------------*/
form label, form#commentform label {
	display:block;
	padding:8px 0 2px;
	font-weight:bold;
}

form input, form#commentform input, form textarea, form#commentform textarea  {
	border:1px solid #828282;
	padding:5px;
	font-size:12px;
	font-family:"Crimson Text","ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	color:#666;
	width:300px;
}


form textarea, form#commentform textarea {
	width:500px;
}

form input#submit, form#commentform input#submit, form input#searchsubmit{
	border:none;
	width:103px;
	height:24px;
	text-align:center;
	padding-top:4px;
	color:#000;
	font-weight:bold;
	text-transform:uppercase;
	margin-top:15px;
	background:url(images/submit.jpg) 0 0 no-repeat;
	font-size:11px;
    cursor: pointer;
}

form input#searchsubmit {
	background:url(images/search.jpg) 0 0 no-repeat;
	width:60px;
	margin:0;
}

form#searchform input#s {
	width:155px;
	margin:0;
	padding: 4px;
	-moz-border-radius:2px;
    -webkit-border-radius: 2px;
    color: #232323;
    background: #E1E1E1;
}

form#searchform div {
	padding:0 0 10px;
}

form#searchform label {
	padding:0;
	margin:0;
}



/* CLEARING
---------------------------------------------------*/
.clearfix:after {
    content: "."; 
    display:block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
	display: block;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear {
	clear: both;
}

.noclear {
	clear: none;
}

/* Slide Panel
---------------------------------------------------*/
/*Make sure your page contains a valid doctype at the top*/
#simplegallery1{ //CSS for Simple Gallery Example 1
position: relative; /*keep this intact*/
visibility: hidden; /*keep this intact*/
}

#simplegallery1 .gallerydesctext{ //CSS for description DIV of Example 1 (if defined)
text-align: left;
padding: 2px 5px;
}
/* font 
---------------------------------------------------*/
.f_18{font-size:18px;}
.f_16{font-size:16px;}
.f_14{font-size:14px;}
.f_12{font-size:12px;}
.f_10{font-size:10px;}
/* border 
---------------------------------------------------*/
.b_11{border:dotted 2px #333;}
.b_12{border:solid 1px #333;}