/*

Theme Name: Island After Sunset

Theme URI: http://cureless.net/works/wp-themes/island-after-sunset-wordpress-theme/

Description: Theme playing on after-sunset/near-dusk colors. Version 1.3 is widget-ready for WordPress 2.0.x.

Version: 1.3

Author: Yoru, sponsored by <a href="http://www.career-descriptions.co.uk/">Career Descriptions</a>. Photo from <a href="http://sxc.hu">stockXCHNG</a> by Aldin McLeod.

Author URI: http://cureless.net

*/



body {

margin: 0 0;

padding: 0 0;



text-align: left;

font: 80% "Trebuchet MS", Arial, Verdana, sans-serif;

line-height: 130%;

background: #e4e4e4;

}



#wrap-all {

margin: 0 auto;

padding: 0 0;

width: 960px;



text-align: left;

color: #003366;

background-color: #ffffff;

border-left: 1px solid #666666;

border-right: 1px solid #666666;

}



#header {

margin: 0 0;

padding: 0 0;

}



#header-menu {

margin: 0 0;

padding: 0 50px;

height: 60px;



background: url(images/header-menu-bg.jpg) no-repeat left top;

}



ul#navigation-top {

margin: 0 0;

padding: 0 10px;

list-style-type: none;

}



ul#navigation-top li {

margin: 0 0;

padding: 0 0;

display: block;

float: left;



background: url(images/navi-left.jpg) no-repeat top left;

font-size: 1.5em;

text-transform: uppercase;

}



ul#navigation-top li a {

margin: 0 0;

padding: 20px 15px;

display: block;

}



#header-menu a, #header-menu a:link, #header-menu a:visited {

color: #336699;

background-color: transparent;

}



#header-menu li span.last {

background: url(images/navi-right.jpg) no-repeat top right;

}



#header-menu a:hover  {

background-color: transparent;

background: url(images/navi-left-hover.jpg) no-repeat top left;

}



#header-title {

margin: 0 0;

padding: 0 50px;

height: 35px;

}



.header-title {

float: right;

}



.blog-desc {

float: left;

width: 40%;



font-size: 1.1em;

}



#header-title h1 {

text-align: right;

padding: 3px 0;



font: 2.2em Arial, Verdana, sans-serif;

}



#header-title h1 a {

display: block;



color: #006699;

background-color: transparent;

}



#header-img {

clear: both;

margin: 0 0;

padding: 0 0;

height: 242px;

background: url(images/header-img.jpg) no-repeat left top;

}



#wrap-mid {

margin: 0 0;

padding: 0 50px;

background: url(images/content-bg.jpg) no-repeat left top;

}



#content,

#comments-block {

margin: 0 0;

padding: 0 0;

float: left;

width: 565px;

}



#side {

margin: 0 0 0 585px;

padding: 10px 0;



color: #996666;

background-color: transparent;

}



#comments-block2 {

margin: 0 0 0 585px;

padding: 0 0;



color: #996666;

background-color: transparent;

}



.smallside1 {

margin: 0 5px 0 0;

padding: 0 1px;

float: left;

width: 130px;

}



.smallside2 {

margin: 0 0;

padding: 0 1px;

float: right;

width: 130px;

}



#side h2 {

color: #336699;

font: normal 1.5em "Trebuchet MS", Arial, sans-serif;

}



#side ul {

margin: 0 0;

padding: 0 0;

list-style: none;

}



#side ul li,

#side ul p {

margin: 0 0 15px 0;

padding: 0 0;

}



#side ul li li {

margin: 0 0;

padding: 0 0;

}



#side ul li li li {

margin: 0 0;

padding: 0 0 0 10px;

}



#footer {

margin: 0 0;

padding: 25px 50px 5px 50px;

clear: both;

height: 44px;

background: url(images/footer-bg.jpg) no-repeat left top;

}



#footer p {

margin: 0 0;

padding: 0 0;

font: 1.2em "Trebuchet MS", Arial, sans-serif;

text-align: center;

}



.clear {

clear: both;

}





/* WP elements */

.post {

margin: 0 0;

padding: 20px 20px;

}



.post h2 {

font: bold 1.5em "Trebuchet MS", Arial, sans-serif;

}



.post h2 a, .post h2 a:link, .post h2 a:visited {

color: #336699;

}



.post h2 a:hover {

color: #996666;

}



.post p {

text-align: left;

}



.post p.align-left {

text-align: left;

}



.post p.align-center {

display: block;

margin: auto auto;

}



.post p.align-right {

text-align: right;

}



img.align-left {

padding: 4px;

float: left;

margin: 0 7px 2px 0; 

display: inline;

}



img.align-right {

padding: 4px;

float: right;

margin: 0 0 2px 7px; 

display: inline;

}



div.align-left {

margin: 0 5px 2px 0;

}



div.align-right {

float: right;

}



.postmetadata {

margin: 0 0;

padding: 10px 0 20px 0;



background: url(images/post-break.jpg) no-repeat left bottom;

}



.postmetadata p {

text-align: right;

}



.alt {

margin: 20px 30px;

padding: 5px 5px;



border: 1px solid #996666;

}



.commentlist li,

.commentlist li.alt {

margin: 0 0;

padding: 0 20px 10px 20px;

background: url(images/post-break.jpg) no-repeat 20px bottom;

border: 0;

}



p textarea {

height: 100px;

}



.postspermonth {

margin: 5px 0 10px 0;

list-style: none;

padding-left: 25px;

}



input#s {

width: 80px;

border: 1px solid #996666;

}



#searchform {

margin: 0 0;

padding: 0 0;

}



input#searchsubmit {

width: 30px;

color: #ffffff;

background-color: #336699;

border: 1px solid #336699;

}



#calendar td {

border: 0;

}



/* General style settings */

h1, h2, h3 {

margin: 0 0;

padding: 0 0;

}



blockquote {

border-left: 2px solid #996666;

padding-left: 5px;

}



ul {

list-style-type: square;

}



code {

font: 1.2em "Courier New", Courier, sans-serif;

}



img {

border: 0;

}



a, a:link, a:visited {

color: #996666;

text-decoration: none;

}



div, p {

height: auto;

}
