@charset "utf-8";
/* CSS Document */
/**
 * reset everything - from http://yui.yahooapis.com/2.6.0/build/reset/reset-min.css
*/
* {font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;}
html{color:#333;background:#d1d3d4; font-size:14px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal; color:#f90707;}
h1 {font-size:1.8em;}
h2 {font-size:1.6em;}
h3 {font-size:1.4em;}
h4 {font-size:1.2em;}
h5 {font-size:1.1em;}
h6 {font-size:1.0em;}
/*q:before,q:after{content:'';}*/
q {font-style:italic;}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
del,ins{text-decoration:none;}
/**
 * set the container div
*/
#container {border:10px solid #fff; background-color:#fff;}
/**
 * the banner
*/
#banner {border-bottom:5px solid #fff;}
#banner img{display:block;}
/**
 * the navigation area and fading images
*/
#menu-images {border-bottom:5px solid #c50a0a;}
#menu, #images {float:left;}
#menu {width:184px; height:263px; padding:0 5px 5px; background-color:#f90707;}
#menu ul li {border-bottom:1px dotted #fff;}
#menu ul li.last {border-bottom:none;}
#menu ul li a {color:#fff; text-decoration:none; display:block; padding:4px; margin:0 -5px;}
#menu ul li a:hover, #menu ul li a.current {color:#fff; background-color:#c50a0a;}
#images {width:564px; height:268px;}
/**
 * the content area and the right panel
*/
#main-content {border-top:5px solid #fff; background-color:#000;}
#content, #right-panel {float:left; min-height:505px;}
#content {width:547px; padding-bottom:20px; background-color:#fff; min-height:750px;}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h5, #content p, #content ul.normal, #content ol.normal {margin:10px 0; padding:0 10px;}
#content a {color:#666;}
#content a:hover {color:#333;}
#right-panel {width:191px; padding:10px; color:#fff; background-color:#000;}
#right-panel ul li {border-bottom:1px dotted #f90707; padding:5px;}
#right-panel ul li form {margin:0;}
#right-panel ul li.last {border-bottom:none;}
#right-panel ul li a {color:#fff; text-decoration:none;}
#right-panel ul li h5,
#right-panel ul li h5 a {color:#f90707; font-weight:bold;}
#right-panel ul li.rate {color:#000; background-color:#f90707;}
#right-panel ul li.rate h5 {color:#000;}
.quotes p q {font-style:italic;}
/**
 * mailing list sign up form
*/
.mlist label {width:100px;}
/**
 * contact and rating form
*/
.cform input, .cform textarea  {width:90%; border:1px solid #d1d3d4;}
.cform input.small {width:20px;}
.cform label.l-small {display:block; float:left; width:300px;}
.cform select {border:1px solid #d1d3d4;}
.cform textarea {height:100px;}
/**
 * guestbook comments
*/
#guestBook {}
#guestBook .gbEntryComment {float:right; width:470px; min-height:60px; border:5px solid #ededed; padding:10px; margin-right:15px;}
#guestBook .gbEntryAbout {float:left; background:url(../images/comment-arrow.png) no-repeat; width:470px; height:40px; padding:10px 0 0 40px; margin:0 0 10px 40px; font-weight:bold;}
.comment-button {text-align:center; border:none; color:#fff; background-color:#000; margin:10px auto; cursor:pointer; float:right; margin-right:15px; padding:5px;}
/**
 * generic form settings that we wish to override specific settings
*/
form {margin:5px;}
form div {padding:5px;}
input.submit {width:100px; border:1px solid #d1d3d4; cursor:pointer;}
input:focus, textarea:focus {background-color:#ededed;}
/**
 * availibility form
*/
#availibility-form {
    background-color:#F7F299;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}
#availibility-form ul li {padding:2px 0;}
#availibility-form h1 {margin:0; padding:0;}
#availibility-form .col1 label {color:#f90707; display:block; float:left; width:65px;}
#availibility-form .af label,
#availibility-form .af select {width:100px;}
#availibility-form .col-fw label {color:#f90707;}
#availibility-form .col2 {margin-top:-25px;}
#availibility-form .col2 label {display:block;}
#availibility-form h3 {
    margin-top: 0px;
}

/**
 * form error messages
*/
#availibility-form .col1 label.error, label.error {width:90%; padding:5px; margin:5px 0; color:#fff; background-color:#c50a0a; display:block; clear:both;}
/**
 * set the footer
*/
#footer {padding-top:10px; font-size:12px;}
#footer a {color:#333; text-decoration:none;}
#footer a:hover {color:#666; text-decoration:underline;}
.splash {float:right;}
/**
 * repeated classes
*/
.wrapper {width:758px; margin:0 auto;}
.full-width {width:100%;}
.clear {clear:both; height:0;}
.col {width:45%; float:left; margin:5px 0;}
.col ul {margin-left:15px;}
.col3 {width:30%; float:left; margin:5px 0;}
.col3 h3 {text-align:center; font-size:1.0em;}
.skype {border:none; text-decoration:none;}
.centered {margin:0 auto;}
.centre-text {text-align:center;}
.highlight {color: #f90707;}
.highlight span {font-weight:bold;}
.fr {float:right; margin:0 5px 5px 5px;}
.fl {float:left; margin:0 5px 5px 5px;}
.button {width:100px; height:30px; background:url(../images/bg-button.png) no-repeat top left; border:none; color:#d2232a; font-weight:bold; cursor:pointer;}
a.button {display:block; color:#d2232a; text-decoration:none;}
.button2 {width:180px; padding-top:5px; text-align:center; background:url(../images/bg-button2.png) no-repeat top left;}
.navigation{
    margin:0 auto;
    padding:10px 0;
    width:225px;
}
.nav-previous{
    float:left;
    padding:0 5px;
}
.nav-next{
    padding:0 5px;
}
.entry-meta{
    font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
    font-family:"Helvetica Neue",Arial,Helvetica,"Nimbus Sans L",sans-serif;
    font-size:12px;
    padding-left:15px;
    padding-bottom:10px;
}
.entry-meta a{
    text-decoration:none;
}
.entry-content{
    padding-bottom:10px;
    padding-right:10px;
    text-align:justify;
}
.entry-utility{
    font-size:12px;
    padding-left:15px;
}
.entry-utility a{
    text-decoration: none;
}
.recent-top{
    background:none repeat scroll 0 0 #D2232A;
    text-align:center;
    padding:5px;
}
.recent-top h3{
    color:#FFFFFF;
}
.recent-cont{
    border:1px solid #D2232A;
    font-size:15px;
    padding:10px 15px 15px;
}
.recent-cont a{
    font-weight:bold;
}
.info{
    color: #F90707;
    float:right;
    font-size:12px;
}
p.info{
    padding:10px 15px;
}
.all-posts{
    font-weight:bold;
    padding:5px 0 35px;
}

#content ul {
	margin-left: 15px;
}

#content ul li{
	list-style: disc;
}
/*Arashi flag fix*/
.clear-both {
    clear: both;
}
.flags {
    float: right;
    margin-right: 17px;
}