/*  
Theme Name: Vistered Little
Theme URI: http://windyroad.org/software/wordpress/vistered-little-theme/
Description: A heavily customisable glass-like interface with wallpaper and skin support.  See the <a href="http://windyroad.org/software/wordpress/vistered-little-theme/release-notes">Vistered Little Release Notes</a> for a list of changes in this release.
Version: 1.7.5
Author: Windy Road & Nik Iliadis
Author URI: http://windyroad.org/
Skins URI: http://windyroad.org/software/wordpress/vistered-little-theme/skins/
*/

/* custom */
.frame {
border:1px solid #CCCCCC;
float:left;
margin:8px;
padding:2px;
background-color:#EEEEEE;
}

.frame a:link,
.frame a:visited {
color: #aaa;
}

.frame a:active,
.frame a:hover {
color: #555;
}

.cap {
font-size:11px;
text-align: center;
}

h1 {
text-align: center;
font-size: 2em;
font-weight: 400;
}

/* Begin Generic and body styles. */

* {
margin: 0px;
padding: 0px;
outline: none;
}
body {
background-color: #eee;
background-position: top center;
background-attachment: fixed;
font-family: "Verdana", sans-serif; 
font-size: 14px;
line-height: 22px;
}

#wallpaper1 { background-image: url('../theme/wallpaper1.jpg'); }
#wallpaper2 { background-image: url('../theme/wallpaper2.jpg'); }
#wallpaper3 { background-image: url('../theme/wallpaper3.jpg'); }
#wallpaper4 { background-image: url('../theme/wallpaper4.jpg'); }
#wallpaper5 { background-image: url('../theme/wallpaper5.jpg'); }
#wallpaper6 { background-image: url('../theme/wallpaper6.jpg'); }
#wallpaper7 { background-image: url('../theme/wallpaper7.jpg'); }

#middle {
overflow: hidden;
width: 100%;
}

a:link, a:active, a:visited {
	text-decoration: none;
	}
a:hover	{
	}
a img {
	border: 0px;
	padding: 5px;
	vertical-align: middle;
	}

a img.left,
a.left img {
	margin-right: 20px;
	}

a img.right,
a.right img {
	padding-right: 0px;
	}
	
#header {
width: 100%;
height: 30px;
padding: 10px 0;
overflow: hidden;
background-color: #fff;
opacity: 0.86;
filter: alpha(opacity=86);
}

#header2 {
width: 100%;
height: 25px;
overflow: hidden;
background-position: bottom;
background-image:url('../theme/header2.png');
}
#footer {
width: 100%;
overflow: hidden;
background-color: #fff;
opacity: 0.86;
filter: alpha(opacity=86);
}
	
#footer2 {
width: 100%;
height: 25px;
overflow: hidden;
background-position: top;
background-image:url('../theme/footer2.png');
}


img.center {
	display: block;
    margin-left: auto;
	margin-right: auto;
}
.left {
	float: left;
	font-size: 1.1em;
	}

.right {
	float: right;
	font-size: 1.1em;
	}

.clear {
	clear: both;
	overflow: hidden;
	}

label {
	font-size: .8em;
	}

#thumbs {
	margin: 0px;
}

pre {
	margin: 5px;
	overflow: auto;
	padding: 3px;
	font-size: .9em;	
}
.inside {
	overflow: hidden;
	padding: 12px;
}

.menu_item {
	margin: 3px 0;
}
.menu li a, .menu li a:visited {
    font-size: 16px;
	text-align: left;
	font-weight: normal;
    background: url('../theme/bigstar.gif') left center no-repeat;
    padding-left: 20px;
    color:#3BA6E4;
}

.menu li a:hover {
color:#000;
}

#backgr {
display: block;
float: left;
font-size: 0.7em;
margin-left: 30px;
height: 30px;
line-height: 30px;
}
/* END */

#bodyowner {
	width: 740px;
	margin: 0px auto;
}

#contentcontainer {
float: left;
display: inline;
width:716px;	
}
#contentcontainer .post {
width: 422px;
}

.post {
margin: 0px;
padding: 0px 35px;
overflow: hidden;
}

#contentcontainer .blogbefore .middle ,
#contentcontainer .blogafter .middle 
{ 
width: 492px;
}

.blogbefore .middle ,
.blogafter .middle 
{ 
height: 32px;
width: 492px;
overflow: hidden;
}

.blogbefore .left,
.blogbefore .right,
.blogafter .left,
.blogafter .right
{
height: 0;
overflow: hidden;
}

#contentcontainer p {
padding: 8px;
}

#contentcontainer p.footertext {
text-align: right;
font-size: .9em;
margin: 5px 0px;
clear: both;
}
#contentcontainer h1 {
font-size: 1.6em;
font-weight: normal;
padding: 0.2em 0.2em 25px;
}
#contentcontainer h2 {
font-size: 1.3em;
font-weight: normal;
padding: 0.2em 0.2em;
}
#contentcontainer ol {
margin: 5px 30px;
}

#contentcontainer ul {
margin: 5px 15px;
}
#contentcontainer ul li {
list-style-type: none;
background: url('star.png') 0px 2px no-repeat;
padding-left: 13px;
}

#contentcontainer img {
padding: 2px;
}
#contentcontainer .thumb {
margin: 2px 8px;
padding: 2px;
border: 1px solid #ddd;
}
#contentcontainer img.left {
margin-right: 20px;
}
#contentcontainer img.right {
margin-left: 12px;
margin-right: 10px;
}
#contentcontainer .ddfm img {
padding: 0;
}

#sidebar {
	width: 233px;
	font-size: 10px;
margin-left: 716px;

}

.menu {
	margin: 0px;
	padding: 0px 35px;
	width: 163px; 
	overflow: hidden;
}

.menubefore, .menuafter {
	height: 32px;
	width: 233px;
	overflow: hidden;
}

#sidebar p, #sidebar ul {
	padding: 3px;
	list-style-type: none;
}

#contentcontainer .postlinks {
	clear: both;
}

#contentcontainer .footeritems{
	clear: both;
	padding: 0px 5px;
}

.post table {
	border-collapse: collapse;
	margin: 0.5em;
}

.post th, .post td {
	text-align: left;
	padding: 0.5em;
}

#footer {
	font-size: 0.9em;
	text-align: center;
}

/* colours */

body {
color:#222;
}
a:link, a:active, a:visited {
color:#00CD52;
}
a:hover {
color:#000000;
}
#contentcontainer h1 a, #sidebar h4, #wp-calendar caption, .comment-author a {
color:#3BA6E4;
}
#header h1 a:link, #header h1 a:active, #header h1 a:visited, #header h1 a:hover, div.blogtitle a:link, div.blogtitle a:active, div.blogtitle a:visited, div.blogtitle a:hover {
color:#333333;
}
#thumbs input, pre, #s, #comment, #namefield input, #emailfield input, #urlfield input, .reply {
border:1px dotted #777777;
}

body {
color:#555555;
}
.footeritems {
border-top:1px dotted #777777;
color:#555555;
}
#s, #contentcontainer h1, #comment, #namefield input, #emailfield input, #urlfield input {
color:#111111;
}

.menu {
background-image:url('../theme/menubackground.png');
}
.menubefore {
background-image:url('../theme/menutop.png');
}
.menuafter {
background-image:url('../theme/menubottom.png');
}

#thumbs a {
display: block;
height: 24px;
width: 24px;
float: left;
margin: 2px 8px;
border: 1px solid #ddd;
}
#thumbs a img {
padding: 2px;
}
* html #thumbs a img {
padding: 1px 2px;
}
#thumbs a:hover {
border: 1px solid #aaa;
}

#bodyowner {
width:964px;
}

#contentcontainer .post {
width:646px;
}
#contentcontainer .blogbefore .middle, #contentcontainer .blogafter .middle {
width:716px;
}

#contentcontainer .post {
background-image:url('../theme/blogbackground.png');
}

#contentcontainer .blogbefore .middle {
background-image:url('../theme/blogtop.png');
}

#contentcontainer .blogafter .middle {
background-image:url('../theme/blogbottom.png');
}
/* form */

div#content {
width: 636px;
margin: auto;
}

table#main {
margin: 20px auto 10px;
width: 100%;
border: 0 none;
border-collapse: collapse;
padding: 0 5px 15px;
font-size: 12px;
}
#main td { 
padding: 4px 6px;
}
#main td.description, #main td.head {
padding-left: 25px;
}
#main td.lbl, #main td.head3 {
padding-right: 25px;
}
#main td.lbl {
text-align: center;
}
.lbl input {
text-align: right;
}
#main td.lbl2 { 
text-align: right;
padding-right: 15px;
}
#main td.head, #main td.head2, #main td.head3 { 
font-weight: bold; 
color: #333399; 
background-color: #eef0f7; 
border-top: 1px solid #333399; 
border-bottom: 1px solid #333399; 

}
#main td.head2, #main td.head3, #main td.head4 {
width: 82px;
}
#main td.head {
font-size: 14px;
}
#main td.head2, #main td.head3 { 
text-align: center; 
font-size: 12px; 
}
.total {
padding-top: 10px;
font-weight: bold;
background-color: #eef0f7;
}
.total .lbl, .total .lbl2 {
margin-bottom: 12px;
}
table#main input {
padding: 1px;
}
table#main .radio {
margin: 0 3px 0 -15px;
}
table#userinfo {
margin: 10px auto;
padding: 15px 30px;
width: 100%;
font-size: 11px;
}
#userinfo td {
vertical-align: top;
height: 28px;
}
#userinfo td.tdmy {
text-align: right;
width: 300px;
}
#userinfo .tdmy3 {
text-align: right;
width: 320px;
padding-right: 20px;
}
#userinfo .tdmy2 {
text-align: center; 
padding: 10px;
}
#userinfo .inputtext {
padding: 2px;
}
#order_form .submit {
text-align: center;
}
.submit input {
color: #3BA6E4; 
font-weight: bold; 
padding: 3px 12px;
margin: 10px 10px 20px;
width: 120px;
}
* html .submit input {
_padding: 2px 5px 1px;
_margin: 0 10px 20px;
}
tr.second  {
height: 32px;
}
td.center2 { 
text-align: center; 
}
td.tdmy4 {
text-align: right; 
}
.noscr {
font-size: 20px; 
color: #C00E0A; 
}
tr.even { 
background-color:#eef0f7; 
}
#faxno, #gstnumber {
display: none;
}

/* CSS File for Dagon Design Formmailer Script */

form.ddfm legend, 
form.ddfm label, 
form.ddfm label.fmtextlblwide {
	color: #606060;
}

form.ddfm .fmcheck p, 
form.ddfm .fmradio p,
form.ddfm textarea, 
form.ddfm .fmfullblock, 
form.ddfm .fmhalfblock, 
form.ddfm .fmselect, 
form.ddfm input.fmtext,
form.ddfm input.fmverify,
form.ddfm textarea.fmtextwide,
form.ddfm .submit,
form.ddfm .credits {
	color: #404040;
}

form.ddfm .required {
	color: #FF0000;
}

.ddfmerrors {
	color: #FF0000;
}

/* TEXT CSS */

.ddfmwrap {
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
}

form.ddfm legend, 
form.ddfm label, 
form.ddfm label.fmtextlblwide {
	font-size: 100%;
	font-weight: bold;
}

form.ddfm .credits {
	font-size: 90%;
}

form.ddfm legend {
	font-size: 110%;
}

.ddfmerrors {
	font-weight: bold;
}

/* STRUCTURE CSS */

.ddfmwrap {
	margin: 15px auto 15px auto;
	width: 450px; 
}

.ddfmwrap p.fieldwrap {
	padding: 1px;
	margin: 1px;
}

form.ddfm {
	text-align: left;
	padding: 15px;
	width: 430px; 
}

form.ddfm label {
	display: block; 
	float: left; 
	width: 70px; 
	text-align: right;
	margin: 0 10px 0 0; 
	padding-bottom: 15px;
	clear: left;  
}

form.ddfm textarea {
	float: left; 
	position: relative;
	width: 65%;
	margin-bottom: 15px;
	padding: 3px;
	height: 250px;
	width: 280px;
}

form.ddfm .fmhalfblock {
	width: 65%;
	padding-left: 29%;
	margin-bottom: 13px;
	float: left; 
	display: block;
}

form.ddfm input.fmverify {
	float: left; 
	width: 22%;
	margin-bottom: 15px; 
	padding: 3px;
	position: relative;
	display: block;
}

form.ddfm img {
	margin: 1px 0 0 10px; 
    float: left;
}

form.ddfm input.fmfile,
form.ddfm input.fmtext {
	float: left; 
	display: block;
	width: 65%;
	margin-bottom: 15px;  
	padding: 3px;
}

form.ddfm input.fmfile,
form.ddfm input.fmtext,
form.ddfm input.fmverify,
form.ddfm textarea {
background: transparent;
border: 1px solid #ccc;
}

form.ddfm .credits {
	text-align: right;
	margin-top: 7px;
	margin-right: 10px;
	width: 375px;
	font-size: 10px;
}

.ddfm .submit {
	text-align: right;
	clear:both;
	width: 375px;
}

.ddfm .submit input {
margin: 5px 0;
}

.ddfmwrap .ddfmerrors {
	display: block; 
	float: left; 
	width: 27%; 
	text-align: right;
	margin: 0 10px 0 0; 
	padding-bottom: 15px;
}

.ddfmwrap .errorlist {
	float: left; 
	display: block;
	width: 65%;
	margin-bottom: 15px;  
	padding: 3px;
	text-align: left;
}
/* IE6 */

* html #header2 { 
	height: 25px;

    background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src=theme/header2.png, sizingMethod=scale);
}

* html #footer2 { 
    height: 25px;
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src=theme/footer2.png, sizingMethod=scale);
}

* html .menu {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src=theme/menubackground.png, sizingMethod=scale);
}


* html .menubefore {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src=theme/menutop.png, sizingMethod=scale);
}

* html .menuafter {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src=theme/menubottom.png, sizingMethod=scale);
}

* html #contentcontainer .post { 
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src=theme/blogbackground.png, sizingMethod=scale); 
}

* html #contentcontainer .blogbefore .middle {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src=theme/blogtop.png, sizingMethod=scale);
}

* html #contentcontainer .blogafter .middle {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src=theme/blogbottom.png, sizingMethod=scale); 
}