/*

THEME NAME: MEGANE MUSEUM

THEME URI: http://www.megane.gr.jp/museum/

DESCRIPTION: Theme for MEGANE MUSEUM based on <a href="http://www.rubiqube.com">Empty Canvas v1.0</a>.

VERSION: 1.0

AUTHOR: <a href="http://www.megane.gr.jp/">Fukui Optical Association</a>

AUTHOR URI: http://www.megane.gr.jp/

*/



@import "reset.css";



body {

    background-image: url(images/bg.png);  

    background-repeat: repeat;

     background-position: center top;  

	font-family: Helvetica, Arial, sans-serif;

	font-size: 13px;

	color: #585858;

}



a {

	color: #464646;

	text-decoration: none;

}



a:hover {

	text-decoration: underline;

}



strong {

	font-weight: 700;

}



hr {

	border: none 0;

	border-bottom: 1px solid #E0E0E0;

	height: 1px;

	margin: 10px 0;

}



blockquote {

	font-style: italic;

	background: url(images/quotes.gif) no-repeat top left;

	background-position: 12px 12px;

	color: #595959;

	margin: 5px 0;

	padding: 8px 15px 8px 60px;

}



#wrapper {

	width: 900px;

	background: #FFF;

	margin: 0 auto;

}



#header {

	overflow: hidden;

	width: 880px;

	border-top: 1px dotted #757575;

	margin: 0 auto;

}



a img {

	margin-bottom: 5px;

	border:none;

}



a:hover img {

	filter: alpha(opacity=25);

	-moz-opacity:0.25;

	opacity:0.25;

}



#logo a img {

	margin: 35px 0 15px 30px;

}



#description {

	font-size: 130%;

	color: #666666;

	margin: 5px 0 50px 30px;

}



#menu {

	width: 880px;

	overflow: hidden;

	margin: 0 auto;

	padding: 20px 0 0 0;

}



#menu ul li {

	float: left;

	text-transform: uppercase;

	font-size: 100%;

	padding: 10px;

 
}



#menu ul li a {

	color: #666666;

}





#image_header {

	width:830px;

	margin: 0 auto;

	padding-top:30px;

}



#nav_header {

	padding:20px

	background-color:#757575;

}



#container {

	width: 840px;

	overflow: hidden;

	margin: 25px auto;

}



.breadcrumb {

	padding-bottom:20px

}



#content {

	float: left;

	width: 510px;

}



.featured {

	margin-bottom: 25px;

}



.post {

	margin-bottom: 50px;

}



.post-title {

	font-size: 170%;

	line-height: 1.2;

	font-weight: normal;

	border-bottom: 1px dotted #757575;

	padding: 0 0 5px 0;

	color: #333333;

}



.post-title a {

	color: #333333;

}



.page-subtitle {

	font-weight: 700;

	color: #CCC;

	font-size: 90%;

	text-transform: uppercase;

	padding-bottom: 5px;

	border-bottom: 1px solid #EFEFEF;

	margin-bottom: 15px;

}



.post-meta {

	font-size: 85%;

	color: #999;

	margin-top: 5px;

}



.post-meta a {

	color: #666666;

}



.post-comments {

	float: right;

	background: url(images/cbubble_left.gif) no-repeat top left;

	padding: 3px 0 7px 7px;

}



.post-comments a {

	background: url(images/cbubble_right.gif) no-repeat top right;

	padding: 3px 7px 7px 0;

	color: #FFFFFF;

}



.post-comments a:hover {

	color: #FFFFFF;

}



.post-content {

	margin-top: 15px;

}



.post-content h2 {

	font-size: 140%;

	margin-bottom: 10px;

	border-bottom: 1px solid #EFEFEF;

	padding: 10px 0 5px;

}



.post-content h3 {

	font-size: 110%;

	font-weight: 700;

	margin-bottom: 5px;

	border-bottom: 1px solid #EFEFEF;

	padding: 10px 0 5px;

}



.post-content p {

	line-height: 1.3;

	margin-bottom: 10px;

}



.post-content img.alignnone {

	background: #FFF;

	border: 1px solid #EFEFEF;

	padding: 4px;

}



.post-content img.alignleft {

	float: left;

	border: 1px solid #EFEFEF;

	margin: 0 25px 15px 0;

	padding: 4px;

}



.post-content img.alignright {

	float: right;

	border: 1px solid #EFEFEF;

	margin: 0 0 15px 25px;

	padding: 4px;

}



.post-content ul,.post-content ol {

	margin-left: 30px;

	margin-bottom: 20px;

}



.post-content ul {

	list-style: outside;

}



.post-content ol {

	list-style: decimal;

}



.post-content ul li,.post-content ol li {

	line-height: 1.3;

	margin:3px 0 5px 0;


}
div.sidepanel ul li{	
background:url(./images/listIconArrow.png) no-repeat 0 0.1em !important;
padding-left:16px;
 }
div.post h1.post-title,div.sidepanel h3{
border-left:solid 5px #aaa;
padding-left:10px;}
div.post-content h3{
height:28px;
background:url(./images/leadBG.gif) no-repeat 0 0 !important;
padding:4px 0 0px 16px;
border:none;}

.more-link {

	font-weight: 700;

	display: block;

	margin-top: 10px;

}



.section-title {

	font-size: 140%;

	margin-bottom: 10px;

}



.navleft {

	float: left;

	margin: 0 15px 15px 0;

}



.navright {

	float: right;

	margin: 0 0 15px 15px;

}



.navigation div a {

	font-size: 110%;

}



#comments ol li {

	margin-top: 2px;

	border-bottom: 1px solid #F0F0F0;

	padding: 10px 0;

	overflow: hidden;

	height: 1%;

}



.comment-gravatar {

	float: left;

	margin-right: 10px;

	background: #FFF;

	border: 1px solid #F0F0F0;

	padding: 3px;

}



.comment-data {

	float: left;

	width: 400px;

}



.comment-data p {

	margin-bottom: 6px;

	line-height: 1.3;

}



.comment-author {

	font-weight: 700;

	margin-bottom: 3px;

}



.comment-meta {

	color: #666;

	margin-bottom: 5px;

	font-size: 85%;

}



.unapproved {

	font-style: italic;

}



#respond {

	margin-top: 30px;

}



#comment-form {

	margin-top: 15px;

	margin-bottom: 10px;

}



#comment-form label {

	font-size: 90%;

	display: block;

	margin-bottom: 5px;

}



#comment-form input {

	width: 240px;

	margin-bottom: 10px;

	padding: 5px;

}



#comment-form textarea {

	width: 455px;

	height: 200px;

	margin-top: 15px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 100%;

	padding: 10px;

}



#sidebar {

	float: right;

	width: 300px;

}



.sidepanel {

	margin-bottom: 30px;

}



.sidepanel h3 {

	border-bottom: 1px dotted #757575;

	padding: 0 0 5px 0;

	color: #333333;

	font-weight: normal;

	font-size: 120%;

	text-transform:uppercase;

}



.sidepanel ul li {

	line-height: 1.2;

	display: block;

}





.sidepanel p {

	margin-top: 8px;

	line-height: 1.3;

}



#footer {

	margin: 0 auto;

	width: 840px;

	height: 20px;

	border-top: 1px dotted #757575;

	padding: 20px;

}



#footer-links {

	list-style: none;

}



#footer-links li {

	float: left;

	margin-right: 15px;

}



.sep {

	color: #CCC;

	margin: 0 8px;

}



.ico-small {

	vertical-align: middle;

	margin: 0 5px 2px 0;

}



/* Recent Posts */

dl {

 border:1px solid #999;

 width:503px;

}

dt {

 float:left;

 /*width:50px;*/

 padding:5px 0 5px 10px;

 clear:both;

}

dd {

 /*width:403px;*/

 margin-left:100px;

 padding:5px 5px 5px 10px;

 border-left:1px solid #999;

}



/* Table */

table {

    width: 500px;

    border: 1px #E3E3E3 solid;

    border-collapse: collapse;

    border-spacing: 0;

}



table th {

    padding: 5px;

    border: #E3E3E3 solid;

    border-width: 0 0 1px 1px;

    background: #F5F5F5;

    font-weight: bold;

    line-height: 120%;

}

table td {

    padding: 5px;

    border: 1px #E3E3E3 solid;

    border-width: 0 0 1px 1px;

}



/* Table-01 */

table#table-01 {

    width: 510px;

    border: 1px #E3E3E3 solid;

    border-collapse: collapse;

    border-spacing: 0;

}



table#table-01 th {

    padding: 5px;

    border: #E3E3E3 solid;

    border-width: 0 0 1px 1px;

    background: #F5F5F5;

    font-weight: bold;

    line-height: 120%;

    text-align: center;

}

table#table-01 td {

    padding: 5px;

    border: 1px #E3E3E3 solid;

    border-width: 0 0 1px 1px;

    text-align: center;

}



/* Sidebar List */

.sidepanel h3 {

	margin-bottom:10px;

}

.sidepanel ul {

	margin-bottom:5px;

}

.sidepanel li {

	margin:5px 0 5px 0;

}

.sidepanel ul li ul li {

	margin-left:15px;

}



/* Home Banner */



.home_banner img {

margin: 0;

padding: 0;

}



.home_banner ul {

margin-top: 10px;

padding: 0;

list-style-type: none;

}



.home_banner ul li {

float: left;

margin-right: 3px;

margin-bottom: 3px;

}



.clearLeft { 

clear: left; 

}