/*  
Theme Name: Ayumi
Theme URI: http://wpgpl.com/themes/ayumi
Description: Ayumi Theme is clean layout that build with 3 Columns Layout. And this Theme I dedicated to Ayumi Hamasaki. Visit <a href="ttp://wpgpl.com/themes/ayumi">Theme page</a> for more info The CSS, XHTML and design is released under a GPL:http://www.opensource.org/licenses/gpl-license.php
Version: 2.1
Author: Nurudin Jauhari
Author URI: http://wpgpl.com
Tags: three-columns,fixed-width, green,custom-header

	This theme was designed and built by Nurudin Jauhari,
	Crafted on 19 July 2007
	Last Edit: 18 March 2009 17.15  +7 GMT

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/


/* java script drop down menus 
********************************** */ 


#suckerfishnav, #suckerfishnav *{
    z-index:1000000 !important;
    list-style:none;
}

#suckerfishnav{
    background:#F5F5DC;
    font-size:14px;
    font-family:Futura;
    float:none;
    margin-left:auto;
    margin-right:auto;
    height:40px;
    width:800px;    
    z-index: 1000 !important;
    border:1px solid #aaa;
    }
#suckerfishnav a {
    display:block;
    color:#4C0000;
    text-decoration:none;
    padding:10px 7px 0px 10px;
    height:30px;
    }
#suckerfishnav li {
    float:left;
    }
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
   // width:100%;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    border-top:1px solid #F5F5DC;
    display:none;
    }
#suckerfishnav li li {
    width:149px;
    font-weight:bold;
    font-family:futura;
    height:30px;
    display:inline;
    }
#suckerfishnav li li a {
    padding:15px 0 0 0;
    width:149px;
    font-size:12px;
    color:#F5F5DC;
    }
#suckerfishnav li li:hover {
    background:#F5F5DC;
    }
#suckerfishnav li ul li:hover a{
    color:#4C0000;background:#F5F5DC;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#F5F5DC;background:#4C0000;
    }
#suckerfishnav li:hover li a{
    color:#F5F5DC;background:#4C0000;
    }

#suckerfishnav li:hover ul{
    left:auto;
    //background:#4C0000;
    display:block;
    //width:100%;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    }
#suckerfishnav li li:hover, #suckerfishnav li li.sfhover {
    }

#suckerfishnav li:hover a, #suckerfishnav li.sfhover a{
    }
#suckerfishnav li li:hover a, #suckerfishnav li li.sfhover a{
    }


#dropmenu{
  float:none;
  margin-left:auto;
  margin-right:auto;
  background:#F5F5DC;
  font-family:Futura;
  font-size:14px;
  z-index:300;
  height:auto;
  width:800px;
  list-style-type:none;
}
#dropmenu *{
background:#F5F5DC;
}

#dropmenu ul {
  float:left;
  padding:0; list-style-type:none;
  position:relative;
  background:#F5F5DC;
  height:30px;
} 
#dropmenu a {
   list-style-type:none;
   padding:13px;
   color:#4C0000; 
   //border-right:1px solid #4C0000; 
   text-decoration:none; 
   background:#F5F5DC;
   float:left;
} 

#dropmenu a:hover {background:#4C0000; color:#F5F5DC;} 

// main 
// dropmenu li

#dropmenu li {float:left; padding:13px; height:30px; position:relative; float:left; display:block;} 
#dropmenu li a:hover{}

// submenu
// dropmenu li ul li

#dropmenu ul {display:none;}
#dropmenu li ul li{display:none;}
#dropmenu li:hover ul{display:table; position:relative; top:45px; height:-45px; width:160px;}
#dropmenu li ul li{width:160px;}
#dropmenu li ul li {z-index:1000;}

#dropmenu ul a {border-left:1px solid #c8c8c8; width:160px;} 
#dropmenu li ul {border-top:1px solid #c8c8c8; z-index:1000;} 
#dropmenu li ul a {/*width:12em;*/ height:auto;  border-bottom:1px solid #4C0000; padding:10px;} 

// third menu

//#dropmenu ul ul {top:0px; /*top:auto;*/} 
//#dropmenu li ul ul {left:12em; margin-left:24px; /*margin:0px 0 0 10px;*/} 
//#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul //ul ul {display:none;} 
//#dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li //li:hover ul {display:block; width:160px;} 

#iff, .iff, #iframe-wrapper, .iframe-wrapper{
 position:relative;
 top:0;
 left:0;
 width:100%;
}

#clear, .clear{
   width:800px;
   display:block;
   height:40px;
}

/* Social Style 
********************* */

html
{
	height: 100%;
	margin-bottom: 0.1em;
}
*
{
	margin: 0;
	padding: 0;
}
img
{
	border: 0;
}
p
{
	line-height: 1.6em;
        margin-top:10px;
}
dl
{
	margin: 1em 0;
}
dt
{
	font-weight: bold;
}
dd
{
	margin: 0.5em;
	padding: 0;
}
img.alignright, img.right
{
	float: right;
	margin: 10px 0 0 10px;
}
img.alignleft, img.left
{
	float: left;
	margin: 0 10px 0 0;
}
hr
{
	display: none;
}
body
{
/*        background:url(http://www.terrafirms.com/Spiros/wp-content/uploads/2009/10/spiros-marble-mockup3.jpg);*/
        background:url(/wp-content/uploads/2009/10/spiros-marble-mockup6.jpg) center;
	color: #EBE2C2;
	font: 74%/1.6em Gotham;
/*	font: 72%/1.6em verdana, tahoma, arial, sans-serif; */
	margin: 0;
	padding: 0;
	text-align: center;
}
a
{
	text-decoration: none;
}
a:link, a:visited
{
	color: #fff;
}
a:hover, a:active
{
}
h1, h2, h3, h4, h5, h6
{
	font-family: Futura;
       margin-top:10px;
       margin-bottom:3px;
       font-size: 1.7em; 
}

/* Etc
******************** */
br.clear {
	clear: both;
}

/* Design 
******************** */
#top {
}
#page {
	text-align: left;
	width: 800px;
	margin: 0px auto;

background:#28140c url(/wp-content/uploads/2009/11/bg-center-red.jpg);
        border-top: none;
	border-bottom: none;
min-height: 600px;
_height: auto !important;
/*height: 600px;*/
    z-index: 1 !important;
}

#page *{
    z-index: 1 !important;
}

#headr {
/*        background:url(http://www.terrafirms.com/Spiros/wp-content/uploads/2009/10/spiros-test-banner2.jpg) no-repeat top 25px;*/
	width: 800px;
	margin: 0 auto 0px;
	background:;
	position: relative;
	text-align: left;
        height: 300px;
/*border-top:thick solid #23459E;
border-left:thick solid #23459E;
border-right:thick solid #23459E;
*/
}
#dheader {
	width: 800px;
	margin: 0 auto 0px;
	background:;
	position: relative;
	text-align: left;
        height: 250px;
}
#logox{
    float:right;
/*    background:url(http://www.terrafirms.com/Spiros/wp-content/uploads/2009/10/spiros-wall-banner2.png) no-repeat;*/
    width:517px;
    height:250px;
}

#geo1{
/*  background:url(http://www.terrafirms.com/Spiros/wp-content/uploads/2009/10/tops1.png) no-repeat;*/
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:50px;
}
#logo h1 {
	margin: 5px 0 0;
	font-size: 1.3em;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-weight: bold;
}
#logo h1 a {
	color: #fff;
	}
#logo h1 a:hover {
	color: #D7F7D4;
	}
#logo .description {
	color: #E9FFFF;
	font-size: 0.7em;
	margin-top: 5px;
	display: none;
}

#logo {
	position: absolute;
	right: 0;
	bottom: 0;
}#top-rss {
	position: absolute;
	right: 0;
	top: 0;
}
#top-img {
	width: 930px;
	margin: 20px auto;
	background: #F7FFFF;
	height: 90px;
	border: 10px solid #BBC5C6;
	display: none;
}
#headr #top-menu{
    float:none;
    margin:auto;
}
/* Menu */
ul#menuv {
	list-style: none;
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Arial, verdana, tahoma, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
}
ul#menuv li {
	float: left;
	margin-right: 4px;
}
ul#menuv li a {
	padding: 3px 10px;
	display: block;
	color: #003F87;
	background: #F0F8FF;
}
ul#menuv li a:hover {
	background: #003F87;
	color: #fff;
}
ul#menuv li.current_page_item a {
	background: #fff;
	color: #003F87;
	font-weight: bold;
}

#content-wrap {
	float: left;
 display:block;
        margin-top:0px;
	width: 560px;
        height: 100%;
}

#content {
	width:550px;
}
#content_top{
        /*background:url(http://www.terrafirms.com/Spiros/wp-content/uploads/2009/10/tops-inner.png) no-repeat;*/
        /*background:url(http://www.terrafirms.com/Spiros/wp-content/uploads/2009/10/bg-top.png) no-repeat;*/
        height:0px;
        width:800px;
        float:none;
        margin-left:auto;
        margin-right:auto;
/*      margin-bottom:0px;
        padding-bottom:0px;
border-bottom:thick solid #23459E;*/
}
#content_bottom{
        margin-top:0px;
        padding-top:0px;

/*background:url(http://www.terrafirms.com/Spiros/wp-content/uploads/2009/10/bottoms-inner.png) no-repeat;*/
}
#content-wide{ 
        margin-left:23px;
        margin-top:0px;
        padding-top:23px;
        margin-right:23px;
   width: 754px;
}


.post {
	margin-bottom: 25px;
        margin-left: 12px;
}
.post2 {
}

.master-side{
        padding-top:23px;
        width:240px;
}
.side {
        display:block;
        margin-left:23px;
        padding-top:23px;
        border-left-color:#fff;
        border-left-width:2px;
}
.side1 {
	width: 240px;
	float: left;
	color: #333;
	margin-left: -0px;
	color: #498EB8;
}
.side2 {
	color: #498EB8;
	width: 240px;
	float: left;
	color: #333;
}
#content .gap {
	margin: 0 20px 0 0; 
}
.side1 .gap {
}
.side2 .gap  {
	margin: 0 0 0 10px; 
}
#out-foot {
	width: 100%;

}

#footer {
background:url(/wp-content/uploads/2009/11/bg-center-red.jpg) repeat-y;
	margin-bottom:0px !important;
        margin-left:auto;
        margin-right:auto;
	width: 800px;
        height: 40px;
	font-size: 1em;
	position: relative;
}
#footer p{
        margin-top:0px;
        padding-top:10px;
        padding-left:15px;
        padding-right:15px;
}
#footer a {
	color: #666;
	text-decoration: underline
}
#footer a:hover {
	color: #333;
	text-decoration: none;
}
#footer p.right {
		position: absolute;
		right: 0;
		text-align: right;
		top: 0;
	}

/* Starting Sidebar
******************** */
.side1  ul, .side2  ul, .side ul{
	list-style: none;
}
.about a:link, .about a:visited {
	background: #D7F7D4;
	color: #34B027;
	padding: 0 2px;
}
.about a:hover {
	background: #34B027;
	color: #D7F7D4;
	padding: 0 2px;
}
.linkcat, .widget, .boxy, .side .categories, .widget-sortable {
	padding: 10px;
	border: 1px solid #3B6AA0;
	background: #FFFFFF;
}
.side1  ul li ul li, .side2  ul li ul li {
	padding: 2px 0;
	margin-left: 15px;
	list-style: square;
	color:  #003F87;
}
.side1  ul li ul li ul li{
	border: none;
}
.side1  ul.children, .side2  ul.children{
	margin-left: 0;
}
.boxy, .side1 .categories, .side2 .categories, .widget, .side1 .linkcat, .side2 .linkcat, .about, .widget-sortable  {
	margin-bottom: 20px;
}
.side2 .boxy, .side2 .linkcat {
}
.side1 h2, .side2 h2{
	font: bold 1.4em "Trebuchet MS", Trebuchet, Verdana, Arial, sans-serif;
	color:  #003F87;
	margin-bottom: 5px;
	background: #FFFF;
	padding: 3px 5px;
}
.side1 ul li ul li a:link, .side1 ul li ul li a:visited,.side2 ul li ul li a:link, .side2 ul li ul li a:visited{
	color: #498EB8;
}

.side1 ul li ul li  a:hover,.side2 ul li ul li  a:hover{
	color: #000;
}
.side1 ul li ul li.current_page_item a,.side1 ul li ul li.current-cat a, .side2 ul li ul li.current-cat a  {
	color: #FFC757;
	font-weight: bold;
}

/* --Calendar-- */
#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;
	}


/* Starting Search
************************ */
input#s {
	width: 238px;
	padding: 10px 5px 10px 25px;
	margin: 0 0 10px;
	background: #fff url(images/ico/zoom1.png) 5px 10px no-repeat;
	border: 1px solid #3B6AA0;
	color: #2E9B22;
	font-size: 1.3em;
}
	

input#s:hover {
	border: 1px solid #F78787;

}
input#s:focus {
	background: #fff url(images/ico/zoom.png) 5px 10px no-repeat;
	color: # #003F87;
	border: 1px solid #3B6AA0;
}

input#searchsubmit
{
	margin: 0;
}

/*Starting  Typography
********************* */

h2.pagetitle {
	text-align: left;
        margin-left:12px;
	font: 1.5em Arial, verdana;
	border-bottom: 1px solid #ccc;
}

.post h2 {
	font: bold 1.7em Futura, serif;
	color:  #FFFFFF;
}
.post h2 a:link, .post h2 a:visited {
	color: #E1AF00;
	padding: 0 5px;
}
.post h2 a:hover {	
	color: #fff;
	background: #498EB8;
}
.post a:hover {
}

.date {
	color: #498EB8;
}
p.meta {
	font-size: 100%;
	color: #4D7E8F;
}	
p.meta2 {
	text-align: right;
	font-size: 100%;
	color: #498EB8;
	border-top: 2px solid #D4EAF7;
	padding: 5px 0 0 0;
}
p.meta2:hover {
	border-top: 2px solid #D7F7D4;
}
p.meta a:link, p.meta a:visited, p.meta2 a:link, p.meta2 a:visited {
	color: #498EB8;
	padding: 2px 4px;
	background: #D4EAF7;
}
p.meta a:hover,p.meta2 a:hover {
	color: #2E9B22;
	background: #DAF7D4;
}
.post ul.postspermonth{
	list-style:none;
	padding: 0;
	margin: 0;
}
/*
.entry p a:link, .entry p a:visited {
	border-bottom: 1px solid #4D71A5;
	color: #ffffff;
} */
	.entry a:link, .entry a:visited {
		color: #ffffff;
		padding: 0 2px;
	}
	.entry a:hover {
		color: #D7F7D4;
		padding: 0 2px;
	}	

.post ul {
	margin-left: 35px;
}
.post ol {
	margin-left: 40px;
}
.post p a:hover {
	border: none;
}
.categr, .monthr {
	margin-bottom: 20px;
}
.categr h2, .monthr h2{
	border-bottom: 1px solid #ccc;
}

.rss {
	background: url(images/feed-icon-10x10.png) left center no-repeat;
	padding-left: 12px;
        height:20px;
}
.tags {
	margin-bottom: 10px;
	font-weight: bold;
}
	.tags a {
		font-weight: normal;
	}


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */



/* Comment Etc
********************* */
.navigation 
{
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
	width: 100%;
}

.navigation a
{
	color: #666;
}
.navigation .alignleft
{
	float: left;
	width: 50%;
}
.navigation .alignright
{
	float: right;
	text-align: right;
	width: 50%;
}



.ileft {
	float: left;
	margin-right: 5px;
}
#avatr {
	border: 1px solid #3B6AA0; 
        width:270px;
}
p.stats {
	color: #999;
	font-size: .8em;
	border: 1px solid #ccc;
	border-left: none;
	border-right: none;
}
blockquote
{
	background: url(images/blockquote.gif) no-repeat left top;
	color: #666;
	margin: 1em;
	padding: 0 0 10px 50px;
}
#content .commentsfeedr
{
	background: url(images/ico/feed.png) no-repeat left center;
	padding: 2px 2px 2px 20px;
}
#content .trackbackr
{
	background: url(images/ico/arrow_refresh.png) no-repeat left center;
	padding: 2px 2px 2px 20px;
}
input.textbox, textarea, textarea, input#url, input#email, input#author
{
	background: #fff url(images/shadow_top.gif) repeat-x top;
	border: #ccc 1px solid;
	font: 1em Verdana, Arial, Serif;
	padding: 2px;
}
input.textbox:focus, textarea:focus
{
	background: #fff url(images/shadow_top.gif) repeat-x top;
	border: #999 1px solid;
}
#submit {
	background: #003F87;
	color: #fff;
	padding: 3px 5px;
	border: #498E68 solid 2px;
	border-top: 2px solid #498E68;
	border-left: 2px solid #498E68;
}
#submit:focus, #submit:hover {
	background: #3B6AA0;
	color: #fff;
	border: #498E68 solid 2px;
	border-top: 2px solid #498E68;
	border-left: 2px solid #498E68;
}

.trackbacklist {
	margin-left: 20px;
}
.commentlist .children {
	margin-left: 30px;
}


.comment
{
	background: #fff url(images/shadow_top.gif) repeat-x top;
	border-bottom: #ddd 1px solid;
	list-style: none;
	margin: 0;
	padding: 1em 0.5em;
}
.alt
{
	background: #f9f9f9;
}
.MyAvatars
{
	border: 1px solid #ccc;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	float: right;
	margin-left: 5px;
	margin-right: 10px;
	padding: 3px;
}

h3#respond, h3#comments {
	font: bold 1.3em "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #498E68;
	text-transform: uppercase;
}

#comment {
	width: 98%;
}

fieldset {
	border: none;
}
textarea#cp_message {
	width: 100%;
}


pre {
	width: 95%;
	overflow:auto;
	font: 13px 'Courier New', Courier, Verdana, Arial, sans-serif;
	color: #921A14;
	max-height: 350px;
	line-height: 18px;
	margin: 10px 0;
	border: 1px solid #921A14;
	padding: 5px;
	background: #F7D5D4;
}

code {
font: 13px 'Courier New', Courier, Verdana, Arial, sans-serif;
color: #921A14;
padding: 2px;
}

.avatar {
	float: right;
	margin-left: 10px;
}


/* Change Log *** 
1.0	: Public Releaed
1.1	: Fixed Sidebar and Footer Issue
1.2	: Fix Comments and Background Overlap
1.3	: Fix Categories archives, margin post and Support for WordPress 2.3
1.5	: Fix Problem Page and Better Effect and WordPress 2.5 Compatible and add Favicon
1.6 : Custom Header
1.7 : Gravatar and Caption Support
1.8 : Fix 404 Error Page
2.0 : WordPress 2.7 Threaded Comment Support, Switch License to GPL Licence
2.1 : Moving Theme Hosting
*** */