/*
Theme Name: American Nomad Skates
Theme URI: http://americannomadskates.com/
Description: 2010 version of the American Nomad website
Version: 2010
Author: CM2 Concepts
Author URI: http://cm2concepts.com/
*/

* {
margin:0;
padding:0;
}

@font-face {
font-family: "League Gothic";
src: local("League Gothic"), url(fonts/LeagueGothic.otf) format("opentype");
}


body {
background:url("images/bg.jpg") #c6cbce top center no-repeat;
font:12px Trebuchet, "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
line-height:18px;
color:#464646;
margin-bottom:30px;
}

.wrapper {
width:940px;
margin:0 auto;
}

.post {
width:560px;
float:left;
margin:0 15px 0 125px;
}

#sidebar {
width:225px;
float:right;
margin:0 10px 18px 5px;
}

#sidebar ul li {
list-style-type:none;
margin-bottom:24px;
}

#sidebar h3 {
border-bottom:1px #000 solid;
padding:0 0 9px;
margin:0 0 9px;
}

#homesidebar ul {
float:left;
margin:0 0 18px 25px;
}

#homesidebar ul li ul {
margin:0 0 18px;
}

#homesidebar ul li {
display:block;
float:left;
width:280px;
margin:0 10px 0;
}

#homesidebar h3 {
margin:0 0 6px;
}

.background {
background:url("images/content-bg.png") 0px 548px no-repeat;
width:964px;
margin:0 auto;
}

.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}

.clearfix {
display: inline-block;
}

html[xmlns] .clearfix {
display: block;
}

* html .clearfix {
height: 1%;
}

#logo {
width:152px;
height:146px;
float:left;
text-indent:-5000em;
margin:0 0 0 -12px;
overflow:hidden;
}

#menu {
background:url("images/menu-bg.png") top left no-repeat;
width:640px;
height:38px;
float:right;
margin:44px -12px 0 0;
}

#menu ul {
margin:0 0 0 60px;
}

#menu li {
background:url("images/menu-off.png") top left no-repeat;
display:block;
float:left;
list-style-type:none;
width:78px;
height:38px;
}

#menu a {
color:#fff;
font-size:1.12em;
text-align:center;
text-decoration:none;
width:78px;
height:31px;
float:left;
padding:7px 0 0;
}

#menu li:hover {
background:url("images/menu-on.png") top left no-repeat;
}

#content {
min-height:400px;
padding:15px 0 0;
clear:both;
}

.post-image img {
border:1px #fff solid;
}

.the-post {
background:url("images/featured-bg.png");
width:876px;
height:55px;
margin:-76px 0 0 1px;
position:relative;
z-index:10;
padding:10px;
}

.post-title {
float:left;
width:355px;
color:#fff;
padding:-2px 0 0;
}

.post-title h2 {
line-height:25px;
}

.post-excerpt {
float:right;
width:430px;
color:#fff;
border-left:1px #565656 solid;
padding:0 0 0 15px;
}

.post-title a {
color:#fff;
font-size:1.5em;
}

.post-title a:hover {
color:#f68e56;
text-decoration:none;
}

.post-excerpt p {
margin-bottom:0;
}

.alignleft {
float:left;
margin:9px;
}

.alignright {
float:right;
margin:9px;
}

#footer {
background:url("images/footer.png") no-repeat;
width:958px;
height:54px;
margin:0 0 -4px -6px;
color:#577295;
font-size:.8em;
clear:both;
}

#copyright {
position:relative;
top:28px;
right:37px;
text-align:right;
}

/* Typography Elements */
a {
text-decoration:none;
color:#e55031;
border:0px;
}

a:hover {
text-decoration:underline;
}

h1, h2, h3, h4, p, li {
margin-bottom:18px;
}

h1, h2, h3 {
font-family: "League Gothic", Trebuchet, "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
color:#000;
}

h1 { 
font-size: 36px; 
line-height: 36px;
margin-bottom: 18px; 
}

h2 {
font-size: 24px; 
line-height: 18px; 
margin-bottom: 18px;
}

h3 { 
font-size: 22px; 
line-height: 18px;
}

#sidebar h3 {
font-size:22px;
}

h4 { 
font-size: 12px; 
line-height: 18px;
font-variant:small-caps;
}

blockquote {
background:#dedede;
width:80%;
padding:18px 18px 1px;
border:1px #999 solid;
margin:0 auto;
margin-bottom:18px;
}

input, textarea {
font:14px Trebuchet, "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
}

input[type="button"], input[type="submit"] {
background:#eb643f;
color:#fff;
padding:6px;
border:1px #6e2f1d solid;
}

img {
border:0px;
}

/* Comment Area */
#comment-area  h3{ 
border-top:1px #464646 solid;
padding:18px 0 0;
}

#comment-area li {
list-style-type:none;
border-bottom:1px #999 solid;
margin:18px 18px 0;
}

#comment-area li:last-child {
border-bottom:0;
}

.comment-edit-link {
float:right;
}

.comment-date {
color:#999;
}

.author {
font-size:1.12em;
font-weight:bold;
}

#comment {
width:515px;
padding:9px;
}

/* Contact Form */
.wpcf7-form input[type="text"], .wpcf7-form textarea {
width:500px;
padding:9px;
}

/* Store */
.productdisplay  {
display:block;
float:left !important;
width:280px !important;
height:280px;
border-bottom:1px #999 solid;
clear:none !important;
}

.wpsc_edit_product {
display:none !important;
}

.wpsc_description, .wpsc_product_title {
width:170px;
}

.wpsc_product_price {
margin-bottom:18px;
}

.item_image {
width:55px;
height:35px;
clear:left;
float:left;
}

.item_text {
float:left;
height:35px;
}

#librarylinks li {
display:block;
list-stype-type:none;
margin:0 20px 24px;
}

#librarylinks h3 {
margin-bottom:3px !important;
color:#e55031;
}

#searchform {
height:24px;
margin-bottom:30px;
}

#s {
width:192px;
height:21px;
border-width:1px 0 1px 1px;
border-color:#111;
border-style:solid;
margin:0px -8px 0 0;
padding:5px 0 0 6px;
float:left;
}

#searchsubmit {
float:right;
border:0px;
margin-left:-1px;
padding-right:0px;
}

.xoxo li, .wpsc_categories li {
border-bottom:1px #aaa solid;
margin-bottom:9px !important;
padding:0 0 9px 6px;
}

.post-list{
border-bottom:1px #aaa solid;
padding:0 0 9px;
margin:0 0 12px;
}

.post-list  p{
margin-bottom:3px;
}

h2.prodtitles {
font-size:1.5em !important;
}

div.producttext {
width:200px !important;
}

div.textcol form {
min-width:200px !important;
}