/*
THEME NAME: Scripter
THEME URI: http://thinkscripter.com/scripter
DESCRIPTION: 
VERSION: 0.1
AUTHOR: Eric Purdy
AUTHOR URI: http://thinkscripter.com
TAGS: white, three-columns, two-columns, fixed-width, theme-options, left-sidebar, right-sidebar, threaded-comments, sticky-post, microformats
Template: twentyten
*/

@import url(../twentyten/style.css);

* { margin: 0; padding: 0; }

/*@font-face
{
    font-family: Tisa;
    src: url('Tisa.ttf');
}*/

@font-face {
	font-family: 'TisaRegular';
	src: url('tisa-webfont.eot');
	src: local('☺'), url('tisa-webfont.woff') format('woff'), url('tisa-webfont.ttf') format('truetype'), url('tisa-webfont.svg#webfontdrQXSBin') format('svg');
	font-weight: normal;
	font-style: normal;
}


#main{
padding: 0;
clear:both; /*added to stop content from flowing after nav menu*/
width:980px;
}


#bookshelf table, #bookshelf tr td, #bookshelf a {
border:none;
}
#bookshelf h3 {
color: gray;
margin-bottom: 10px;
}

#wrapper{
padding-left: 0;
padding-bottom: 0;
padding-right: 0;
padding-top: 10px;
width:1006px;
margin-top: 0;
}

#main .widget-area {
width:280px;
border: 8px solid #dddddd;
/*border: 8px solid #c9c2bb;*/
border-radius: 3px;
background-color: #eeeeee;
/*background-color: #f4f0e5;*/
margin: 6px;
-moz-box-shadow: 0 0 4px #999; -webkit-box-shadow: 0 0 4px #999; -webkit-transition: all 0.1s ease-out; 
}

#main .widget-area:hover {
-moz-box-shadow: 0 0 8px #555; -webkit-box-shadow: 0 0 8px #555;
}


#main .widget-area ul {
padding: 10px;
}

#main .widget-area ul ul{
margin-left: 0px;

}

.widget-container {
	margin: 0;
}


.xoxo .blogroll{
list-style: none;
}


.xoxo .blogroll li a { display: block; border-bottom: 1px solid #ccc; padding: 4px; color: #3680a1; font-style: normal;font-size: 15px;}

.xoxo .blogroll li a:hover, .xoxo .blogroll li a:focus {  color: black; text-decoration: none; }


#subtitle {
font-size: 16px;
/*font: Tisa;*/
font-family: 'TisaRegular', sans-serif;
letter-spacing: 4px;
text-transform: uppercase;
text-align: left;
border-bottom: 1px solid;
border-color: #999999;
color:#999999;
margin-bottom: 20px;
line-height: 1.2;

}

#subtitle span {
text-transform: none;
letter-spacing: normal;
font-size: 12px;
}

ul {
margin: 0;
}

#colophon {
margin: 15px 30px 0px 30px;
border-top: none;
padding:20px 0 0 0;
}

#disclaimer{
margin:20px;

}

#colophon a {
border-bottom: none;
}

#colophon h3 {
font-size: 12px;
color:black;
border-bottom-color: black;
}

#colophon ul {
list-style: none;
}

#footer {
background:url("images/footer-bg.png") repeat-x scroll 0 0 ;                                                                
height:318px;
padding: 0 0;
width: none;
margin-bottom: 0;
/*border-top: 5px solid black;
border-bottom: 5px solid black;
background-color: #bbb9ad;*/
}

#footer .widget-title {
text-align: left;
}

#footer .textwidget{
margin-left: 6px;
}

#footer .textwidget a{
text-align: center;
}

#footer .widget-area {
max-height:146px;
}

#first.widget-area{
width: 520px;
color: black;
text-indent: 10px;
}
#third.widget-area{
width: 160px;
}



#sitenav-left {
float: left;
width:110px;
margin-left: -10px;
}
#sitenav-right {
float: right;
width: 110px;
}

.boxshadow { -moz-box-shadow: 0 0 4px #999; -webkit-box-shadow: 0 0 4px #999; -webkit-transition: all 0.1s ease-out; }
.boxshadow:hover { -moz-box-shadow: 0 0 8px #555; -webkit-box-shadow: 0 0 8px #555; }





a img {
border:medium none;
-moz-box-shadow: 0 0 5px #666;
}

a img:hover {
-moz-box-shadow:0 0 8px #555555;
}

#content img {
	/*max-width: 100%;*/
	max-width: 98%;
}

.img-caption {
	position: relative;
	max-width: 85%;
	margin: auto;
}

.img-caption img {

}

.img-banner {
	background-color: gray;
	opacity:.30;
	position: absolute;
	bottom: 10px;
	left: 0;
	width: 100%;
	height: 90px;
	line-height: 36px;
}


.img-caption cite {
	opacity: 1.0;
	color: white;
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	height:90px;
	text-align: center;
	font-size: 20px;
	line-height: 70px;
}

.img-caption.pro cite {
	opacity: 1.0;
	color: white;
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	height:90px;
	text-align: center;
	font-size: 20px;
	line-height: 70px;
	
	background-position: 450px 0px;
	background-repeat: no-repeat;
	background-image: url("images/ProBadge.png") ;
}


#content .wp-caption {
	background-color: #f3f3f3;
	border: 1px solid #ddd;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; 	
	
}

#content .wp-caption img {
	
}
#content .wp-caption p.wp-caption-text {
	font-size: 17px;
	line-height: 40px;
	margin: 0;
	padding: 0 4px 5px;
	
}

#content #pro.wp-caption p.wp-caption-text {
	font-size: 17px;
	line-height: 40px;
	margin: 0;
	padding: 0 4px 5px;
	position: relative;
	background-position: 580px 0px;
	background-repeat: no-repeat;
	background-image: url("images/ProBadge48.png")
}











/*Resize sidebar and content */

#container, #primary, #secondary #ads{
	width:280px;
}



#primary,
#secondary,
#ads
 {
	float: right;
	overflow: hidden;
}

#ads,
#secondary {
	clear: right;
	}

#ads.widget-area {
border:none;
border-radius: 0;
margin: 10px 14px 8px 0px;
width: 280px;
height: 280px;

}

#ads a {
opacity: 0.9;
}

#ads a:hover {
opacity: 1.0;
}

#content {
	width:660px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 4px;

}



.pro-watermark img{

 
}*/


a:link {
color: #0066cc;
}

a:visited {
	color: maroon;
}

a:hover {
color: red;
}

.widget-title {
color:#21211E;
font: normal 20px 'TisaRegular';
text-transform: uppercase;
text-align: center;
letter-spacing: 3px;
margin:10px 5px 10px 5px;
border-bottom: 1px solid #ccc
}

.widget-title em {
font-size:14px;
font-style:italic;
letter-spacing:0;
text-transform:none;
}

#feedarea {
height:64px;
margin-left: 18px;
}

#feedarea a{
float: left;
width: 64px;
height: 64px;
margin:0 5px 0 5px;
opacity: 0.85;
}

#feedarea a:hover {
opacity: 1.0;
}

#email a{
background-image: url("images/email.png") ;
}

#twitter a{
background-image: url("images/twitter.png");
}

#rss a{
background-image: url("images/rss.png");
}


.hentry {
margin:0 0 10px;
}

.widget-area a:link, .widget-area a:visited {
color: #595957;
	border-bottom-style: none;
}
.widget-area a:hover {
color: #0066cc;
}

#content .entry-title, .entry-title a:link, .entry-title a:visited {
color:#000000;
text-decoration:none;
border-bottom-style: none;
font: normal 38px 'TisaRegular';
line-height: 40px;
margin-bottom: 10px;
}


.entry-title a:hover {
color: red;
}

body, input, textarea, .page-title span, .pingback a.url {
font-family:Georgia,Times,Times New Roman,serif;

}
h3#comments-title, h3#reply-title, #access .menu, #access div.menu ul, #cancel-comment-reply-link, .form-allowed-tags, #site-info, #site-title, #wp-calendar, .comment-meta, .comment-body tr th, .comment-body thead th, .entry-content label, .entry-content tr th, .entry-content thead th, .entry-meta, .entry-title, .entry-utility, #respond label, .navigation, .page-title, .pingback p, .reply, .widget-title, .wp-caption-text, input[type="submit"] {
font-family:Georgia,Times,Times New Roman,serif;
}

/*Remove site title and descritions*/
#header {
padding:0px;
}
#site-title a {
display: none;
}
#site-description {
display: none;
}

.entry-utility {padding-bottom: 10px;}

.entry-meta a, .entry-utility a {
	border-bottom-style: none; 
}

.entry-meta .n {
font-size:11px;
font-style:normal;
letter-spacing:0.1em;
text-transform:uppercase;
	border-bottom-style: none;
}

#content, #content input, #content textarea {
color:#333333;
font-size:15px;
line-height:24px;
}

.search .entry-title a, .archive .entry-title a {
color: #0066cc;
float:left;
font-size:24px;
border-bottom:1px solid #C7C7C7;
width:640px;
line-height: normal;
margin-bottom: 0;

}

.search .entry-title a:hover, .archive .entry-title a:hover {
color:red;
}



/*.search .entry-title, .archive .entry-title {
border-bottom:1px solid #C7C7C7;
float:left;
font-weight:normal;
letter-spacing:0;
margin:-1px 0 21px;
text-transform:none;
width:640px;
}*/


/*Fix Details Overflow Kludge*/
#content .wrap{
	overflow: hidden;
}

p.alert {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFA0 none repeat scroll 0 0;
border:1px solid #E5E597;
padding:0.571em 0.786em;
}



#explore {    /*-moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666;*/
}

#explore .nav { overflow: hidden; white-space: nowrap; 

}
#explore .nav li {  float: left;
}
#explore .nav li.last { margin-right: 0; }

#explore .nav li a {font-style: normal; display: block; padding: 4px; background: #959290; color: white; font-size: 13px; text-align: center; border: 0;
	border-right-style: solid;
	border-right-width: 1px;
}

#explore .nav li a:hover { background: black; color: white;}

#explore ul {  list-style: none; font-size: 15px;}
#explore ul li a { display: block; border-bottom: 1px solid #ccc; padding: 4px; color: #3680a1; font-style: normal;}
#explore ul li a:hover, #explore ul li a:focus {  color: black; text-decoration: none; }
#explore ul li:last-child a { border: none;margin-right: 0; }

#explore li {
	
}
#explore li.nav-one a.current, ul.popular li a:hover { background-color: #0575f4; color: white; }
#explore li.nav-two a.current, ul.recent li a:hover { background-color: #d30000; color: white;}
#explore li.nav-three a.current, ul.tutorial li a:hover { background-color: #8d01b0; color: white;}
#explore li.nav-four a.current, ul.archives li a:hover { background-color: #FE4902; color: white;}

/* Generic Utility */
.hide { position: absolute; top: -9999px; left: -9999px; }

h3#comments-title, h3#reply-title  {

font-weight: normal;
font-style: normal;
}

#access a {
color:#AAAAAA;
display:block;
padding:0 10px;
text-decoration:none;
font-family: 'TisaRegular', sans-serif;
border-bottom-style: none;
text-transform: uppercase;
}

a:active {
outline-style:none;
position:relative;
top:1px;
}

#container.pro-membership {width: 99%; margin: 0px 0px 20px; 0px;}
.pro-membership  { }
.pro-membership #content {  width:428px;float:right;margin: 0 30px 0 30px; text-align: justify;}

.pro-membership .left-side {width: 200px; float: left; text-align: center; margin-top: 10px;background-color: #f4f0e5;border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;padding: 10px;
-moz-box-shadow: 1px 1px 5px #666; -webkit-box-shadow: 1px 1px 5px #666; box-shadow: 1px 1px 1px #666; margin-left: 10px;

border: 8px solid #dddddd;
border-radius: 3px;
background-color: #eeeeee;
-moz-box-shadow: 0 0 4px #999; -webkit-box-shadow: 0 0 4px #999;





}

.pro-membership .left-side ul li{list-style: none; padding: 10px 0px 10px 0px;  font-size: 14px; font-style: italic; color: #3680a1;}


.pro-membership .right-side { width:200px; float: right; text-align: center; margin-top: 10px; color: black; padding: 10px;

border: 8px solid #dddddd;

border-radius: 3px;
background-color: #eeeeee;


-moz-box-shadow: 0 0 4px #999; -webkit-box-shadow: 0 0 4px #999;



}

.pro-membership .right-side h1{padding:10px 10px 10px 35px; font-size: 18px; line-height: 20px; background: url("images/ProBadge32.png") left center no-repeat;}
.pro-membership .right-side ul {font-size: 14px; color: #5d5d5d; line-height: 24px;}

.pro-membership .right-side ul li{list-style: none; padding: 10px 0px 10px 34px; background: url(images/mybullet.png) left center no-repeat;  color: #3680a1;}

.pro-membership  #subtitile {font-size: 14px; text-align: justify;}


#container.pro-membership h1 {text-align: center;}


.pro-membership .left-side h1{padding:10px 10px 10px 10px; font-size: 18px; line-height: 20px; color:black;}


#faq {
border-top: 1px solid;
border-top-color: #e5e5e5;
font-size: 16px;
padding:10px;
color: #7f7f7f;
clear:left;
}

#faq ul {
list-style: none;
}

#faq h3 {

}

#faq li {
padding-bottom: 14px;

}

#faq li span{
color: black;
font-size: 14px;
font-style: italic;

}

#faq-left-column {
width:430px;
float:left;
margin:5px 0 0 30px;
line-height: 20px;
}
#faq-right-column{
width:420px;
float:right;
margin-top:5px;
margin-right: 30px;
margin-left: 20px;
}


#PHPurchaseCartForm {
  
    font-size:16px; 
}

#content #viewCartTable {

}

#content #viewCartTable tr th, #content #viewCartTable thead th{
padding:2px;

}

#content #viewCartTable tr td{
padding:2px;

}

#content .purAddToCart:hover {
 
}

#viewCartTable tr th{
  

}

.shelf h3 { margin-top: 0; }
.shelf h3 a { background: none; padding: 0; font-size: 28px; font-family: 'TisaRegular', sans-serif;
}
.shelf { padding: 0 0 71px 230px; background: url("images/shelf.jpg") no-repeat bottom left; overflow: hidden; position: relative;  }
.shelf p { font-size: 11px; }
.shelf p.book-author { font-weight: bold; }
.shelf p.book-author span { font: italic 11px Georgia, Serif; }
.book { position: absolute; bottom: 51px; left: 36px; }
.book-wrap a:active { position: static !important; }


.button, .Button, .BigButton {
-moz-border-radius:9px 9px 9px 9px; 
/*-moz-box-shadow:1px 1px 1px rgba(255, 255, 255, 0.8), -1px -1px 1px rgba(0, 0, 0, 0.5);*/
background:none repeat scroll 0 0 #50A3E5;
border:0 none !important;
color:white;
cursor:pointer;
font-family:Verdana,Sans-Serif;
font-size:14px;
font-style:normal;
padding:5px 12px;
text-decoration:none;
vertical-align:middle;
white-space:nowrap;
}
  
.button:active, .Button:active, .BigButton:active{
position:relative;
top: 1px;
color:white;

}

.button:hover, .Button:hover, .BigButton:hover{
background: none repeat scroll 0 0 #3991D6;
border-bottom: 0 none !important;
color:white;
}

.button a:link, .Button a:link, .BigButton a:link{
color:white;
}

