/*   
Theme Name: speed
Theme URI: http://example.com/example/
Description: A search engine optimized website framework for WordPress.
Author: Beth Peterson
Author URI: http://example.com/
Version: 1.0
.
Your theme will be your copyrighted work.
Like WordPress, this work is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
*/

/* Reset default browser styles */
@import url('styles/reset.css');

/* Rebuild default browser styles */
@import url('styles/rebuild.css');

/* Import a basic layout */
@import url('styles/2c-r.css');

/* Basic WordPress Styles */
@import url('styles/wp.css');

@font-face {
font-family: 'Fertigo Pro';
src: url(http://texasspeedclub.com/wp-content/themes/speed/inc/fertigo_pro.otf);
src: local('Fertigo Pro Regular'), local('Fertigo Pro'), 
url(http://texasspeedclub.com/wp-content/themes/speed/inc/fertigo_pro.otf) format('opentype');
}

body {
font-size: 100%;
font-family: "Fertigo Pro", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
font-weight: normal;
color: #202430;
}

h1 {
font-family: Georgia, serif;
font-size: 2.5em;
letter-spacing: .05em;
padding: 0 0 4px 15px;
color: #644f82;
text-align: center;
}

ul {
padding: 0;
margin: 0;
}

li {
list-style-type: none;
}

img, object {
max-width: 100%;
}

table {
display: table;
border-collapse: collapse;
margin-bottom: 1em;
margin-left: 1em;
width: 90%;
}

caption {
font: bold 1.25em Georgia, serif;
padding-bottom: .25em;
}

td {
border-bottom: 1px dotted #644f82;
padding: .25em;
}

table#contact {
width: auto;
border-bottom: 2px solid #e2e1d4;
}

table#contact td {
border-bottom: none;
}

table#contact td.right {
text-align: right;
vertical-align: top;
}

table#contact td.left {
text-align: left;
}

.entry-content {
padding-bottom: 1em;
}

.entry-content p img, .entry-content div img, .entry-content-single div img, p.photo {
border: 10px solid #fcf4e2;
background: #fcf4e2;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
box-shadow: 2px 2px 4px rgba(0,0,0,.2);
-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,.2);
-moz-box-shadow: 2px 2px 4px rgba(0,0,0,.2);
}

/* links */

a:link, a:visited {
color: #644f82;
outline: none;
text-decoration: none;
font-weight: bold;
-webkit-transition: color .2s linear;
}

a:hover, a:active {
color: #8875a3;
color: rgba(100,79,130,.65);
}

/* =Header
-------------------------------------------------------------- */

#wrapper {
background: #fcf4e2 url(images/bg.jpg) repeat;
}

#branding {
margin: 0 0 0 0;
}

#header {
height: 264px;
border-bottom: 2px solid #fff;
background: transparent url(images/blue_floor_bg.gif) repeat-x bottom left;
}

#masthead {
position: relative;
margin: 0 auto;
padding: 0;
height: 264px;
max-width: 62.5em;
}

#jordan {
float: right;
width: 111px;
height: 264px;
background: transparent url(images/small_jordan.png) no-repeat top right;
}
	
#logo {
background: transparent url(images/logo.png) no-repeat top left;
height: 71px;
width: 424px;
}

#blog-description {
font-size: 1.5em;
position: absolute;
left: 30px;
top: 75px;
z-index: 300;
vertical-align: middle;
}

/* =Menu
-------------------------------------------------------------- */

#access {
margin: 0 0 1.5em 0;
overflow: auto;
}

.skip-link {
display: none;
}

.menu ul {
list-style: none;
margin: 0;
}

.menu ul ul {
display: none;
}

.menu li {
display: inline;
}

.menu a {
display: block;
float: left;
}

#access {
position: absolute;
width: 100%;
max-width: 1000px;
min-width: 680px;
margin: 0 auto;
font-size: 1em;
bottom: 0;
left: 0;
}
	
#access ul {
margin: 0 auto;
}
	
#access ul li {
float: left;
width: 14%;
margin: 0;
}
	
#access ul li.last {
margin-right: 0;
border-right: 1px solid #9c836e;
}

#access ul li a {
display: block;
float: left;
width: 100%;
font-size: 1em;
line-height: 1.1em;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 2px;
color: #f3f2e8;
border-left: 1px solid #9c836e;
text-shadow: 0 -1px 0 rgba(0, 0, 0, .8);
}
	
#access ul li a strong{
display: block;
padding: .8em 15px;
}
	
#access ul li a em {
display: block;
font-size: .9em;
font-weight: normal;
font-style: normal;
text-transform: none;
letter-spacing: 0;
color: #9c836e;
}

#access li a:hover {
background: rgba(100,79,130,.25);
}

#main {
margin: 0 auto;
padding: 20px 0 0 0;
max-width: 62.5em;
}

#container{
float: left;
width: 73%;
}

#content {
width: 100%;
}

#primary, #secondary {
float: right;
width: 25%;
padding: .5em;
}

#footer {
clear: both;
min-height: 150px;
background: #1d212f url(images/footer_bg.png) repeat-x;
border-top: 2px solid #3792b3;
}

#colophon {
position: relative;
margin: 0 auto;
padding: 0;
height: 150px;
min-height: 150px;
max-width: 62.5em;
}

#colophon #site-info p {
color: #3792b3;
text-align: center;
padding-top: .3em;
}

#skate {
position: absolute;
top: -108px;
left: 0;
width: 200px;
height: 147px;
background: transparent url(images/skate.png) no-repeat top right;
}

/* main styles */

#main h3, h1.entry-title, h1.page-title{
margin: 0;
padding: 0 0 4px 15px;
font: normal 1.25em Georgia, serif; 
border-bottom: 2px solid #e2e1d4;
}

h1.entry-title, h1.page-title {
margin-bottom: 1em;
text-align: left;
}

div.entry ul.entry-meta {
float: left;
width: 20.822%;
}

div.entry-content {
float: right;
width: 73.014%;
font-size: 1em;
line-height: 1.6;
}

div.entry-content p{
padding: .25em;
}

div.comment-content p {
padding: 1em;
}

div.entry-content blockquote {
padding: .25em .5em;
}

#nav-above, #nav-below {
clear: both;
}

span.amp {
font: normal 1.2em Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
font-style: italic;
color: #766557;
}

/* =Content
-------------------------------------------------------------- */

.post {
margin: 0 0 3em 0;      
}

.entry-content, .entry-content-single, .entry-summary {
margin: 1.5em 0 0 0;
}


/* =Navigation
-------------------------------------------------------------- */

.navigation {
margin: 0 0 1.5em 0;
overflow: auto; 
}


/* =Widget Areas
-------------------------------------------------------------- */

/* secondary style */

.widget-area ul {
list-style: none;
margin-left: 0;
}

.widget-area ul ul {
list-style: disc;
margin-left: 1.1em;
}

.widget-area ul ul ul {
margin-left: 2.5em;
}

.widget-container {
margin: 0 0 1.5em 0;
}

div.mod {
margin: 0 0 1.5em 0;
padding: 15px;
background: #fff;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
box-shadow: 2px 2px 4px rgba(0,0,0,.2);
-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,.2);
-moz-box-shadow: 2px 2px 4px rgba(0,0,0,.2);
}

div.alt {
margin-bottom: .5em;
background: none;
}
	
div.mod h4 {
margin: 0;
padding: 0 0 4px 0;
font-size: .9em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
color: #a14141;
border-bottom: 2px solid #ecebe1;
}

div.mod h4 a:link, div.mod h4 a:visited {
color: #a14141;
text-decoration: underline;
-webkit-transition: color .2s linear;
}

div.mod h4 a:hover, div.mod h4 a:active {
text-decoration: none;
color: rgba(161,65,65,.85);
}

div.mod p {
font-size: .8em;
color: #9c836e;;
text-align: center;
margin: 0;
padding:0;
}

div.alt h3 {
border-bottom-color: #e2e1d4;
}

ul.lst li a {
font-size: .8em;
display: block;
padding: 7px;
margin: 0;
border-bottom: 1px solid #f3f2e8;
overflow: hidden;
}

ul.lst li.last a {
border: none;
}

ul.lst a:hover {
background: #f8f0e6 url(images/bg.jpg) repeat;
}

ul.lst li em {
float: right;
margin: 0 0 0 5px;
font-size: 1em;
font-style: normal;
font-weight: normal;
color: #9c836e;
}


/* self-clear floats */

.group:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

*:first-child+html .group { /* IE7 */
min-height: 1px;
}


/* misc 
-------------------------------------------------------------- */

ol.pics {
margin: 1em 0 0 0;
}

ol.pics li {
max-width: 48%;
float: left;
font-size: 1.1em;
margin: 0 3.5% 1.5em 0;
}

ol.pics li.second {
margin-right: 0;
}

ol.pics li div.pic {
position: relative;
overflow: hidden;
border: 10px solid #fcf4e2;
background: #fcf4e2;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
box-shadow: 2px 2px 4px rgba(0,0,0,.2);
-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,.2);
-moz-box-shadow: 2px 2px 4px rgba(0,0,0,.2);
}

ol.pics li div.pic a span {
display: block;
position: absolute;
width: 100%;
bottom: 0;
left: 0;
font-family: Georgia, serif;
font-size: 1em;
font-weight: normal;
line-height: 1.3em;
color: #ccc;
background-color: #333;
background: #644f82;
background: rgba(100, 79, 130, .7);
}

ol.pics li div.pic a span strong {
display: block;
padding: 10px 10px 0 10px;
font-weight: normal;
font-style: italic;
color: #fff;
}

ol.pics li div.pic a span em {
display: block;
padding: 0 10px 10px 10px;
font-style: normal;
color: #e3c887;
}

ol.pics li div.pic-img img {
max-width: 100%;
}

#padme {
height: 110px;
}

#subscribe form p {
color: #fff;
font: italic .9em Georgia, serif;
text-align: center;
}

#subscribe form p input {
margin-right: 1em;
margin-left: 1em;
}
