/*
Theme Name: Gasket Custom Theme
Theme URI: 
Description: This custom theme was created through the work of Gasket, Zubasti Interactive, and Arrowplane, LLC.
Version: 1.0
Author: Arrowplane, LLC
Author URI: http://arrowplane.net/
Tags: 
*/


/*-----------------------------------------------------------------------------
Gasket Screen Stylesheet

version:   1.0
date:      1/16/08
author:    Arrowplane, LLC
email:     info @ arrowplane . net
website:   www.arrowplane.net
-----------------------------------------------------------------------------*/ 


/* Import other stylesheets
-----------------------------------------------------------------------------*/

@import url("reset.css"); 
@import url("typography.css"); 


/* framework
-----------------------------------------------------------------------------*/
html
{
	background-color:#f4f2ed;
}
body
{
	margin:0;
	padding:0;
	width:100%;	
	background-color:#f4f2ed;	
}
#container
{
	width:956px;
	padding:27px 36px;
	margin:0 auto;
}

/* header
-----------------------------------------------------------------------------*/
#header
{
	width:956px;
	height:318px;
	padding:0;
	margin:0;
}
#main-nav
{
	width:956px;
	height:46px;
	padding:0;
	margin:0;	
	background:transparent url(/wp-content/themes/gasket/images/bg-main-nav.gif) no-repeat 0 0;
}
#main-nav ul
{
	padding:11px 0 0 52px;
	margin:0;
	list-style:none;
}
#main-nav li
{
	float:left;
	font-size:0.71em;
}
li.divider
{
	padding:0;
	margin:0;	
	background:transparent url(/wp-content/themes/gasket/images/nav-divider.gif) no-repeat 0 0;	
	width:11px;
	height:12px;
	display:block;	
}
li.copyright
{
	padding:0 0 0 22px;
	margin:0;
	color:#656565;
}
li.nav-home a, li.nav-home a:link, li.nav-home a:visited
{
	padding:0;
	margin:0;	
	background:transparent url(/wp-content/themes/gasket/images/nav-home.gif) no-repeat 0 0;	
	width:43px;
	height:12px;
	display:block;
}
li.nav-portfolio a, li.nav-portfolio a:link, li.nav-portfolio a:visited
{
	padding:0;
	margin:0;	
	background:transparent url(/wp-content/themes/gasket/images/nav-portfolio.gif) no-repeat 0 0;	
	width:81px;
	height:12px;
	display:block;
}
li.nav-about a, li.nav-about a:link, li.nav-about a:visited
{
	padding:0;
	margin:0;	
	background:transparent url(/wp-content/themes/gasket/images/nav-about.gif) no-repeat 0 0;	
	width:51px;
	height:12px;
	display:block;
}
li.nav-contact a, li.nav-contact a:link, li.nav-contact a:visited
{
	padding:0;
	margin:0;	
	background:transparent url(/wp-content/themes/gasket/images/nav-contact.gif) no-repeat 0 0;	
	width:67px;
	height:12px;
	display:block;
}
li.nav-home a:hover, li.nav-home a:active,
li.nav-portfolio a:hover, li.nav-portfolio a:active,
li.nav-about a:hover, li.nav-about a:active,
li.nav-contact a:hover, li.nav-contact a:active
{
	background-position:0 -12px;
}
li.nav-home a.selected, li.nav-home a.selected:link, li.nav-home a.selected:visited, 
li.nav-home a.selected:hover, li.nav-home a.selected:active,
li.nav-portfolio a.selected, li.nav-portfolio a.selected:link, li.nav-portfolio a.selected:visited,
li.nav-portfolio a.selected:hover, li.nav-portfolio a.selected:active,
li.nav-about a.selected, li.nav-about a.selected:link, li.nav-about a.selected:visited, 
li.nav-about a.selected:hover, li.nav-about a.selected:active,
li.nav-contact a.selected, li.nav-contact a.selected:link, li.nav-contact a.selected:visited,
li.nav-contact a.selected:hover, li.nav-contact a.selected:active
{
	background-position:0 -12px;
}
#main-nav span, #client-login span
{
	text-indent:-9999em;
	display:none;
}

#gasket-block
{
	width:956px;
	height:255px;
	padding:0;
	margin:0;	
	background:transparent url(/wp-content/themes/gasket/images/bg-gasket-block.jpg) no-repeat 0 0;	
	position:relative;
}
#client-login
{
	position:absolute;
	top:179px;
	left:50px;
}
#client-login a, #client-login a:link, #client-login a:visited
{
	padding:0;
	margin:0;	
	background:transparent url(/wp-content/themes/gasket/images/btn-client-login.gif) no-repeat 0 0;	
	width:83px;
	height:10px;
	display:block;	
}
#client-login a:hover, #client-login a:active
{
	background-position:0 -10px;
}

/* two-column layout
-----------------------------------------------------------------------------*/
#left-column
{
	float:left;
	width:656px;
}
#right-column
{
	float:right;
	width:273px;
}


/* blog-entry
-----------------------------------------------------------------------------*/
.entry
{
	width:649px;
	padding:0 0 35px 0;
}
.entry-content
{
	padding:0;
	margin:0;
	background:#dad7cd url(/wp-content/themes/gasket/images/bg-bot-entry.gif) no-repeat bottom;	
}
.entry-text
{
	padding:21px 27px;	
}
.home .entry-content { background:none; }
.home .entry-text h2 {
	padding-bottom:10px;
	text-transform:uppercase;
	font-size:15px;	
	color:#7f8073;
}
.home .entry-text
{
	padding:10px 5px 0 5px;	
}
.home .entry
{
	width:649px;
	padding:0 0 10px 0;
}
.entry-info-watch
{
	float:left;
	width:200px;
	padding:20px 0 0 0;	
}
.entry-comments
{
	float:right;
	text-align:right;
	width:200px;
	padding:20px 0 0 0;	
}
a.send-comments , a.send-comments:link, a.send-comments:visited,
.entry-comments a, .entry-comments a:link, .entry-comments a:visited,
.entry-info-watch a, .entry-info-watch a:link, .entry-info-watch a:visited, 
a.more-link, a.more-link:link, a.more-link:visited
{
	font-family:Arial;
	font-size:12px;
	text-transform:uppercase;
	font-style:italic;
	text-decoration:none;
	font-weight:bold;
}
a.send-comments:hover, a.send-comments:active,
.entry-comments a:hover, .entry-comments a:active,
.entry-info-watch a:hover, .entry-info-watch a:active,
a.more-link:hover, a.more-link:active
{
	font-family:Arial;
	font-size:12px;
	text-transform:uppercase;
	font-style:italic;
	color:#d05800;
	text-decoration:none;
	font-weight:bold;
}
#comment-area
{
	padding:0 30px;
}	
textarea.comment-box
{
	width:580px;
	height:150px;
}
#send-comments-container
{
	display:none;
}
.comment-meta
{
	padding:5px 0 10px 0;
}
.navigation
{
	padding:0 30px 10px 30px;
	display:block;
}
.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
#archives ul
{
	padding:0 0 16px 0;
}
/* home
-----------------------------------------------------------------------------*/
h2.see-them-here
{
	padding:4px 0 16px 0;
	margin:0;
	background:transparent url(/wp-content/themes/gasket/images/title-see-them-here.gif) no-repeat 0 0;	
	text-indent:-9999em;
	display:block;	
}
#design-animation-demo
{
	padding:24px 0 14px 0;
}
a.design-animation-demo, a.design-animation-demo:link, a.design-animation-demo:visited
{
	background:transparent url(/wp-content/themes/gasket/images/btn-design-animation-demo.gif) no-repeat 0 0;	
	width:264px;
	height:25px;	
	display:block;
}
a.design-animation-demo:hover, a.design-animation-demo:active
{
	background-position:0 -25px;
}
#visual-effects-demo
{
	padding:0 0 24px 0;
}
a.visual-effects-demo, a.visual-effects-demo:link, a.visual-effects-demo:visited
{
	background:transparent url(/wp-content/themes/gasket/images/btn-visual-effects-demo.gif) no-repeat 0 0;	
	width:264px;
	height:25px;	
	display:block;
}
a.visual-effects-demo:hover, a.visual-effects-demo:active
{
	background-position:0 -25px;
}
a.design-animation-demo span, a.visual-effects-demo span
{
	text-indent:-9999em;
	display:none;	
}

/* contact / about
-----------------------------------------------------------------------------*/
.right-col-item
{
	color:#7f8073;
	padding:0 12px 0 12px;
	margin-bottom:12px;
	border-bottom:solid 1px #7a7a7a;
	font-size:11px;
	line-height:14px;
}
#gray-box
{
	padding:22px 0 0 0;
}
#gray-box-top
{
	background:transparent url(/wp-content/themes/gasket/images/contact-box-top.gif) no-repeat 0 0;	
	width:649px;
	height:19px;
}
.contact #gray-box-content
{
	background:transparent url(/wp-content/themes/gasket/images/contact-box-bg.gif) repeat-y 0 0;	
	padding:10px 0 130px 30px;
}
.about #gray-box-content
{
	background:transparent url(/wp-content/themes/gasket/images/contact-box-bg.gif) repeat-y 0 0;	
	padding:10px 30px;
}
#gray-box-bot
{
	background:transparent url(/wp-content/themes/gasket/images/contact-box-bot.gif) no-repeat 0 0;	
	width:649px;
	height:17px;
}
.gray-box-col
{
	float:left;
	width:183px;
}
.contact-divider
{
	padding-right:18px;
}
.contact-text p
{
	font-family:Arial;
	padding:0 18px 19px 18px;
	font-size:13px;
	line-height:19px;	
	letter-spacing:normal;
}
.contact-text a
{
	font-family:Arial;
	letter-spacing:normal;
}

#contact-location h3
{
	display:block;
	text-indent:-9999em;
	width:183px;
	height:25px;
	background:transparent url(/wp-content/themes/gasket/images/title-location.gif) no-repeat 0 0;	
	padding:0 0 25px 0;
}	
#contact-sales h3
{
	display:block;
	text-indent:-9999em;	
	width:183px;
	height:25px;
	background:transparent url(/wp-content/themes/gasket/images/title-sales.gif) no-repeat 0 0;	
	padding:0 0 25px 0;	
}
#contact-jobs h3
{
	display:block;
	text-indent:-9999em;	
	width:183px;
	height:25px;
	background:transparent url(/wp-content/themes/gasket/images/title-jobs.gif) no-repeat 0 0;	
	padding:0 0 25px 0;
}


/* project
-----------------------------------------------------------------------------*/
h3.project-client
{	
	font-weight:normal;
	color:#7f8073;
	padding:0 12px 20px 0;
	font-size:11px;
	line-height:14px;	
}
h4.watch-spots-title
{
	background:transparent url(/wp-content/themes/gasket/images/title-watch-spots.gif) no-repeat 0 0;
	height:18px;
	width:98px;
	display:block;
	text-indent:-9999em;	
	padding:0 0 13px 0;
}
.entry-more-top
{
	background:transparent url(/wp-content/themes/gasket/images/entry-basic-top.gif) no-repeat 0 0;
	width:649px;
	height:21px;
	margin-top:24px;
	display:block;
}
.comments-top
{
	background:#dad7cd url(/wp-content/themes/gasket/images/entry-basic-top.gif) no-repeat 0 0;
	width:649px;
	display:block;
}
.respond-top
{
	background:#dad7cd url(/wp-content/themes/gasket/images/entry-basic-top.gif) no-repeat 0 0;
	width:649px;
	height:21px;
	display:block;
	margin-top:24px;
}
.entry-more, .comments
{
	width:595px;
	padding:0 27px 21px 27px;	
	background:#dad7cd url(/wp-content/themes/gasket/images/bg-bot-entry.gif) no-repeat bottom;	
}
.comments
{
	margin-bottom:35px;
}
.commenter
{
	padding-top:20px;
	border-bottom:solid 1px #7a7a7a;
	margin-bottom:5px;
}

.total-comments
{
	float:left;
	margin-top:24px;
	background:transparent url(/wp-content/themes/gasket/images/bg-comments.gif) no-repeat 0 0;
	width:178px;
	height:34px;
	padding:9px 0 0 18px;
	font-size:14px;
	font-family:Arial;
	text-transform:uppercase;	
	color:#fff;
	font-style:italic;		
}
.add-comment
{
	float:right;
	margin-top:24px;
	padding:8px 32px 0 0;
}

/* project
-----------------------------------------------------------------------------*/
#portfolio-nav
{
	background:transparent url(/wp-content/themes/gasket/images/bg-watch.gif) no-repeat 0 0;	
	width:956px;
	height:50px;
}
#portfolio-nav ul
{
	padding:8px 0 0 89px;
	margin:0;
	list-style:none;
}
#portfolio-nav li
{
	float:left;
	padding:0;
	margin:0;	
	letter-spacing:normal;
}
#portfolio-nav li.slash
{
	font-size:14px;
	color:#16acf8;
	width:20px;
	text-align:center;	
}
#portfolio-nav li a, #portfolio-nav li a:link, #portfolio-nav li a:visited
{
	font-size:14px;	
	text-decoration:none;
	letter-spacing:normal;
}
#portfolio-nav li a:hover, #portfolio-nav li a:active
{
	color:#d05800;
	font-size:14px;	
	text-decoration:none;
	letter-spacing:normal;
}
#portfolio-nav li a.selected, #portfolio-nav li a.selected:link, #portfolio-nav li a.selected:visited, 
#portfolio-nav li a.selected:hover, #portfolio-nav li a.selected:active
{
	color:#d05800;
	font-size:14px;	
	text-decoration:none;
	letter-spacing:normal;
}
#portfolio-nav li.smaller
{
	padding:0 0 0 60px;
	color:#16acf8;
}
#portfolio-nav li.smaller a
{
	font-size:13px;
}
#portfolio-nav li.archive
{
	padding:0 0 0 50px;
}
#portfolio-nav li a.archive, #portfolio-nav li.archive a:link, #portfolio-nav li.archive a:visited
{
	font-size:13px;	
	text-decoration:none;
	letter-spacing:normal;
}
#portfolio-nav li.archive a:hover, #portfolio-nav li.archive a:active
{
	color:#d05800;
	font-size:13px;	
	text-decoration:none;
	letter-spacing:normal;
}
#portfolio-nav li.archive a.selected, #portfolio-nav li.archive a.selected:link, #portfolio-nav li.archive a.selected:visited, 
#portfolio-nav li.archive a.selected:hover, #portfolio-nav li.archive a.selected:active
{
	color:#d05800;
	font-size:13px;	
	text-decoration:none;
	letter-spacing:normal;
}
#one-column
{
	background:#dad7cd url(/wp-content/themes/gasket/images/one-column-top.gif) no-repeat 0 0;
	padding:44px 0 15px 92px;		
}
#one-column-bot
{
	background:transparent url(/wp-content/themes/gasket/images/one-column-bot.gif) no-repeat 0 0;	
	width:956px;
	height:12px;	
}
.project-item
{
	float:left;
	width:377px;
	padding:0 20px 13px 0;
}
.project-item-text
{
	margin:7px 16px 0 16px;
	border-bottom:solid 1px #7a7a7a;
	font-size:11px;
	color:#818176;	
}
.project-item-text h4
{
	font-size:11px;
	color:#818176;
	font-weight:bold;
}