/** aMember-specific styles here */

/* properties for entire page and text inside tables */
body {font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:0.9em;background:url('http://wpmage.com/img/monsterbg.jpg');background-color:#222;background-repeat:no-repeat;background-position:center center;background-attachment:fixed;-o-background-size: 100% 100%, auto;-moz-background-size: 100% 100%, auto;-webkit-background-size: 100% 100%, auto;background-size: 100% 100%, auto;}
/* properties for all input elements */
input, textarea {
    font-family: Verdana, "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
    font-size: 0.9em;
}
hr { 
    background-color: #4479BE;
    border: 0;
    width: 100%;
    height: 1px;
}
ul, li { list-style: disc; }
.small { font-size: x-small; font-weight: normal; }
.powered, .powered a { font-size: x-small; color: #808080; margin: 0.5em 0em 0.5em 0em; }
strong, .strong { font-weight: bold; }
.text_disabled { color: ButtonFace; } 

/* properties for headers */
h1,h2 {
    color: #707070;
    font-weight: bold;
    text-align: center;
    margin: 0.5em 0.5em 0.5em 0.5em;
}
h1 { font-size: 140%; }
h2 { font-size: 130%; }
h3 { font-size: 120%; color: #300; font-weight: bold; text-align: center; margin: 0.5em 0.5em 0.5em 0.5em; }

/* other elements */
div.centered { text-align: center; }
div.centered table {
    margin: 0 auto; 
    text-align: left;
}
ul,ol { margin-left: 2em;}
.code { font-family: "Courier New", Monospace; font-size: 120%; color: blue; } 

/* vedit - vertical table (signup, profile edit) */
.vedit {
    border: solid 1px #8CACBB;
}
/* vedit - usual column (right) */
.vedit td {
    text-align: left;
    vertical-align: middle;
    padding: 15px 10px 10px 10px;

    background-color: white;
    border: solid 1px #8CACBB;
}
/* vedit - header column (left) */
.vedit th {
    padding: 10px 15px 10px 10px;
    text-align: right;
    vertical-align: middle;
    font-weight: bold;

    background-color: #DEE7EC;
    border: solid 1px #8CACBB;
}
/* vedit - heading row */
.vedit .headrow { font-weight: bold; text-align: center; }


/* hedit - horizontal table (payments list) */
.hedit {
    border: solid 1px #8CACBB;
}
/* hedit - usual column */
.hedit td {
    padding: 5px;
    background-color: #E0E0E0;
    font-size: 8pt;
    background-color: white;
    border: solid 1px #8CACBB;
}
/* hedit - header column */
.hedit th {
    padding: 5px;
    font-weight: bold;
    text-align: center;

    background-color: #DEE7EC;
    border: solid 1px #8CACBB;
}

table.errmsg
{
    font-family: Helvetica, Verdana, sans-serif;
    font-size: 90%;
    background-color: red;
    border: #cc0000 1px solid;
    margin: 5px 0px 5px 0px;
}
table.errmsg td
{
    padding: 5px 50px 5px 5px;
    font-weight: bold;
}
table.errmsg td li
{
    list-style: square;
}

/* Receipt table from thanks.html */
.receipt td {
    background-color: #F0F0F0;
    border: solid 1px black;
    padding: 2px 4px 2px 4px;
}
.receipt th {
    background-color: #C0C0C0;
    border: solid 1px black;
    font-weight: bold;
    padding: 2px 4px 2px 4px;
}
.receipt td.total {
    background-color: #C0C0C0;
    border: solid 1px black;
}
.receipt {
    border-collapse: collapse;
}

/* Newsletters table on member.php */
.newsletters td {
    padding: 5px;
    margin: 5px;
}
.newsletters td.disabled {
    padding: 5px;
    margin: 5px;
    color: #505050;
}

/* Newsletters archive table on member.php */
.newsletters_archive td {
    padding: 2px;
    margin: 0px;
}
/* Error message label on signup page */
label.error {
    padding-left: 3px;
	color: red;
	font-style: italic;
	font-weight: normal;
}
input.error {
    border: 2px solid red;
}

#container {
	font-family: Arial, Helvetica, sans-serif;
	height: auto;
	width: 1000px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}
#spellbookcontainer {
	font-family: Arial, Helvetica, sans-serif;
	height: auto;
	width: 980px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	background-image: url(http://wpmage.com/spellbook/images/bgshade.png);
	padding: 10px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
#spellbookhomecontainer {
	font-family: Arial, Helvetica, sans-serif;
	height: auto;
	width: 980px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	padding: 10px;
}
#box1 {
	margin: 5px;
	float: left;
	height: 380px;
	width: 510px;
	overflow: hidden;
}


#rightbox1 {
	margin: 5px;
	float: right;
	height: auto;
	width: 450px;
}
.box1title {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color: #300;
	margin: 5px;
	float: left;
	width: 500px;
	overflow: hidden;
}
.box1content {
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	height: 280px;
	width: 490px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 5px;
	margin-right: 5px;
	margin-left: 5px;
	background-image: url(master_images/bgshade.png);
}
.pathhead {
	float: left;
	height: 36px;
	width: 450px;
}
.pathtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #300;
	padding: 5px;
	float: left;
	height: auto;
	width: 440px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-image: url(../images/bgshade.png);
}

.nav {height:50px;width:620px;text-align:center;margin:0 auto;}
.nav ul {text-align:center;margin:0 auto;}
.nav ul li {width:140px;height:34px;position:relative;text-align:center;line-height:35px;font-size:13px;float:left;display:block;border-right:1px solid rgba(0,0,0,.1);background: #f6f8f9; /* Old browsers */ background: -moz-linear-gradient(top, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f8f9), color-stop(50%,#e5ebee), color-stop(51%,#d7dee3), color-stop(100%,#f5f7f9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* W3C */-webkit-box-shadow:0 1px 1px rgba(0,0,0,.5);z-index:10;}
.nav ul li:first-child, nav ul li:first-child a {-webkit-border-top-left-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius-topleft:4px;-moz-border-radius-bottomleft:4px; border-top-left-radius:4px; border-bottom-left-radius:4px;}
.nav ul li:last-child, nav ul li:last-child a {border-right:0;-webkit-border-top-right-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright:4px; border-top-right-radius:4px; border-bottom-right-radius:4px;}
.nav ul li a {line-height:35px;position:relative;display:block;text-decoration:none;font-weight:bold;color:#282828;text-shadow:0 1px 1px #FFF;border-left:1px solid rgba(255,255,255,.3);}
.nav ul li:hover {z-index:20;background: #f2f6f8; /* Old browsers */ background: -moz-linear-gradient(top, #f2f6f8 0%, #d8e1e7 50%, #b5c6d0 51%, #e0eff9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f6f8), color-stop(50%,#d8e1e7), color-stop(51%,#b5c6d0), color-stop(100%,#e0eff9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); /* W3C */}
.nav ul li:hover a {border-left:1px solid rgba(0,0,0,.1);}
.nav ul li:hover:before {content:'';width:1px;height:100%;position:absolute;top:0;left:-1px;background:rgba(255,255,255,.5);}
.nav ul li:first-child a {border-left:0;}

.nav ul li.active {background: #aebcbf; /* Old browsers */ background: -moz-linear-gradient(top, #aebcbf 0%, #666666 50%, #555555 51%, #999999 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aebcbf), color-stop(50%,#666666), color-stop(51%,#555555), color-stop(100%,#999999)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #aebcbf 0%,#666666 50%,#555555 51%,#999999 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #aebcbf 0%,#666666 50%,#555555 51%,#999999 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #aebcbf 0%,#666666 50%,#555555 51%,#999999 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aebcbf', endColorstr='#999999',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #aebcbf 0%,#666666 50%,#555555 51%,#999999 100%); /* W3C */line-height:35px;}
.nav ul li.active a {color:#FFF;border-left:1px solid rgba(0,0,0,.4);text-shadow:0 1px 1px rgba(0,0,0,.4);}
.nav ul li.active + li:hover:before {left:0;background:rgba(255,255,255,.5);}

#header {width:960px;margin:20px auto;text-align:center;}
#wrapper {width:960px;margin:0 auto;}

.content {width:920px;padding:20px;margin:10px 0;background:#f6f8f9;-webkit-border-radius:8px;-moz-border-radius:8px;}