/* 
Theme Name: Ten Ten
Theme URL: 
Description: A blank theme for horizontal grids based on <a href="http://plainbeta.com/2008/05/20/whiteboard-a-free-wordpress-theme-frame">Whiteboard</a> by <a href="http://brianpurkiss.com">Brian Purkiss</a>.
Author: Alex Mansfield
Author URI: http://alexmansfield.com/
Version: 1.0
*/


/* typography based on the sencss framework v0.6 (http://sencss.kilianvalkhof.com/) */
@import url('styles/type.css');



/* general */
body{background:#444; color:#fff;}
img{border:0;}
.clear{clear:both;}

.row_wrap{text-align:center; width:100%;}
.row{margin:0 auto; text-align:left; width:940px; padding: 0 10px; border:0px solid;}

.alignleft{float:left; padding:0 10px 10px 0;}
.alignright{float:right; padding:0 10px 10px 0;}
.aligncenter{display: block; margin-left: auto; margin-right: auto;}

/* header */
#wrap_header{background:transparent url(images/header-bg-sm.jpg) repeat-x top center; height:260px;}
#frontpage #wrap_header{background:#000000 url(images/header-bg.jpg) repeat-x top center; height:614px;}

#header #logo{ padding: 20px 0 0 30px;}


#topnav{
   background:transparent url(images/topnav-bg.png) repeat-x top left;
   font-size: 1.2em;
   height:40px;
   line-height:40px;
   margin-left:0;
   padding-left:10px;
   position:absolute;
   top:200px;
   width:930px;
}
#topnav li{display:inline; list-style-position: inside;}
#topnav li a{color:#fff; display:block; float:left; padding:0 14px; text-decoration:none;}
#topnav li a:hover{background:transparent url(images/topnav-bg.png) repeat-x top left;}

#featured_wrap{background:#111111; padding:10px; position:absolute; top:255px; width:920px;}
#header .slideInfoZone{background:transparent;color:#111111; margin-left:620px;width:300px;}


/* content */

#wrap_content{padding:15px 0;}
#content{background:#333; padding:15px; width:910px;}

.content{float:left; width:610px;}
.content .creditcards{text-align:center;}
.content .creditcards img{padding:10px;}

.post, .page{padding:10px; clear:both;}

.left{float:left; padding-right:60px;}

#catalogcontainer{background: #ffffff url(images/ajax-loader-bar-light.gif) no-repeat center center}


.content a{color:#0099cc;}

h1{margin-bottom:15px;}
.content h2{font-size:2em;color:#0099cc;}

.content h2 a{text-decoration:none;}
.content h2 a:hover{text-decoration:underline;}
.content .postcontent{clear:both; padding-bottom: 25px; overflow:hidden;}

.post{padding:10px; margin:0; background:#222222 url(images/sidepaint.jpg) no-repeat 724px -123px; border:1px solid #666;}


.catalognav{
   border:1px solid #666666;
   float:right;
   background:transparent url(images/topnav-bg.png) repeat-x top left;
   height:30px;
   line-height:28px;
   padding:0 10px;
   margin-top:-5px;
   }
   
   
.catalognav a{color:#fff; display:block; float:left; padding:0 14px; text-decoration:none;}
.catalognav a:hover{background:transparent url(images/topnav-bg.png) repeat-x top left;}


.gallery{padding:13px 10px 3px; margin:0; background:#222222 url(images/bottomright.jpg) no-repeat bottom right; border:1px solid #666; overflow:hidden;}

.clear{clear:both;}

/* sidebar */

#sidebar{background: transparent; float:right;}

.sidelink{
   background: #000;
   border:1px solid #666666;
   color:#fff;
   display:block;
   height:30px;
   font-size:1.2em;
   font-weight: bold;
   margin-left:10px;
   margin-bottom: 8px;
   padding:45px 0 0 10px;;
   text-decoration:none;
   width:250px;
	filter:alpha(opacity=70);
	opacity:0.7;
}
   
.sidelink:hover{filter:alpha(opacity=100); opacity:1;}

#screenprinting{background: url(images/sidelink1b.jpg) top left no-repeat; 	}
#quote{background: url(images/sidelink2b.jpg) top left no-repeat;}
#catalog{background: url(images/sidelink3b.jpg) top left no-repeat;}
#contact{background: url(images/sidelink4b.jpg) top left no-repeat;}

/* footer */


#brands{background:#fff; color:#666; padding:10px; width:920px;}

#footer a{color:#fff; padding:0 5px; text-decoration:none;}
#footer a:hover{color:#fff; text-decoration:underline;}

#bottomnav{
   display:block;
   float:left;
   padding:15px 0;
   margin-left:0;
}

#bottomnav li{display:inline; list-style-position: inside;}



#admin{
   display:block;
   float:right;
   padding:15px 0;
}


/* plugins */

.wpcf7-not-valid-tip{color:#333333;}

.wpcf7-form{width: 295px;}
#contactform textarea{
width: 295px;
}

.customStyle{background-color:#000 !important;}

