/*
Theme Name: Scriptologist
Description: Theme created for Photoshoptools.ca.
Version: 1.0
Author: MikeD
*/
body {
	font-size: 100%; /* Resets 1em to 10px */
	font: 0.75em "Lucida Grande", Arial, Sans-Serif;
	background: #666 url(common/bg-light.jpg) repeat left;
	margin: 0;
}
a {	outline:  none; }

a:link, 
a:visited,
a:hover, 
a:active { 
	padding-left:  0px;
	text-decoration: none;
	color: #285b86;
}
a:visited {
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: underline;
	color: #b2d38d;
}

#page {
	position:  absolute;
	background: url(common/bg-top.jpg) repeat-x 0 -36px;
	height: 181px;
	margin:  0;
	padding:  0;
	width: 100%;
	z-index: 0;
}

#wrapper {
	position:  relative;
	z-index: 100;
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	padding: 0;
	padding-top: 20px;
}

#header {
	height:  80px;
	background-image: url(common/header.png);
}
#header .quote {
	float:  right;
	margin-right: 40px;
	margin-top: 13px;
}

img { border-style:  none;}

#menu {
	height:  25px;
	background-image: url(common/menu.png);
	color: white;
	padding-left:  20px;
	padding-right:  20px;
}

#menu .viewbag {
	background: url(common/Cart-icon-off.png) no-repeat left top;
	width:  145px;
	text-align: right;
	height:  35px;
	margin-top: -3px;
	padding-top: 3px
}

.menuItem {
	padding-right: 7px;
	padding-left: 7px;
	text-align: center;
	float:  left;
}

#menutItemselected {
	background: url(common/indicator.png) no-repeat center bottom;
	color: white;
	padding-bottom: 5px;
	font-weight: bold;
}

#mHome {width:  3.2em;}
#mAutoLoader {width:  6.2em;}
#mProofmaker {width:  6.5em;}
#mSloppy {width:  8.5em;}
#mHelp {width:  2.6em;}
#mStore {width:  3em;}
#mBlog {width:  3.8em;}

#submenu {
	height:  20px;
	background-image: url(common/submenu.png);
	color: #555;
	padding-top: 2px;
	margin-bottom:  -2px;
	font: 0.85em "Lucida Grande", Arial, Sans-Serif;
}
.submenuItem, .submenuItemSep {
	padding-right: 7px;
	padding-left: 7px;
	float:  left;
}
.submenuItemSep {
	padding-right: 0px;
	padding-left: 0px;
	float:  left;
	color: #a1a1a1;
}


#sAutoLoader {
	position: absolute;	
	margin-left:  79px;
	visibility: hidden;
}
#sAutoLoader.sVisible { visibility: visible;}

#sProofmaker {
	position: absolute;	
	margin-left:  174px;
	visibility: hidden;
}
#sProofmaker.sVisible {visibility: visible;}
#sSloppy {
	position: absolute;	
	margin-left:  276px;
	visibility: hidden;
}
#sSloppy.sVisible {visibility: visible;}
#sHome {
	position: absolute;	
	margin-left:  20px;
	visibility: hidden;
}
#sHome.sVisible {visibility: visible;}
#sBlog {
	position: absolute;	
	margin-left:  380px;
	visibility: hidden;
	width:  480px;
	text-align: right;
}
#sBlog.sVisible {visibility: visible;}

#promoArea {
	background: url(common/promo.png) repeat-y;
	padding-bottom: 20px;
	overflow: hidden;
	padding-left: 60px;
	padding-right: 60px;
}

h1 {
	margin: 0;
	padding: 0;
	line-height: 42px;
	text-align: left;
	color: #444;
	font-size: 1.8em;
}


/*#promoArea h1 {
	text-align: left;
	color: #444;
}*/
#postArea h1 {
	/*text-align: center;*/
	/*padding: 0;*/
	font-size: 1.6em;
	/*color: black;*/
	text-align: center;
}
#promoArea h1.singlePostUnderline,
#postArea h2.singlePostUnderline {
	border-bottom: 2px solid #2a75ac;
}

h1#title-AL,
h1#title-PM,
h1#title-SB,
h1#title-Help, 
h1#title-Thanks, 
h1#title-normal,
h1#title-Store,
h1#title-Welcome {
	/*color: #444;
	margin: 0;
	padding: 0;
	line-height: 42px;*/
	margin-left: -10px;
	padding-top: 6px;
	/*font-size: 1.8em;*/
}
h1#title-AL {
	background: url(common/Title-AL.png) no-repeat left bottom;
	padding-left:  250px;
}
h1#title-PM {
	background: url(common/Title-PM.png) no-repeat left bottom;
	padding-left:  250px;
}
h1#title-SB {
	background: url(common/Title-SB.png) no-repeat left bottom;
	padding-left:  325px;
}
h1#title-Help {
	background: url(common/Title-Help.png) no-repeat left bottom;
	padding-left:  110px;
}
h1#title-Thanks {
	background: url(common/Title-Thanks.png) no-repeat left bottom;
	padding-left:  170px;
} 
h1#title-Store {
	background: url(common/Title-Store.png) no-repeat left bottom;
	padding-left:  200px;
} 
h1#title-Welcome {
	background: url(common/Title-Welcome.png) no-repeat left bottom;
} 
h1#title-404 {
	background: url(common/Title-404.png) no-repeat left bottom;
	padding-left:  120px;
} 


h2 {
	padding: 0;
	text-align: left;
	font-size: 1.2em;
	color: #444;
}

.sidebarSection h2 {
	/*padding: 0;*/
	text-align: left;
	/*font-size: 1.2em;*/
	color: white;
}
#postArea h2 {
	/*padding: 0;*/
	margin: 10px 0 0;
	text-align: left;
	font-size: 1.4em;
	/*color: black;*/
	line-height: 30px;
}
.post h2 {
	border-bottom: 2px solid #2a75ac;
	margin: 10px 0 0;
	/*padding:  0px;*/
}
h2.pagetitle {
	/*padding: 0;*/
	text-align: center;
	/*color: #444;*/
	padding: 20px 60px 0 60px;
}
.product-SB h2 {
	border-bottom: 2px solid #35ac2f;
}
.product-AL h2 {
	border-bottom: 2px solid #ff9200;
}
.product-PM h2 {
	border-bottom: 2px solid #b12d83;
}
.product-Sales h2 {
	border-bottom: 2px solid #2a75ac;
}
#productArea h2 {
	/*color: #333;*/
	font-size: 1.5em;
}





#promoArea p {
	font-size: 1.2em;
	line-height: 1.4em;
}
.sidebarSection p {
	color: white;
	margin: 10px 10px 10px 0px;
}




.promoBanner {
	margin-right: auto;
	margin-left: auto;
	width: 581px;
	height:  92px;
	margin-bottom:  20px;
}
.promoBanner .banner {
	float: left;
	width:  501px;
	height:  100px;
}
.promoBanner .buyNow {
	float:  right;
	width:  80px;
	height:  46px;
}
.promoBanner .moreInfo {
	float:  right;
	width:  80px;
	height:  46px;
}


#contentArea {
	width:  100%;
	overflow: auto;
	background: url(common/bg-blog.png) repeat-y;
}
#contentAreaShadow {
	background-image: url(common/shadow.png);
	float:  left;
	width:  880px;
	height:  21px;
	margin-left:  10px;
}

#sidebarArea {
	float: left;
	width:  250px;
}
.sidebarAreaSpacer {
	float:  left;
	height:  25px;
}
#sidebarArea hr {
	background: url(common/sidebar-separator.png) no-repeat right bottom;
	height:  2px;
	float: left;
	width:  239px;
	margin-top:  15px;
	margin-left: 10px;
	border:  0;
}

.sidebarSection {
	float:  left;
	margin-left: 20px;
}
.sidebarSection img {border-width: 0px;}

.sidebarSection .quote {padding-top:  50px;}

.sidebarSection .icon {
	float: left;
	margin-top: 10px;
	margin-right: 5px;
}


#postArea {
	float: left;
	width:  600px;
	margin: 0;
	padding: 0 20px 0 20px;
}

.post {
	padding-bottom: 30px;

}

#footerArea {
	height:  72px;
	clear: both;
	padding-top:  10px;
	color: #ddd;
	background: url(common/footer.png) no-repeat left top;
	margin-bottom:  20px;
}

.footerTitle {
	color: #eee;
	font-size: 1.2em;
}
#footerRow1, #footerRow2 {
	margin-left:  40px;
	margin-right:  40px;
}
#footerRowSpacer {
	height:  15px;
}

#submenutItemselected {
	font-weight: bold;
	color: #3a7db4;
}
.go-middle {
	text-align: center;
}
.go-right {
	float: right;
	text-align: left;
}
.go-left {
	float: left;
	text-align: left;
}
div.spacer {
  clear: both;
}
  
  
  
/* product page style */
.buyNowBox {
	background-color: #ddd;
	border:  1px dotted black;
	padding:  10px;
	float: left;
	width: 120px;
	margin-left: 20px;
	height:  120px;
	margin-top:  40px;
	text-align: center;
}
.buyNowBox img {
	border-width: 0px;
}
.price {
	font-size: 2.0em;
	
}
.specialPrice{
	color: red;
}

.titleArea, .titleArea-Full {
	width: 600px;
	float: left;
	margin-left: 0px;
	margin-right: 10px;
}
.titleArea-Full {
	width: 750px;
}
#productArea {
	background: url(common/promo.png) repeat-y;
	padding-bottom: 20px;
	/*margin-top:  -13px;*/
	overflow: auto;
	padding-left:  75px;
}
#productArea #contentAreaShadow {
	margin-left:  -65px;
}

#productDetailArea {
	width: 100%;
	margin-left: -40px;
}

.oneThirdWide-left {
	width: 257px;
	float: left;
	margin-left: 0px;
	margin-right: 20px;
	/*border: 1px solid red;*/
}
.oneThirdWide {
	width: 255px;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	/*border: 1px solid orange;*/
}
.oneThirdWide-right {
	width: 257px;
	float: left;
	margin-left: 20px;
	/*border: 1px solid yellow;*/
}
.oneHalfWide-left {
	width: 398px;
	float: left;
	margin-left: 0px;
	margin-right: 12px;
	/*border: 1px solid blue;*/
}
.oneHalfWide-right {
	width: 398px;
	float: left;
	margin-left: 13px;
	/*border: 1px solid green;*/
}
.fullWide {
	width:  825px;
	/*border: 1px dashed black;*/
}
#productArea p {
	color: #222;
}
p#intro {
	margin-top: -1px;
	font-size: 1.2em;
	line-height: 2em;
}

.screengrabBox {
	text-align: center;
	padding-top: 25px;
	padding-bottom: 25px;
	background-color: #ddd;
	border:  1px dotted black;
}
.screengrabBoxPM {
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #ddd;
	border:  1px dotted black;
}
.screengrabBoxPM>a>img, .screengrabBox>a>img  {
	border:  0px solid red;
}
h3 {
	margin:  8px 0px 8px 0px;
	text-decoration: none;
	border-bottom: 1px dotted #ddd;
	font-size: 1.2em;
}

.spacer-large {
	height:40px;
	clear: both;
}
.spacer-med {
	height:20px;
	clear: both;
}
.spacer-small {
	height:5px;
	clear: both;
}
.spacer-tiny {
	height:1px;
	clear: both;
}
ul{
	margin: 0;
	padding: 0 0 0 15px;
}
li {
	list-style-type: circle;
	list-style-position: outside;
	/*font: 1.3em "Lucida Grande", Lucida, Verdana, sans-serif;*/
}

.salesBoxDesc {
	width:  530px;
	margin-left:  auto;
	margin-right:  auto;
}
.salesBox {
	text-align: center;
	padding-top: 25px;
	padding-bottom: 25px;
	background-color: #ddd;
	border:  1px dotted #777;
	width:  400px;
	margin-left:  auto;
	margin-right:  auto;
}
/* blog section */
.post {
}

.question {
	border-bottom: 1px dotted #2a75ac;
	font: 1.2em "Lucida Grande", Lucida, Verdana, sans-serif;
	display: block;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
p.answer, ul.answer {
	color:  #444;	
}

.BackToTop {
	margin-left:  10px;
}
#postArea a.BackToTop {
	font-size: 0.7em;
	line-height: 1.2em;
}
div.colourBlock {
	width:  15px;
	height:  15px;
	background-color: red;
	display:  inline;
}
.navigation {
	margin-top: 25px;
}
#viewAllEntries {
	text-align: center;
	font-size: 1.2em;
	line-height: 30px;
}
.code {
	font: 1.0em "Courier New", Courier, mono;
	background-color: #eee;
	color: black;
}





.menuItem a:link, 
.menuItem a:visited,
.menuItem a:hover, 
.menuItem a:active { 
	text-decoration: none;
	color: #ccc;
	line-height:  25px;
}
.menuItem a:visited {
}
.menuItem a:hover {
	color: #fff;
	padding-bottom: 5px;
}
.menuItem a:active {
	color: #fff;
	padding-bottom: 5px;
	font-weight: bold;
}

.submenuItem a:link, 
.submenuItem a:visited,
.submenuItem a:hover, 
.submenuItem a:active { 
	text-decoration: none;
	color: #444;
}
.submenuItem a:visited {
}
.submenuItem a:hover {
	color: #222;
	text-decoration: underline;
}
.submenuItem a:active {
	text-decoration: underline;
	color: #b2d38d;
}
.submenuItem a.submenuItemSelected {
	color: black;	
	font-weight: bold;
}

#sidebarArea a:link, 
#sidebarArea a:visited,
#sidebarArea a:hover, 
#sidebarArea a:active { 
	text-decoration: underline;
	color: #ddd;
}

#footerArea a:link, 
#footerArea a:visited,
#footerArea a:hover, 
#footerArea a:active { 
	padding-left:  10px;
	text-decoration: underline;
	color: #ddd;
}
#footerArea a:visited {
}
#footerArea a:hover {
	color: #eee;
	text-decoration: underline;
}
#footerArea a:active {
	text-decoration: underline;
	color: #fff;
}

.post h2 a:link, 
.post h2 a:visited,
.post h2 a:hover, 
.post h2 a:active { 
	color: #2a75ac;
	text-decoration: none;
	padding:  0px;
}





/*#postArea a:link, 
#postArea a:visited,
#postArea a:hover, 
#postArea a:active { 
	padding-left:  0px;
	text-decoration: none;
	color: #285b86;
}
.post a:visited {
}
.post a:hover {
	text-decoration: underline;
}
.post a:active {
	text-decoration: underline;
	color: #b2d38d;
}

#promoArea a:link, 
#promoArea a:visited,
#promoArea a:hover, 
#promoArea a:active { 
	padding-left:  0px;
	text-decoration: none;
	color: #285b86;	
}
.promoArea a:visited {
}
.promoArea a:hover {
	text-decoration: underline;
}
.promoArea a:active {
	text-decoration: underline;
	color: #b2d38d;
}*/