stylesprite.css

/*
Theme Name: Travis Berry
Theme URI: http://travisberry.com
Description: A Wordpress portfolio theme.
Version: 1.0
Author: Travis Berry
Author URI: http://travisberry.com
*/
/* SPRITEBAKER.COM */
/* get fonts loaded asap */
@font-face {
font-family: "Boogie";
    src: url("fonts/BOOGNN.eot"); /* IE */  
    src: local("BOOGNN"), url("fonts/boogie.ttf") format('truetype');
}
@font-face {
font-family: "Print";
    src: url("fonts/PrintBold.eot"); /* IE */ 
    src: local("PrintBold"), url("fonts/PrintBold.otf") format('opentype');
}
.chunk{
 font-family: "Boogie", "Print";   
}
/* get fonts loaded asap */
/* reset */
body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary { 
    display:block;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* reset */
/* main */
body {
  background-color:#efecc3;
    font-family: "Print", 'Geneva', 'Verdana', sans-serif;
}
code{
    display:block;
 background-color:#54452e;
    color:#efecc3;
    padding:3px;
}
p{
 display: block;
  margin: 10px 0;   
}
a {
    color:#087f79;
      -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
}
a:hover {
        color: #e04f23;
}
a:active {
color:#eca71e;
}
p a:visited {
	color:#eca71e;
}
#content li{
	list-style-type:square;
	list-style-position:inside;
	padding:10px;
}
h1 {
      font-family:"Print", 'Geneva', 'Verdana', sans-serif;
     font-size: 36px;
     letter-spacing: -.04em;
     line-height: 41px;
background-color:#e04f23;
   color:#54452e;
  padding:2px;
}
h1 a{
    color:#54452e;
    text-decoration:none;
}
h1 a:hover{
 color:#087f79; 
    text-decoration:none;
}
img
{  border-style: none;
}
home {
    font-size: 36px;
    line-height: 35px;
    word-spacing:-5px;
}
.home {
    font-size: 36px;
    line-height: 35px;
    word-spacing:-5px;
}
#main{
width: 960px;
    margin: auto auto;  
    background-color:#efecc3;
    padding: 10px 0px 0px 0px;
    position:relative;
    z-index:1;
}
#navbar {
width: 640px;
    
    background-color: #54452e;
    margin: 0px 0px 0px 12px;
    font-size:40px;
    color:#efecc3;
    font-family: "Boogie", 'Garamond', serif;
    padding: 0px 0px 8px 10px;
position:relative;
    z-index:1;
}
#navbar a {
    color:#efecc3;
    text-decoration:none;
}
#navbar a:hover {
    color: #e04f23;
}
  #navbar a:active{
    color:#087f79;
}
#navbar ul {
   list-style:none;
    margin: 0px 0px 0px 0px;
    padding:5px 0px 0px 0px;
}
#navbar li {
    display:inline;
    margin: 0px 0px;
}
#navbar li.current_page_item a {
text-decoration:none;
color:#eca71e;
}
#navbar li.current_page_item a:hover {
text-decoration:none;
color:#e04f23;
}
#navbar li.current_page_item a:active {
text-decoration:none;
color:#087f79;
}
#navbar li.current_post_item a {
text-decoration:none;
color:#eca71e;
}
#sidestripe {
width: 300px;
    height: 670px;
    background-image:url('images/sidestripe.jpg');
    background-repeat:no-repeat;
    background-color:#efecc3;
    position:absolute;
    z-index:1;
    float:left;
}
#contentbox {
    float:right;
    width:660px;
   position:relative;
    z-index:33;
    background-color:#efecc3;
}
#content {
width: 640px;
    margin: 20px 20px 10px 0px;
    padding: 10px 5px 50px 5px;
    float:right ;
    border-style:solid;
border-width:5px;
    border-color:#54452e;
	color:#54452e;
    font-size:1.2em;
    letter-spacing: -.04em;
     line-height: 1em;
    word-spacing:-1px;
    position:relative;
    z-index:34;
}
#footer {
width: 400px;
float: right;
    padding:0px 6px 10px 200px;
    font-size: 98px;
    background-color:#efecc3;
    color:#54452e;
    font-family: "Boogie", Arial, sans-serif;
    line-height:90px;
    position:relative;
    z-index:1;
}
h2 {
  padding: 4px;
   font-size:18px;
}
#date {
 width:372px;
    background-color:#eca71e;
    height:29px;
}
#search{
    float:right;
}
#blogtop{
    margin-bottom:13px;
    width:640px;
}
#phonenum {
float:left;
padding:8px 5px 0px 0px;
}
#previous{
	float:right;
}
#next{
	float:left;
}
#contactmain{
	float:right;
	width:320px;
}

.commentinputs{
	float:none !important;
}
/* main */
/* contact form */
div.wpcf7 {
	margin: 0;
float:left;
	padding-top: 14px;
	width:310px;
}
div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
}
div.wpcf7-mail-sent-ok {
	border: 2px solid #087f79;
}
div.wpcf7-mail-sent-ng {
	border: 2px solid #087f79;
}
div.wpcf7-spam-blocked {
	border: 2px solid #087f79;
}
div.wpcf7-validation-errors {
	border: 2px solid #087f79;
}
span.wpcf7-form-control-wrap {
	position: relative;
   
}
span.wpcf7-not-valid-tip {
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	background: #fff;
	border: 1px solid #087f79;
	font-size: 10pt;
	width: 280px;
	padding: 2px;
}
span.wpcf7-not-valid-tip-no-ajax {
	color: #f00;
	font-size: 10pt;
	display: block;
}
span.wpcf7-list-item {
	margin-left: 0.5em;
    
}
.wpcf7-display-none {
	display: none;
}
img.ajax-loader {
	border: none;
	vertical-align: middle;
}
textarea {
     -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    border:none;
 background-color: #54452e;
 color: #efecc3;
   font-family: 'Print', 'Geneva', 'Verdana';
    font-size:1em;
    width:310px;
}
input {
     -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    border:none;
 background-color: #54452e;
    color: #efecc3;
    font-family: 'Print', 'Geneva', 'Verdana';
    font-size:1em;
    float:right;
    width:170px;
}
span.wpcf7-not-valid-tip {
	left: auto;
	right: 20%;
	direction: rtl;
}
span.wpcf7-not-valid-tip-no-ajax {
	direction: rtl;
}
span.wpcf7-list-item {
	margin-left: 0;
	margin-right: 0.5em;
}
input:focus{
     -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    background-color:#eca71e;
    color: #54452e;
}
textarea:focus{
     -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    background-color:#eca71e;
    color: #54452e;
}
.search404{
	float:left !important;
}
/* contact form */
/*comments*/
#comments{
    width:405px;
}
#comments li{
	list-style-type:none !important;
}
.avatar{
    float:left;
    padding:0px 5px 0px 0px;
    vertical-align:text-bottom;
}
.odd {
background-color: #efa791;
    padding:5px;
}
.even {
background-color: #f5d38e;
    padding:5px;
} 
#commentform{
 width:405px;   
}
label{
 font-size:.8em;   
}
/*comments*/
/*selectors*/
::-moz-selection{
	background-color:#eca71e;
	color:#54452e;
}

::selection {
	background-color:#eca71e;
	color:#54452e;
}

code::-moz-selection {
	background: #e04f23;
}

code::selection {
	background: #e04f23;
}
a::-moz-selection {
	background: #087f79;
    color:#eca71e;
}

a::selection {
	background: #087f79;
    color:#eca71e;
}
/*selectors*/
/*contacttest*/
#contactme{
	background-color: #f5d38e;
	margin:20px 10px 20px 10px;
	padding:5px;
}
#contactme a{
color:#087f79;	
}
#contactme a:visited{
color:#087f79;	
}
/*apple*/
.title {
  padding-left: 120px;
  min-height: 120px;
  background-image: url(http://images.apple.com/downloads/images/essentials_quicktime20070611.png);
  background-position: top left;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.playButton {
  background-color: rgb(20,20,20);
  cursor: pointer;
  font-weight: bold;
  font-size: 1.25em;
  opacity: .8;
  filter: alpha(opacity=80);
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  position: relative;
  top: 50%;
  zoom: 100%;
  padding: .5em 1em;
  color: white;
}

.playBackground {
  background-color: rgb(0,0,0);
  opacity: 0.0;
  filter: alpha(opacity=0);
  position: absolute;
  top: 0px; left: 0px;
}
/*shadowbox*/
#sb-container,#sb-wrapper{text-align:left;}
#sb-container,#sb-overlay{position:absolute;top:0;left:0;width:100%;margin:0;padding:0;}
#sb-container{height:100%;display:none;visibility:hidden;z-index:999;}
body>#sb-container{position:fixed;}
#sb-overlay{height:expression(document.documentElement.clientHeight+'px');}
#sb-container>#sb-overlay{height:100%;}#sb-wrapper{position:relative;}
#sb-wrapper img{border:none;}
#sb-body{position:relative;margin:0;padding:0;overflow:hidden;border:1px solid #303030;}
#sb-body-inner{position:relative;height:100%;}
#sb-content.html{height:100%;overflow:auto;}
#sb-loading{position:absolute;top:0;width:100%;height:100%;text-align:center;padding-top:10px;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title-inner,#sb-info-inner{position:relative;font-family:'Lucida Grande',Tahoma,sans-serif;line-height:16px;}
#sb-title,#sb-title-inner{height:26px;}
#sb-title-inner{font-size:16px;padding:5px 0;color:#fff;}
#sb-info,#sb-info-inner{height:20px;}
#sb-info-inner{font-size:12px;color:#fff;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;}
#sb-nav-close{background-image:url(http://www.travisberry.com/wp-content/plugins/shadowbox-js/shadowbox/resources/close.png);background-repeat:no-repeat;}
#sb-nav-next{background-image:url(http://www.travisberry.com/wp-content/plugins/shadowbox-js/shadowbox/resources/next.png);background-repeat:no-repeat;}
#sb-nav-previous{background-image:url(http://www.travisberry.com/wp-content/plugins/shadowbox-js/shadowbox/resources/previous.png);background-repeat:no-repeat;}
#sb-nav-play{background-image:url(http://www.travisberry.com/wp-content/plugins/shadowbox-js/shadowbox/resources/play.png);background-repeat:no-repeat;}
#sb-nav-pause{background-image:url(http://www.travisberry.com/wp-content/plugins/shadowbox-js/shadowbox/resources/pause.png);background-repeat:no-repeat;}
#sb-counter{float:left;padding:2px 0;width:45%;}#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-family:'Lucida Grande',Tahoma,sans-serif;font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}

.hidden {
	display: none;
}

/* Resolves a css conflict causing the Shadowbox to display right aligned */
#sb-container {
	text-align:left;
}

/* Resolves a problem where cancel link shows up in default blue */
#sb-loading a {
	color: #fff;
	text-decoration: none;
}





#videothumbs {
margin-top:10px;
padding-left:4px;
}
.image {
   position: relative;
   width: 200px; /* for IE 6 */
		   height:100px;
		   float:left;
		   padding:5px;
}

.caption {
   position: absolute;
   top: 11px;
   left: 1px;
   width:200px;
   height:100px;
   filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
-webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
}
.caption:hover{
   position: absolute;
   top: 11px;
   left: 1px;
   width:200px;
   height:100px;
  filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
-webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
}
.caption span{
	
   color:#54452E;
   background:#ECA71E;
   padding: 10px;

}