/*
Theme Name: CrappyCat
Theme URI: http://crappycat.com/
Description: Jaegermeister is the bestest.
Version: 1.0
Author: CrappyCat
Author URI: http://tvmstudios.com
*/



body
{ 
	margin: 0;
	padding-top: 10px;
	font-family: Lucida Grande, Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color: #464646;
	background: #303c38;
	background-attachment: scroll;
}

a:link, a:active {
	color: #000;
	text-decoration: underline;
}

a:visited {
	color: #000;
	text-decoration: underline;
}

a:hover {
	color: #ff0000;
	text-decoration: underline;
}

p
{ 
	line-height: 16px;
}

a img {
	border: none;
}

/* nav */

#nav
{
	width: 937px;
	height: 85px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

#nav h2
{
	margin: 0px;
	padding: 0px;
}

#nav .on {
	background-position: 0 -32px;
}

#nav .on:hover {
	background-position: 0 -32px;
}

#nav span
{
	display: none;
}

#navsearch
{
	padding-top: 40px;
}

#nav_home {
    width: 76px;
	height: 16px;
	overflow: hidden;
    background: url(images/nav_home.png) no-repeat;
	background-position: 0 0;
	display: block;
	margin: 0px;
	float: left;
}

#nav_home:hover{
	background-position: 0 -16px;
}

#nav_art {
    width: 62px;
	height: 16px;
	overflow: hidden;
    background: url(images/nav_art.png) no-repeat;
	background-position: 0 0;
	display: block;
	margin: 0px;
	float: left;
}

#nav_art:hover{
	background-position: 0 -16px;
}

#nav_about {
    width: 87px;
	height: 16px;
	overflow: hidden;
    background: url(images/nav_about.png) no-repeat;
	background-position: 0 0;
	display: block;
	margin: 0px;
	float: left;
}

#nav_about:hover{
	background-position: 0 -16px;
}

#nav_store {
    width: 85px;
	height: 16px;
	overflow: hidden;
    background: url(images/nav_store.png) no-repeat;
	background-position: 0 0;
	display: block;
	margin: 0px;
	float: left;
}

#nav_store:hover{
	background-position: 0 -16px;
}

#nav_contact {
    width: 102px;
	height: 16px;
	overflow: hidden;
    background: url(images/nav_contact.png) no-repeat;
	background-position: 0 0;
	display: block;
	margin: 0px;
	float: left;
}

#nav_contact:hover{
	background-position: 0 -16px;
}

#nav_addthis {
	float: left;
	margin-left: 75px;
}

#nav_search {
	display: block;
	float: right;
	margin-right: 35px;
	margin-top: 35px;
}

#nav_searchbutton {  
    margin-left: 3px;
	padding: 1px;
	width: 23px;  
    height: 24px;  
    background: url(images/go.png) no-repeat top left;
    border: 0px;  
    font-size: 10px;
	color: #fff;
	font-weight:bold;
}

#s {
	height: 11px;
	color: #939393;
	font-size: 10px;
}

/* logo */

#logo
{
	float: left;
	
}

#logo .crappy_cat
{
    background: url(images/logo.png) no-repeat;
	width: 117px;
	height: 86px;
	display: block;
}

.footertext p {
	font-size: 10px;
	color: #707d7a;
	padding-left: 23px;
	padding-top: 20px;
 	clear: both;
}

.footertext a:link, a:active {
	color: #707d7a;
	text-decoration: underline;
}

.footertext a:visited {
	color: #707d7a;
	text-decoration: underline;
}

.footertext a:hover {
	color: #000;
	text-decoration: none;
}


#page
{
	width: 984px;
	padding: 0px;
	margin: 0 auto;
	background: transparent url(images/page_bg_trans.png) top repeat-y;
}

#wrapper
{
	width: 937px;
	margin: 0px;
	padding-left: 23px;
	overflow: hidden;	
}

#flash_header
{
	width: 937px;
	height: 304px;
}

#flash_subheader
{
	width: 937px;
	height: 150px;
}

/* Art and Gallery Page */

#art_subheader
{
	width: 937px;
	height: 41px;
	background: transparent url(images/gallery_header.png) top no-repeat;
}

#gallery_photos {
	float: left;
	width: 887px;
	margin-left: 25px;
	margin-top: 15px;
}

#gallery_photos a:link, a:active {
	color: #fff;
	text-decoration: none;
}

#gallery_photos a:visited {
	color: #fff;
	text-decoration: none;
}

#gallery_photos a:hover {
	color: #ccc;
	text-decoration: none;
}

#gallery_photos img {
	margin: 10px;
	border: 0;
}

#art_title {
	margin-left: 25px;
	float: left;
}

#art_title h3 {
	color: #ff0000;
	font-size: 26px;
	margin-bottom: 6px;
}

#art_findus {
	float: left;
	width: 310px;
	height: 27px;
	margin-left: 416px;
	margin-top: 24px;
	font-size: 11px;
	color: #bfbfbf;
	overflow: hidden;
	
}

#art_findus span {
	display: none;
}

#art_findus p {
	margin-top: 10px;
	margin-right: 5px;
	padding: 0;
	float: left;
}

#also_yt
{
    background: url(images/gallery_yt.png) no-repeat;
	width: 65px;
	height: 27px;
	display: block;
	float: left;
}

#also_fl
{
    background: url(images/gallery_fl.png) no-repeat;
	width: 69px;
	height: 27px;
	display: block;
	float: left;
}

#also_v
{
    background: url(images/gallery_v.png) no-repeat;
	width: 81px;
	height: 27px;
	display: block;
	float: left;
}

.gallery_module_left
{
	width: 418px;
	float: left;
	margin-left: 10px;
	margin-right: 20px;
}

.gallery_module_right
{
	width: 418px;
	float: left;
}

.gallery_module_top
{
	background: transparent url(images/gallery_container_top.png) no-repeat;
	width: 418px;
	height: 55px;
	margin: 0;
	padding-top: 5px;
}

.gallery_module_top h3 {
	color: #464646;
	font-size: 16px;
	margin-left: 10px;
}

.gallery_module_body
{
	background: transparent url(images/gallery_container_bg.png) top left repeat-y;
	width: 418px;
	padding-top: 5px;
	padding-bottom: 20px;
	padding-left: 17px;
	margin: 0px;
}

.gallery_module_bottom
{
	background: transparent url(images/gallery_container_bottom.png) no-repeat;
	width: 418px;
	height: 21px;
	padding: 0;
	margin: 0;
}

.gallery_video {
	padding: 0px;
	margin: 0 auto;
}


#left_col {
	float: left;
	width: 560px;
	margin-left: 25px;
}

#left_col .news_post {
	background: transparent url(images/squiggle.png) bottom no-repeat;
	padding-bottom: 60px;
}


#left_col h1 {
	color: #000;
	font-size: 22px;
	margin-top: 30px;
	margin-bottom: 10px;
	text-transform: uppercase;
}


#left_col h3 {
	color: #ff0000;
	font-size: 26px;
	margin-bottom: 6px;
}


#left_col .news_date {
	color: #464646;
	font-size: 13px;
	margin-bottom: 16px;
}

.squiggly {
	width: 560px;
	height: 29px;
	margin-top: 15px;
	margin-bottom: 5px;
	background: transparent url(images/squiggle.png) top no-repeat;
}

#left_col .news_share_this {
	margin-top: 8px;
	float: left;
}

#left_col .news_read_more {
	margin-top: 8px;
	float: right;
	font-size: 11px;
}

#left_col_about {
	float: left;
	width: 540px;
	margin-left: 25px;
}

#left_col_about h3 {
	color: #ff0000;
	font-size: 26px;
	margin-bottom: 6px;
}

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

.older_newer a:link, a:active {
	color: #464646;
	text-decoration: none;
}

.older_newer a:visited {
	color: #464646;
	text-decoration: none;
}

.older_newer a:hover {
	color: #000000;
	text-decoration: none;
}


#older_crap {
	background: transparent url(images/content_older_bg.png) top left no-repeat;
	width: 113px;
	height: 32px;
	float: left;
	padding-top: 6px;
	padding-left: 16px;
	margin: 0;
	font-size: 13px;
}

#newer_crap {
	background: transparent url(images/content_newer_bg.png) top left no-repeat;
	width: 113px;
	height: 32px;
	float: right;
	padding-top: 6px;
	padding-left: 16px;
	margin: 0;
	font-size: 13px;
}

/* Contact Page */

.wholesale {
	color: #ff000c;
	font-size: 13px;
}

#follow_crappy span {
	display: none;
}

.contact_twitter {
    width: 39px;
	height: 40px;
	overflow: hidden;
    background: url(images/contact_twitter.png) no-repeat;
	display: block;
	margin: 0px;
	float: left;
}

.contact_facebook{
    width: 41px;
	height: 40px;
	overflow: hidden;
    background: url(images/contact_facebook.png) no-repeat;
	display: block;
	margin: 0px;
	float: left;
}

.contact_flickr {
    width: 43px;
	height: 40px;
	overflow: hidden;
    background: url(images/contact_flickr.png) no-repeat;
	display: block;
	margin: 0px;
	float: left;
}

.contact_vimeo {
    width: 41px;
	height: 40px;
	overflow: hidden;
    background: url(images/contact_vimeo.png) no-repeat;
	display: block;
	margin: 0px;
	float: left;
}
/* Right column */

#right_col
{
	float: left;
	width: 290px;
	margin-left: 37px;
}

.r_module {
	background: #ebeaea;
	width: 290px;
	margin-top: 20px;
}

.r_module_green {
	background: #5a6b67;
	width: 290px;
	margin-top: 20px;
}

#r_newsletter {
	width: 290px;
	height: 31px;
	margin: 0px;
	padding: 0px;	
	background: #5a6b67 url(images/rcol_newsheader.png) top no-repeat;
}

#r_newsletter span {
	display: none;
}

#r_newslettergo {  
    margin-left: -10px;
	margin-top: 8px;
	margin-right: 0px;
	padding: 0px;
	width: 75px;  
    height: 26px;  
    background: url(images/addme.png) no-repeat top left;
    border: 0px;  
    font-size: 10px;
	color: #fff;
	font-weight:bold;
	display: inline;
	float: left;
}

#r_newsletterinput {
	height: 14px;
	font-size: 10px;
	background-color: #ffffff; 
	width: 160px;
	margin-left: 20px;
	margin-top: 12px; 
	margin-bottom: 12px;
	margin-right: 0px;
	display: inline;
	float: left;
}

.idleField {
	color: #bec3c2;
	border: 1px solid #cccccc;
}

.focusField {
	color: #000000;
	border: 1px solid #666666;
}


.r_newsletter_end {
	width: 290px;
	height: 17px;
	margin: 0px;
	padding: 0px;	
	background: transparent url(images/rcol_newsbottom.png) top no-repeat;
	display: block;
}

#r_game {
	width: 290px;
	height: 49px;
	margin: 0px;
	padding: 0px;	
	background: transparent url(images/rcol_gameheader.png) top no-repeat;
}

#r_game span {
	display: none;
}

.r_game_pic { 
	width: 290px;
	height: 154px;
	margin: 0px;
	padding: 0px;	
	background: transparent url(images/rcol_game_pic.jpg) top no-repeat;
	display: block;
}


#r_twitter {
	width: 290px;
	height: 49px;
	margin: 0px;
	padding: 0px;	
	background: transparent url(images/rcol_twitterheader.png) top no-repeat;
}

#r_twitter span {
	display: none;
}

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

.r_twitter_text ul li {
	color: #263832;
	font-size: 12px;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 10px;
}

.r_twitter_date {
	color: #707d79;
	font-size: 10px;
}

.r_twit_squiggle {
	width: 250px;
	height: 14px;
	margin-top: 16px;
	margin-bottom: 16px;	
	background: transparent url(images/rcol_twitsquiggle.png) top no-repeat;	
}

.r_twit_end {
	width: 290px;
	height: 116px;
	margin: 0px;
	padding: 0px;	
	background: transparent url(images/rcol_twitterbottom.png) top no-repeat;
	display: block;
}

#r_buy {
	width: 290px;
	height: 49px;
	margin: 0px;
	padding: 0px;	
	background: transparent url(images/rcol_buyheader.png) top no-repeat;
}

#r_buy span {
	display: none;
}

#right_col_about
{
	float: left;
	width: 344px;
	height: 511px;
	margin-left: 0px;
	background: transparent url(images/about_crappy.png) top no-repeat;
}


/* Buy Carousel CSS */

#carousel_inner {
	float:left; /* important for inline positioning */
	width:230px; /* important (this width = width of list item(including margin) * items shown */ 
	overflow:hidden;  /* important (hide the items outside the div) */
	/* non-important styling bellow */
	background: #ebeaea;
	position:relative;
}

#carousel_ul {
	position:relative;
	left:-211px; /* important (this should be negative number of list items width(including margin) */
	list-style-type: none; /* removing the default styling for unordered list items */
	margin: 0px;
	padding: 0px;
	width:9999px; /* important */
	/* non-important styling bellow */
	padding-bottom:10px;
}

#carousel_ul li{
float: left; /* important for inline positioning of the list items */                                    
width:161px;  /* fixed width, important */
/* just styling bellow*/
padding:0px;
height:107px;
background: #ebeaea;
margin-top:10px;
margin-bottom:10px; 
margin-left:27px; 
margin-right:27px; 
}

#carousel_ul li img {
.margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that*/
/* styling */
cursor:pointer;
cursor: hand; 
border:0px; 
}
#left_scroll, #right_scroll{
float:left; 
height:75px; 
width:25px; 
background: #ebeaea; 
padding-top:52px;
padding-left: 5px;
}
#left_scroll img, #right_scroll img{
border:0; /* remove the default border of linked image */
/*styling*/
cursor: pointer;
cursor: hand;
}


#r_clip {
	width: 290px;
	height: 49px;
	margin: 0px;
	padding: 0px;	
	background: transparent url(images/rcol_clipheader.png) top no-repeat;
}

#r_clip span {
	display: none;
}

#r_fan {
	width: 290px;
	height: 49px;
	margin: 0px;
	padding: 0px;	
	background: transparent url(images/rcol_fanheader.png) top no-repeat;
}

#r_fan span {
	display: none;
}


#footer
{
	width: 984px;
	height: 60px;
	background: transparent url(images/footer_trans.png) top no-repeat;
	margin: 0 auto;
	padding-top: 20px;
}

.clear_both
{
	clear: both;
}

.alignleft
{
	float: left;
}

.alignright
{
	float: right;
}

/* Comments */

.comment-meta {
	padding-left: 36px;
}
.comment_top {
	width: 517px;
	height: 29px;
	margin: 0px;
	padding: 0px;	
	background: transparent url(images/comment_top.png) top no-repeat;
	display: block;
}

.comment_text {
	background: #dce2df;
	width: 517px;
}

.comment_text p {
	margin: 0;
	padding-left: 15px;
	padding-right: 15px;
}


.comment_bottom {
	width: 517px;
	height: 19px;
	margin: 0px;
	padding: 0px;	
	background: transparent url(images/comment_bottom.png) top no-repeat;
	display: block;
}

.comment_divider {
	width: 517px;
	height: 18px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 0px;	
	background: transparent url(images/squiggle.png) top left no-repeat;
	display: block;
}

/* CSS File for Dagon Design Formmailer Script */
/* http://www.dagondesign.com */

/* COLOR/BORDERS CSS */

form.ddfm h1,
form.ddfm h2 {
	color: #253731;
}

form.ddfm legend, 
form.ddfm label, 
form.ddfm label.fmtextlblwide {
	color: #253731;
}

form.ddfm .fmcheck p, 
form.ddfm .fmradio p,
form.ddfm textarea, 
form.ddfm .fmfullblock, 
form.ddfm .fmhalfblock, 
form.ddfm .fmselect, 
form.ddfm input.fmtext,
form.ddfm input.fmdate,
form.ddfm input.fmverify,
form.ddfm textarea.fmtextwide,
form.ddfm .submit,
form.ddfm .credits {
	color: #666;
}

form.ddfm .required {
	color: #FF0000;
}

.ddfmerrors {
	color: #FF0000;
}

/* TEXT CSS */

.ddfmwrap {
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
}

form.ddfm h1,
form.ddfm h2 {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 0 0 10px 0;
	padding: 0;
}


form.ddfm h1 {
	font-size: 140%;
}

form.ddfm h2 {
	font-size: 115%;
}

form.ddfm legend, 
form.ddfm label, 
form.ddfm label.fmtextlblwide {
	font-size: 100%;
	font-weight: bold;
}

form.ddfm .credits {
	font-size: 90%;
}

form.ddfm legend {
	font-size: 110%;
}

.ddfmerrors {
	font-weight: bold;
}




/* STRUCTURE CSS */

.ddfmwrap {

	width: 450px;
}

.ddfmwrap p.fieldwrap {
	padding: 1px;
	margin: 1px;
	clear: left;

}

form.ddfm {
	text-align: left;
	padding-top: 20px;
	width: 560px; 
}

form.ddfm fieldset {
	padding: 0 10px 2px 10px;
	margin: 0 0 13px 0;
	display: block;
}

form.ddfm legend {
	padding: 0 6px 0 6px;
	margin: 0 0 0 10px;	 
}

form.ddfm label {
	display: block; 
	float: left; 
	width: 26%; 
	text-align: left;
	margin: 2px 10px 0 0; 
	padding-bottom: 3px;
	padding-left: 5px;
	padding-top: 2px;
	clear: left; 
	background: #bfcec8;
	color: #253731;
	font-size: 13px;
	font-weight: lighter;
}

form.ddfm label.fmtextlblwide {
	display: block;  
	float: left; 
	text-align: left;
	margin: 0 10px 0 1px; 
	padding-bottom: 8px; 
	width: 100%;
}

form.ddfm select.fmselect {
	float: left; 
	display: block;
	width: 65%; 
	margin-bottom: 15px;  
	padding: 3px; 
}

form.ddfm .fmcheck {
	width: 65%; 
	float: left;
	display: block;  
	margin-bottom: 15px;
}

form.ddfm .fmchecklabel {
	display: inline; 
	float: none; 
	clear: none; 
	text-align: left; 
	margin: 0; 
	padding: 0;
}

form.ddfm .fmradio {
	width: 65%;
	float: left;
	display: block;
	margin-bottom: 15px;
}

form.ddfm .fmradiolabel {
	display: inline; 
	float: none; 
	clear: none; 
	text-align: left; 
	margin: 0; 
	padding: 0;
}

form.ddfm .fmcheck p {
	padding: 0;
	margin: 0 0 5px 0;
	line-height: 140%;
}

form.ddfm .fmradio p {
	padding: 0;
	margin: 0 0 5px 0;
	line-height: 140%;
}

form.ddfm textarea {
	float: left; 
	position: relative;
	width: 65%;
	margin-bottom: 15px;
	padding: 3px;
	border: #bfcec8 1px solid;
}


/*
	display: block; 
	float: left; 
	width: 26%; 
	text-align: right;
	margin: 0 10px 0 0; 
	padding-bottom: 15px;
	clear: left;  */

form.ddfm .fmfullblock {
	padding-left: 0px;
	float: left; 
	width: 100%;
	margin-bottom: 13px;
	display: block;
}

form.ddfm .fmhalfblock {
	width: 65%;
	padding-left: 29%;
	margin-bottom: 13px;
	float: left; 
	display: block;
}

form.ddfm input.fmverify {
	float: left; 
	width: 22%;
	margin-bottom: 15px; 
	padding: 3px;
	position: relative;
	display: block;
}

form.ddfm img {
	margin: 1px 0 0 10px; 
    float: left;
}

form.ddfm input.fmfile,
form.ddfm input.fmtext {
	float: left; 
	display: block;
	width: 65%;
	margin-bottom: 15px;  
	padding: 3px;
	border: #bfcec8 1px solid;
}

form.ddfm input.fmdate {
	float: left; 
	display: block;
	width: 35%;
	margin-bottom: 15px;  
	padding: 3px;
}

form.ddfm textarea.fmtextwide {
	display: block;
	float: left;
	width: 93%;
	margin-right: 2px;
	margin-bottom: 15px; 
	padding: 3px;
}

form.ddfm .credits {
	text-align: right;
	margin-top: 7px;
	width: 97%;
}

form.ddfm .submit {
	text-align: right;
	clear: both; 
	width: 97%;
}

.ddfmwrap .ddfmerrors {
	display: block; 
	float: left; 
	width: 27%; 
	text-align: right;
	margin: 0 10px 0 0; 
	padding-bottom: 15px;
}

.ddfmwrap .errorlist {
	float: left; 
	display: block;
	width: 65%;
	margin-bottom: 15px;  
	padding: 3px;
	text-align: left;
}

.ddfmwrap .recaptcha {
	width: 100%;
	text-align: right;
	clear: both; 
	height: 120px;
	margin-right: 7px;
	padding-bottom: 10px;
}

.ddfmwrap .recaptcha-inner {
	float: right;
	margin-right: 3px;
}

#contact_button {
	width: 98px;
	height: 31px;
	overflow: hidden;
    background: url(images/contact_submit.png) no-repeat;
	border: none;
	cursor: pointer;
}

/* ie6 fixes */

* html #page
{
	background: transparent url(images/page_bg.png) top repeat-y;
}

* html #left_col
{
	margin-left: 17px;
}

* html #right_col
{
	margin-left: 17px;
}

* html a img
{
	border: none;
}

* html #carousel_ul li{
margin-left:22px; 
margin-right:27px; 
}

* html #gallery_photos {
	margin-left: 15px;
}

* html #nav_search {
	margin-right: 20px;
}

* html #art_findus {
	margin-left: 300px;
}

* html .gallery_module_left
{
	margin-left: 0px;
	margin-right: 8px;
}

* html .gallery_module_top h3 {
	margin-left: 0px;
}

* html #footer
{
	display: block;	
	background: transparent url(images/footer.jpg) top no-repeat;
	overflow: hidden;
}

* html .footertext p {
	padding-bottom: 20px;
}