/*
Theme Name: Sheer Elegance
Theme URI: http://www.wordpressdiva.com/themes/28/sheer-elegance.html
Description: Light, two column theme.
Author: WordPress Diva
Author URI: http://www.wordpressdiva.com/
Version: 1.0.0
*/

/* =================================
All Rights Reserved.

You are free to use and modify this theme
as long as the included attribution links 
remain intact.

For more information, see:
http://www.wordpressdiva.com/themes/legal/theme-use/

Please note: There are a number of empty CSS 
elements. This is intentional and are there so you 
can have maximum flexibility with customizing 
specific theme elements.

For more information, see:
http://www.wordpressdiva.com/themes/read-me/css/
================================== */

body{background:#fff;color:#000;font:75%/150% Georgia, Times New Roman, Times, serif;text-align:center;margin:0;padding:0;}
a{background-color:inherit;color:#626564;text-decoration:none;}
a:hover{color:#d4d3cc;text-decoration:none;}
a img{border:none;text-decoration:none;}
blockquote{background:#730;color:#FFF;font-style:italic;padding:15px;}
blockquote em{font-style:normal;}
code,pre{vertical-align:baseline;font:1em/1.9em "Courier New", Courier, monospace;margin:0;padding:0;}
fieldset{border:none;}
h1,h2,h3,h4,h5,h6{font-family:Georgia, "Times New Roman", Times, serif;font-weight:400;line-height:115%;font-style:normal;letter-spacing:2px;}
h1{font-size:2.75em;letter-spacing:2px;}
h2{font-size:1.5em;letter-spacing:2px;}
h3{font-size:2em;letter-spacing:2px;}
h4{font-size:1.75em;letter-spacing:2px;}
input,textarea{font-family:Verdana, Arial, Geneva, sans-serif;font-size:100%;padding:2px;letter-spacing:2px;}
/* hide the overflow - can be overriden  */
#wrap,#header,#content,#sidebar,#footer{overflow:hidden;}
#wrap{background:#000 url(images/wrap-bg.gif) repeat-y;color:#000;text-align:left;width:770px;margin:0 auto;padding:0;}
/* Header  */
#header{background:url(images/header-bg.jpg) no-repeat;height:212px;text-align:center;margin:0;padding:0 15px;}
#header h1{height:100px;font:normal normal 2.75em/100px "Georgia", "Times New Roman", Times, serif;letter-spacing:2px;margin:0;padding:0;}
#header h1 a{text-decoration:none;}
#header p.blogdescription{background-color:inherit;color:#FFF;height:50px;line-height:50px;margin:0;padding:0;}
/* Content  */
#content{width:450px;float:left;font-size:95%;margin:25px 15px;}
/* blog posts  */
.post {margin-bottom:75px;}
.authormeta{border-bottom:1px solid #d4d3cc;margin:3px 0;padding:2px 0;}
.postmeta{border-top:1px solid #d4d3cc;}
.posttitle{margin:3px 0;padding:0;}
.postcontent code{overflow:auto;}
.metawrap{background:#FFFFFF;color:inherit;border:1px solid #DDC;font-size:0.9em;margin:25px 0;padding:10px;}
/* blog comments  */
.commentmetadata{border-top:1px solid #DDC;font-size:0.9em;font-style:italic;}
#commentlist li{margin:10px 0 30px;}
#commentlist li li{margin:5px 5px 5px 35px;}
#commentform{background:#FFFFFF;border:1px solid #FFF;font-size:0.9em;color:inherit;margin:25px 0;padding:10px;}
#commentform textarea{width:98%;}
.navigation{margin:25px 0;}
.previouslink{float:left;text-align:left;width:45%;}
.nextlink{float:right;text-align:right;width:45%;}
/* Sidebar  */
#sidebar{float:right;width:250px;font-size:90%;margin:25px 15px 25px 0;}
#sidebar ul{list-style:none;margin:0;padding:0;}
#sidebar li{margin:0 5px 30px 10px;}
#sidebar li li{margin:0 0 0 25px;}
#sidebar li h2{font-size:1.5em;border-bottom:0px solid #d4d3cc;padding:3px 0;}
#sidebar li#search input#s{width:90%;}
/* calendar  */
#wp-calendar{width:100%;text-align:center;}
#wp-calendar caption{background:#730;color:#FFF;text-transform:uppercase;padding:3px;}
#wp-calendar td{background:#FFD;border:1px solid #DDC;color:inherit;}
/* Footer  */
#footer{background:#fff;clear:both;height:1%;text-align:left;font-size:0.8em;color:#333;margin:0;padding:15px 0;}
/* Various Classes & Image Alignment  */
.center{text-align:center;}
.floatleft{float:left;margin:5px;}
.floatright{float:right;margin:5px;}
img.center{display:block;margin:10px auto;}
img.left{display:inline;margin:0 10px 5px 0;}
img.right{display:inline;margin:0 0 5px 10px;}
legend,hr,#sidebar li#search label{display:none;}
#commentform dd,#sidebar li#search dd{margin:5px 0;}
#commentform input#author,#commentform input#email,#commentform input#url{width:50%;}

/*HOVER POPUP LINKS*/

/*hoverpopups type 1*/

#popup { color: #000; background-color: #c0c0c0; }

#popup a, #popup a:visited {
position: relative;
display: block;
width: 130px;
line-height: 30px;
text-align: right;
padding: 0 10px;
margin: 0;
border: 1px solid #666;
text-decoration: none;
font-size: 1em;
font-weight: bold;
}

#popup a span {display: none;}

#popup a:hover { background-color: #e9e9e2; }

/* the IE correction rule */
#popup a:hover	{
color: #f00; background-color: #e9e9e2;
text-indent: 0; /* added the default value */
}

#popup a:hover span{
display: block;
position: absolute;
top: 0px;
left: 170px;
width: 320px;
margin: 0px;
padding: 10px;
color: #335500;
font-weight: normal;
background: #e5e5e5;
text-align: left;
border: 1px solid #666;
}

/*THUMBNAIL HOVERPOPUPS*/

.thumbnail  {
position: relative;
float: left;
padding: 5px;
/*z-index: 0;*/
}

.thumbnail:hover {
background-color: #ffffff;
/*z-index: 50;*/
color: #335500;
text-decoration: none;
}

.thumbnail span { /*CSS for enlarged image*/
position: absolute;
background-color: #f4f4f4;
padding: 5px;
/*left: -1000px;*/
border: 1px solid #666;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img { /*CSS for enlarged image*/
border-width: 0px; 
/*padding: 2px;*/
}

.thumbnail:hover span { /*CSS for enlarged image on hover*/
visibility: visible; width: 240px;
top: 340px; /* use IF IE6 style to correct IE6 positions of larger image relative to thumb */
left: 100px;/*position where enlarged image should offset horizontally */
}

/*THUMBNAIL2 - thumbnail2 has border and border on hover*/

.thumbnail2 {
position: relative;
float: left;
padding: 5px;
/*z-index: 0;*/
}

.thumbnail2:hover { 
background-color: #e9e9e2;
/*z-index: 50;*/
color: #335500;
text-decoration: none;
}

.thumbnail2 span { /*CSS for enlarged image*/
position: absolute;
background-color: #e5e5e5;
padding: 5px;
/*left: -1000px;*/
border: 1px solid #666;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail2 span img { /*CSS for enlarged image*/
border-width: 0px;
/*padding: 2px;*/
}

.thumbnail2:hover span { /*CSS for enlarged image on hover*/
visibility: visible; width: 208px;
top: 5px; /* use IF IE6 style to correct IE6 positions of larger image relative to thumb */
left: 300px;/*position where enlarged image should offset horizontally */
}

a.thumbnail2 img { text-decoration:none;
z-index: 50; }

/*if same attribute for all 4 states, then declare here in
a.thumbnail2*/ 

a.thumbnail2 img:link { border: 2px solid #e9e9e2; background: transparent; }

a.thumbnail2 img:visited { border: 2px solid #e9e9e2; background : transparent; }

a.thumbnail2 img:hover { border: 2px solid #f00; background : transparent; }

a.thumbnail2 img:active { border: 2px solid #e9e9e2; background : transparent; }

a.thumbnail2 img { border: 2px solid #e9e9e2; }

/*end of hover popup links*/