/*
Theme Name: AnotherColor
Theme URI: http://www.anothercolor.com
Description: Special portfolio & e-commerce theme for ACI
Version: 1
Author: <a href="http://matthaltom.com">Matt Haltom</a>
Author URI: http://matthaltom.com
Colors
	Red: #ba170a
	Orange: #c93a0a
*/

/* @group 1.0 Universal*/
body {background: #353433 url(../img/IndianPattern.gif) repeat center top;}
.wrapper-inner {width: 960px; margin: 0 auto;}

/*@group 1.2 Font Styles*/

h1,h2,h3,h4,h5,h6,input#reset, input#submit {font-family: 'URW Palladio L', 'Book Antiqua', 'Baskerville', 'Bookman Old Style', 'Bitstream Charter', 'Nimbus Roman No9 L', 'Garamond', 'Apple Garamond', 'ITC Garamond Narrow', 'New Century Schoolbook', 'Century Schoolbook', 'Century Schoolbook L', 'Georgia', serif;}
lable, p, blockquote, .content ul {font-family: 'Frutiger', 'Frutiger Linotype', 'Univers', 'Calibri', 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'Myriad', 'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', 'Tahoma', 'Geneva', 'Helvetica Neue', 'Helvetica', Arial, sans-serif;}
/*margin-bottom: 1.8em;*/

h1 {font-size: 2.2em;	color: #;}
h2 {font-size: 2em; color: #;}
h3 {font-size: 1.8em; font-weight: bold; color: #;}
h4 {font-size: 1.5em; font-weight: bold; color: #;}
h5 {font-size: 1.2em; font-weight: bold; color: #;}
h6 {font-size: 1em; font-weight: bold; color: #;}
p,blockquote {font-size: 1em; margin-bottom: 1.8em; line-height: 1.4em;}

/* @end */
/* @end */

/* @group 2.0 Header */
#header{ height: 170px; background: url(../img/headerFade.png) repeat-x center bottom;}

h1#logo { margin-left: 70px; height: 160px; width: 340px; background: url(../img/KarmaWebLogo.png) no-repeat left top; }
h1#logo a { height: 160px; width: 340px; display: block; text-indent: -9999px;}

/* @group 2.1Main Nav */
#nav{background: #d9d6cf; border-top:1px solid #fff; border-bottom:1px solid #fff;}
ul.navigation{float: left; font-size: 18px;}
ul.navigation li{float: left;}
ul.navigation li a, ul.navigation li a:visited {float: left;padding: 10px; color: #c93a0a; text-decoration: none;}
ul.navigation li a:hover{border-bottom: none; color: #331d1d; text-decoration: none;}
ul.navigation li a.selected { color: #331d1d; text-decoration: none; background: url(../img/activeArrow.png) no-repeat center bottom;}

ul.navigationNoTab{float: left; font-size: 18px;}
ul.navigationNoTab li{float: left;}
ul.navigationNoTab li a, ul.navigationNoTab li a:visited {float: left;padding: 10px; color: #c93a0a; text-decoration: none;}
ul.navigationNoTab li a:hover{border-bottom: none; color: #331d1d; text-decoration: none;}
/* @end */

/* @group 2.2Callouts*/
#callouts{border-top: 1px solid #ebe2cb; position: relative; height: 210px; background: #d3c8ac url(../img/calloutFade.jpg) repeat-x center bottom;}
#callouts .wrapper-inner{position: relative;}
.calloutTextWrap{text-align: center; width: 460px; padding-top: 25px; background: url(../img/calloutSymbol.png) no-repeat center 30%; height: 175px; margin-left: 30px;}

a#vidbox {position: absolute; top: -100px; left: 530px; width:445px; height:305px; background: transparent url(../img/vidbox.png) no-repeat left top; text-indent: -9999px;}
a#bestBookAward {position: absolute; top: -160px; left: 800px; width:150px; height:150px; background: transparent url(../img/BestBooksAwardFinalist.png) no-repeat left top; text-indent: -9999px;}

h2.quoteCallout{ color: #8c0327; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); font-style: italic;}
h5.buyBook a{
color: #fff;
font-weight: 300;
float: left;
margin: 30px 0 0 120px;
text-transform: uppercase;
text-decoration: none;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
padding: 5px 40px 5px 10px;
background: rgba(200, 58, 10, 1) url(../img/calloutArrowLarge.png) no-repeat 95% 50%;
}
h5.buyBook a:hover {background-position: 98% 50%;}
#slickbox{background: #e3e1dd; position: absolute; top: 130px; left: 350px; width: 200px; z-index: 500; padding: 5px;}
#slickbox p{margin-bottom: 0;}
#slickbox ul, #slickbox ol{margin: 0 0 5px 0; list-style: none;}
#slickbox ul li, #slickbox ol li{margin: 0; padding: 0; list-style: none;}

/* @end */
/* @end */

/* @group 3.0 CONTENT */

.left{width:460px; float: left;}
.right{width:280px; float: right;}

#content {display: inline;}
.content a:link, .content a:visited, .content a:active {color: #c93a0a;text-decoration: none;}
.content a:hover {color: #8c0327;border-bottom: none;}
.content h1 {margin-bottom: 1em;color: #73342d;}
.content h1 a:link, .content h1 a:visited, .content h1 a:active {color: #c93a0a;text-decoration: none;border-bottom: 1px solid #;}
.content h1 a:hover {color: #73342d;border-bottom: 1px solid #;}
.content h2 {margin-bottom: 1em;color: #73342d;}
.content h2 a:link, .content h2 a:visited, .content h2 a:active {color: #c93a0a;text-decoration: none;border-bottom: 1px solid #;}
.content h2 a:hover {color: #;border-bottom: 1px solid #;}
.content h3 {margin-bottom: 1em;font-weight: bold;color: #73342d;text-shadow: 1px 1px 1px #fff;}
.content h3 a:link, .content h3 a:visited, .content h3 a:active {color: #c93a0a;text-decoration: none;border-bottom: 1px solid #;}
.content h3 a:hover {color: #73342d;border-bottom: 1px solid #;}
.content h4 {margin-bottom: .6em; font-weight: bold; color: #73342d; text-shadow: 1px 1px 1px #fff;}
.content h4 a:link, .content h4 a:visited, .content h4 a:active {color: #c93a0a; text-decoration: none; border-bottom: 1px solid #;}
.content h4 a:hover {color: #73342d; border-bottom: 1px solid #;}
.content h5 {margin-bottom: .5em; font-weight: bold; color: #73342d; text-shadow: 1px 1px 1px #fff;}
.content h5 a:link, .content h5 a:visited, .content h5 a:active {color: #c93a0a; text-decoration: none; border-bottom: 1px solid #;}
.content h5 a:hover {color: #73342d; border-bottom: 1px solid #;}
.content h6 {margin-bottom: .3em; font-weight: bold; color: #73342d;}
.content h6 a:link, .content h6 a:visited, .content h6 a:active {color: #c93a0a; text-decoration: none; border-bottom: 1px solid #;}
.content h6 a:hover {color: #73342d; border-bottom: 1px solid #;}
.content p, .content blockquote {}
.content blockquote {background: #dcdad6; padding-top: 10px; padding-bottom: 10px;}
.content p a:link, .content p a:visited, .content p a:active, .content li a:link, .content li a:visited, .content li a:active {color: #c93a0a; text-decoration: none;}
.content p a:hover, .content li a:hover {color: #73342d;}
.content ul {margin: 0 0 15px 30px;}
.content ul li {list-style-type: square;}
.content ol {margin: 0 0 15px 30px; list-style-type: decimal;}
.content ol li {list-style-type: decimal;}
.content li {margin-bottom: 5px;}
.content blockquote {padding: 0 15px;font-style: italic;}
.content img {display: block; padding: 10px; background: #; border: 1px solid #;}
.content img.alignleft {float: left; display: inline; margin: 5px 15px 10px 0;}
.content img[align $='left'] {float: left; display: inline; margin: 5px 15px 10px 0;}
.content img.alignright {float: right; display: inline; margin: 5px 0 10px 15px;}
.content img[align $='right'] {float: right; display: inline; margin: 5px 0 10px 15px;}

.hiddencontent{display:none;}
#slider {position: relative;}
.scroll {overflow: hidden;
  position: relative; /* fix for IE to respect overflow */
  clear: left;background: #e3e1dd url(../img/contentBGgradient.jpg) repeat-x scroll left top;
}
.scrollContainer div.panel {padding: 40px 20px 20px;margin: 0 auto;
  width: 820px; /* change to 560px if not using JS to remove rh.scroll */
}
/* @end */


/* @group 4.0 Footer */
#footer {height: 90px; background: url(../img/footerFade.png) repeat-x center bottom; color: #ececec; font-size: 12px;}
#footer .wrapper-inner {width: 820px; padding: 20px 70px; }
#footer p{margin-bottom: 0;}
#footer a, #footer a:visited{color: #b5b5b5; text-decoration: none;}
#footer a:hover {color: #fff;}

#footerNav li {float: left; margin:10px 10px 0 0;}
#footerNav li a, #footerNav li a:visited {
text-transform: uppercase;
color: #d3c8ac;
float: left;
display: block;
text-decoration: none;
background: rgba(200, 58, 10, 0.4);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; /* future proofing */
padding: 3px 10px;
}
#footerNav li a:hover{ color: #fff;}

#footer a.orangeBoxStyle, #footer a.orangeBoxStyle:visited {
text-transform: uppercase;
color: #d3c8ac;

text-decoration: none;
background: rgba(200, 58, 10, 0.4);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; /* future proofing */
padding: 3px 10px;
}

#footer a.orangeBoxStyle:hover {color: #fff;}
/* @end */

/* @group 5.0 Form Styling */
#contactForm{padding-bottom: 20px;}

label {  
 display: block;
 cursor: pointer; cursor: hand; 
 padding-left: 0; /* To leave room for the icon */ 
 padding-top: 10px;
 width: 100px; 
}   
label.required {   
 background-image: url(required.gif);   
 background-repeat: no-repeat;   
 background-position: 3px 0px;   
}   
label.error {   
 color: red;padding-top: 0; padding-bottom: 10px; width: 270px;
}   

label.success {   
 color: green;
}  

input{ padding: 5px; background-color: #efece5; width: 270px;}
.block {float: left; width: 100%;}

input[type=text]:hover, input:focus {background-color:#fff;}
textarea{background-color: #efece5; width: 390px; padding: 5px;}
textarea:hover, textarea:focus { background-color:#fff; }
.buttons { }

input#reset, input#submit{ color: #8c0327; font-size: 1.2em; padding: 5px 10px; margin: 20px 10px 0 0; width: auto; border: none; background: #e5e5e5 url(../img/buttonFade.jpg) repeat-x left bottom; border: 1px solid #e4e4e4; -moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */}
input#reset:hover, input#submit:hover{cursor: pointer; background: #b8b8b8 url(../img/buttonFadeActive.jpg) repeat-x left bottom; -moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */}

/* @end */

/* @group 6.0 Misc*/
.clear {clear: both;}
a:active { outline: none; }/*remove Firefox dotted link border*/
a:focus { -moz-outline-style: none; }/*remove Firefox dotted link border*/
.dred{color: #8c0327;}
.subAuthor{font-size: 60%;}
#buyButton{width: 122px; height: 47px; background: transparent;}
/* @end */