@charset "UTF-8";
/*

Theme Name: Exist Skateboard Shop
Theme URI: 
Description: Custom wordpress theme for Exist Skateboard Shop<a href="http://www.chokedesigncompany.com/">Choke Design</a>.
Version: 1.0
Tags: fixed columns, three columns, widget ready, widgets, right sidebar, white, black, skateboarding, urban, valid CSS, valid XHTML
Author: chokedesigncompany.com/Shannen Coslow
Author URI: http://chokedesigncompany.com/

*/

/*---body---*/

body{
	background:#333;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color:#000;
}

*{
	margin:0;
	padding:0;
}

.container{
        width:1010px;
        margin:0 auto;
}

a img {
       border: 0;
}

.entry{
width:100%;
float:left;
}

/*----Header---*/
#Header{
	background:#000;
	background-image:url(images/spray.gif);
	background-position:right;
	background-repeat:repeat-x;
	height:142px;
        width:100%;
        margin:0px;
        float:left;   
}

#Header #logo{
	float:left;
	width:190px;
	height:112px;
margin:0 0 0 18px;
}

#Header #banner{
	float:left;
	width:532px;
	padding:0 20px;
	height:112px;
}

#Header #spray{
	background-image:url(images/spray.gif);
	background-repeat:no-repeat;
	
	float:right;
	width:159px;
	height:142px;
}

/* navigation
--------------------------------------------------*/
#nav{
    width:100%;
    margin:10px 0 0px 10px;
    float:left;
}


#nav li { 
    float: left;
    list-style:none;
    border-right:1px #fff solid;
}

/*---Nav Css Rollovers---*/


#home 
{
  display: block;
  width: 55px;
  height: 17px;
  background-image:url(images/nav_01.png);
  background-repeat:none;
  margin:0 15px 0 11px;
}

#home:hover
{ 
  background-position: 0 -17px;
}

#home span
{
  display: none;
}

#crew
{
  display: block;
  width: 52px;
  height: 17px;
  background-image:url(images/nav_02.png);
  margin:0 15px;
}

#crew:hover
{ 
  background-position: 0 -17px;
}

.cselected
{
  background-position: 0 -17px;
}

#crew span
{
  display: none;
}


#contact
{
  display: block;
  width: 104px;
  height: 17px;
  background-image:url(images/nav_05.png);
  margin:0 15px;
}

#contact:hover
{ 
  background-position: 0 -17px;
}


#contact span
{
  display: none;
}

.conselected
{
  background-position: 0 -17px;
}

#signup
{
  display: block;
  width: 68px;
  height: 17px;
  background-image:url(images/nav_06.png);
  margin:0 15px;
}

#signup:hover
{ 
  background-position: 0 -17px;
}


#signup span
{
  display: none;
}

.sselected
{
  background-position: 0 -17px;
}

#online
{
  display: block;
  width: 114px;
  height: 17px;
  background-image:url(images/nav_04.png);
  margin:0 15px 0 53px;
}

#online:hover
{ 
  background-position: 0 -17px;
}


#online span
{
  display: none;
}

#online2
{
  display: block;
  width: 114px;
  height: 17px;
  background-image:url(images/nav_07.png);
  margin:0 15px 0 53px;
}

#online2 span
{
  display: none;
}

#gallery
{
  display: block;
  width: 72px;
  height: 17px;
  background-image:url(images/nav_03.png);
  margin:0 15px;
}

#gallery:hover
{ 
  background-position: 0 -17px;
}


#gallery span
{
  display: none;
}

.current_page_item
{
  background-position: 0 -17px !important;
}

/* #nav li a {
	color:#000;
	font:1.0em "Arial Bold", Gadget, sans-serif;
	text-decoration:none;
	display:block;
	margin:0px 20px 0 0;
	
}

#nav li a:hover {
	color:#fafcf6;
	text-decoration:none;
        background:none;
}-----/*

.clear {
	clear:both;
}

/* metadata under post
--------------------------------------------------*/
.post {
	margin:0 0 35px 0;
	text-align:justify;
        float:left;
        width:100%;
}

.post img {
	border:5px solid #eee;
	padding:1px;
}

.post .info {
	font-size:.7em;
	color:#333;
	padding:2px 3px 3px 8px;
	margin: 15px 0 15px;
}

.date {
	margin: 20px 0 15px 0;
}

.post small {
	margin-top:15px;
}

/*----content---*/
#wrapper{
    width:100%;
    background:#fff;
    float:left;
}

#content {
        width:505px;
        float:left;
	padding: 0 5px 0 5px;
        margin:10px 0px;
	border-right:1px solid #333;
	border-left:1px solid #333;
}

#content p {
	line-height:20px;
	word-spacing:0;
	margin:10px 0;
    padding: 0;
}

#content a {
	text-decoration:none;
	color:#a3ca38;
        font-size:14px;
}

#content a:hover {
	color:#ccc;
}

#content h2 {
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:.8em;
    line-height:15px;
    margin:0 0 10px;
	color:#a3ca38;
}

#content h2 a {
    font:2em "Arial Black", Gadget, sans-serif;
	text-decoration:none;
	color:#a3ca38;
    line-height:20px;
	border:none;
}

#content h1 {
	font:2em "Arial Black", Gadget, sans-serif;
	color:#a3ca38;
	margin:10px 0;
}

#content h3 {
	font:1.3em "Arial Black", Gadget, sans-serif;
	color:#a3ca38;
	margin:10px 0;
}

#content h4 {
	font:1.8em "Arial Black", Gadget, sans-serif;
	color:#a3ca38;
	margin:10px 0;
}

#content h5 {
	font:1 "Arial Black", Gadget, sans-serif;
	color:#a3ca38;
	margin:10px 0;
}

#content ul,ol {
    font-size:1.1em;
	margin:10px 10px 10px 25px;
}


/*---crew---*/
.picturebox{
       width: 300px;
       float:left;
       padding:0 10px 10px 0;
}

.information{
       width:175px;
       float:left;
       margin:5px 0 0 5px;
}

/*---sidebar---*/

#sidebar{
	float:left;
        margin:10px 5px 0 0;
        width:187px;
        text-align:right;
}

#sidebar h2, #sidebar2 h2 {
	letter-spacing:1px;
	font-size:1.1em;
	color:#ed217c;
	margin:0px 0 3px 0px;
    font-family:"Arial Black", Gadget, sans-serif;
}

#sidebar ul, #sidebar2 ul {
    list-style:none;
    font-size:85%;
    margin:0;
    padding:8px 5px 15px 5px;
}

#sidebar li a{
	color:#000;
	text-decoration:none;
}

#sidebar li a:hover{
	color:#a6ce39;
	text-decoration:none;
}

#sidebar2{
	float:left;
	margin:10px 5px;
	text-align:left;
	width:285px;
}

 #sidebar2 li a {
	color:#000;
	text-decoration:none;
}

#sidebar2 li a:hover {
	color:#a6ce39;
	text-decoration:none;
}
/* wp stuff
--------------------------------------------------*/

.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}

.alignleft {
float:left;
}

.alignright {
float:right;
}

.navigation {
text-align:center;
font-size:120%;
}

.wp-caption {
border:1px solid #ddd;
text-align:center;
background-color:#f3f3f3;
padding:4px 0 0 0;
margin:10px;
}

.wp-caption img {
border:0 none;
margin:0;
padding:0;
}


.wp-caption-dd {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;
}

#header h1 a:hover,#footer a:hover {
text-decoration:none;
color:#333;
}

#content li{
border-bottom:1px solid #EFF8FB;
padding:10px;
}



/*---footer--*/

#footer{
        background-image:url(images/footerbg.jpg);
background-position:bottom;
	padding:5px 0 5px;
        width:100%;
        float:left;
        font-size:12px;
	color:#000;
        text-align:center;
}
