/*
Theme Name: Toast
Theme URI: http://melinath.silver-hearts.net/
Description: A different kind of style in layouts
Version: 3.0
Author: JEcle
Author URI: http://melinath.silver-hearts.net/
*/


body
{background: url("http://i81.photobucket.com/albums/j211/asianprincesslalaith/msh/dark.png") repeat fixed;
background-color: #080808;
color: #333;
font: 0.83em/1.9em "Tahoma", serif;
text-align: left;}

p
{margin: 20px 0;}

small
{font-size: 70%;
line-height: 1.5em;}




/* -------------------------------	LAYOUT		------------------------- */
#container
{background-color: #FFF;
margin: -8px auto;
padding: 0;
width: 780px;
height: auto;}

#content
{background-color: #FFF;
float: right;
letter-spacing: 0.03em;
text-align: justify;
width: 510px;
height: auto;
margin-bottom: 35px;
padding: 0 15px 0 0;}

#side
{background-color: #E7F7FF;
color: #333;
font-size: 0.82em;
float: left;
width: 210px;
height: auto;
margin: 0;
padding: 0 10px 15px 15px;}

#footer
{background-color: #EBEBEB;
color: #333;
width: 760px;
height: auto;
padding: 10px;
margin: 20px auto 0 auto;
clear: both;}




/* -----------------------------		TOP MENU		--------------------- */
#menu, #menu a, #menu a:visited
{background-color: #F7F2DD;
color: #555;
font: lighter medium "Arial", sans-serif;
letter-spacing: 0.1em;
text-transform: uppercase;
text-decoration: none;
margin: 0 auto;
padding: 10px;
width: 760px;
height: auto;}

#menu ul
{list-style: none;
margin: 0 0 0 5px;
padding: 0;}

#menu ul li
{list-style: none;
display: inline;
margin-right: 5px;}

#menu a:hover
{text-decoration: underline;}



/* -----------------------------		HEADER		------------------ */
#header
{background-color: #D4462E;
background: url("http://i81.photobucket.com/albums/j211/asianprincesslalaith/msh/header-2.jpg") no-repeat;
margin: 0 auto;
padding: 0;
width: 780px;
height: 182px;}

#logo
{background: url("logo.jpg") no-repeat;
float: right;
width: 232px;
height: 83px;
margin: 38px 35px 28px 0;}

#bio
{background-color: #D4462E;
float: left;
color: #FFF;
font-size: 0.84em;
line-height: 1.7em;
width: 430px;
height: auto;
margin: 50px 0 0 45px;}



/* ----------------------	HEADINGS	----------------- */
h1
{color: #99CAA6;
font: lighter 180% "Georgia", serif;
text-align: left;
letter-spacing: 0;
margin-top: 20px;
padding: 0;}

h2
{color: #558871;
font: lighter 165%;
letter-spacing: 0.1em;
margin: 25px 0 5px 0;}

h3
{color: #558871;
font: small-caps large;
letter-spacing: 0.1em;
border-bottom: 1px solid;
margin: 25px 0 5px 0;}

h4
{background-color: #FFFCED;
color: #63461C;
font: lighter medium "Arial", sans-serif;
text-transform: uppercase;
letter-spacing: 0.06em;
border-bottom: 1px solid #EEE;
margin: 25px 15px 10px 0;
padding-left: 5px;}

h5
{font-size: small;
text-transform: uppercase;
margin: -2px 0;}



/* ----------------------	BLOG 	--------------------- */
.date
{background-color: #EFFAFF;
float: left;
text-align: center;
width: 40px;
height: auto;
margin: 20px 10px 0 0;}

.sub /* Categories, Permalink, Commens */
{color: #9DA188;
margin: -10px 0 5px 0;
padding: 0 0 5px 50px;
border-bottom: 1px solid #F2EBDA;
clear: right;}

blockquote
{background-color: #FDF8E1;
font-style: italic;
padding: 15px;
border: 1px solid #F1EAC8;}

.post-footer /* Posted on date by author */
{background-color: #F7F7F7;
padding: 3px;
font-size: 75%;}

.break
{margin: 20px auto;
height: 10px;}

.posted /* Posted by comment author */
{background-color: #FFF;
padding: 4px;}

.comment /* Individual comment box */
{background-color: #FDF8E1;
border: 1px solid #F1EAC8;
padding: 5px;
margin: 10px 0 35px 0;}

.comment p
{margin: 10px 0;}

.paginate
{text-align: center;
margin: 0 auto;}

.pagecount a, .pagecount a:link, .pagecount a:visited
{background-color: #E7F7FF;
color: #555;
padding: 4px;}

.pagecount a:hover
{background-color: #D4462E;
color: #FFF;}

#oldernewer /* Older and newer entry links */
{margin-top: 20px;}





/* -----------------------	   LINKS          ---------------------- */
a, a:visited
{text-decoration: underline;
color: #4C5568;
font-weight: bold;}

a:hover, a.external a:hover
{background-color: #4C5568;
color: #FFF;}

#bio a, #bio a:visited
{color: #FFF;}

#bio a:hover
{background-color: #D4462E;}

a.external, li a.external, li a:link.external
{color: #4C5568;
padding-right: 10px;
margin-right: 5px;
background: url("http://i81.photobucket.com/albums/j211/asianprincesslalaith/msh/external.gif") no-repeat right;}



/* --------------		IMAGES STYLE	------------- */
#gallery a img, #gallery a:link img, #gallery a:visited img
{background-color: #FFFFFF;

padding: 4px;
border: 1px solid #DDDDDD;
text-decoration: none;}

.img
{background-color: #FFFFFF;
padding: 4px;
margin: 5px auto;
border: 1px solid #DDDDDD;
text-decoration: none;}

.imgl
{background-color: #FFFFFF;
padding: 4px;
margin: 5px 10px 0 0;
float: left;
border: 1px solid #DDDDDD;}

.imgr
{background-color: #FFFFFF;
padding: 4px;
margin: 5px 0 0 10px;
float: right;
border: 1px solid #DDDDDD;}

.imgc
{background-color: #FFFFFF;
padding: 4px;
margin: 5px auto;
text-align: center;
border: 1px solid #DDDDDD;}




/* --------------                LISTS		----------------------- */
#layout ul /* Past layouts */
{list-style: none;
background-color: #FFFFFF;
margin: 0 0 15px 0;
height: 100%;}

#layout ul li
{list-style: none;
margin: 5px 0 40px -15px;
float: left;
text-align: justify;}

.blue li
{list-style-image: url("http://i81.photobucket.com/albums/j211/asianprincesslalaith/msh/bullet_star.png");
list-style-type: circle;
padding: 3px 0 0 3px;}

.black li
{list-style-image: url("http://i81.photobucket.com/albums/j211/asianprincesslalaith/msh/bullet_go.png");
list-style-type: circle;
padding: 3px 0 0 3px;}


li.yes
{list-style-image: url("http://i81.photobucket.com/albums/j211/asianprincesslalaith/msh/yes.png");
list-style-type: square;
margin: 6px 0 3px 55px;
padding: 3px 0 0 3px;}

li.no
{list-style-image: url("http://i81.photobucket.com/albums/j211/asianprincesslalaith/msh/no.png");
list-style-type: square;
margin: 6px 0 3px 55px;
padding: 3px 0 0 3px;}

li.lock
{list-style-image: url("http://i81.photobucket.com/albums/j211/asianprincesslalaith/msh/lock.png");
list-style-type: square;
margin: 6px 0 3px 55px;
padding: 3px 0 0 3px;}

ul.none
{list-style: none;}





/* --------------		FORM STYLE	------------- */
textarea
{background-color: #FFF;
color: #000;
padding: 5px;
font: small "Tahoma", serif;
border: 1px solid #CCC;}

input
{background-color: #FFF;
color: #000;
border: 1px solid #CCC;
padding: 1px;}



/* --------------		MISCELLANEOUS	------------- */
.clearleft
{clear: left;}

.clearright
{clear: right;}

.clear
{clear: both;} 

.left
{float: left;}

.right
{float: right;}

abbr, acronym
{border-bottom: 1px dotted;}

.center
{text-align: center;
margin: 0 auto;}

.space
{margin: 20px auto;
height: 60px;}


/* ----------------	    SCRIPTS AND SHIT	----------- */
#twitter_update_list
{list-style: none;
margin: 0 3px;}


/* ---------------- 	    IE CRAPTASTIC 	      ----------- */


*:first-child+html .sub
{margin-top: -23px;}

*:first-child+html #container
{margin: -10px auto;}

*:first-child+html #bio
{font-size: 0.83em;
line-height: 1.5em;}

*:first-child+html h1
{font-size: 175%;}

*:first-child+html h5
{margin-bottom: -12px;}

*:first-child+html #content
{font-size: 80%;}