/*

Theme Name: Cafe Press

Theme URI: http://www.press75.com/

Description: The first release under my business line of WordPress themes. Detailed usage instructions for this theme can be found at <a href="http://www.press75.com/docs/cafepress/">http://www.press75.com/docs/cafepress/</a>. Don't forget to configure the Cafe Press Theme Options page.

Version: 1.0

Author: Jason Schuller

Author URI: http://www.press75.com/



This theme was designed and built by Jason Schuller,

whose portfolio you will find at www.jdidit.com



The CSS, XHTML and design are all Copyright 2009 Circa75 Media, LLC:

*/



body {

margin: 0;

padding: 0;

background: #1A1915 url(images/bg.jpg) top left repeat fixed;

font: 0.85em Tahoma, Arial, Helvetica, sans-serif; 

color: #CCCCCC; 

line-height: 18px;

}



h1 {

font-family: impact,Trebuchet,

Impact, Times, serif;

font-weight: normal;

font-size: 42px;

color: #FFFFFF;

margin: 35px 0 15px 0;

padding: 0;

}



h1 a:link, h1 a:active, h1 a:visited {

color: #E0E0E0;

}



h1 a:hover {

color: #999999;

}



a:link, a:visited {

color: #FFFFFF;

text-decoration: none;

}



a:hover {

color: #A7A195;

}



h2 {

font-size: 18px;

font-weight: normal;

padding: 0;

margin: 0 0 2px 0;

color: #C8C8C8;

}



h2 a:link, h2 a:active, h2 a:visited {

color: #C8C8C8;

}



h2 a:hover {

text-decoration: underline;

}



/*   ********  POSITION:RELATIVE - MAIN CONTAINING ELEMENT ********  */

#wrapper {position:relative; 

margin-left: auto;

margin-right: auto;

width: 960px;

}



h3 {

font-size: 18px;

font-weight: normal;

padding: 0;

margin: 0 0 2px 0;

color: #C8C8C8;

}



h4 {

font-size: 14px;

font-weight: normal;

padding: 0;

margin: 0;

color: #C8C8C8;

}



h4 a:link, h4 a:active, h4 a:visited {

color: #B74718;

text-decoration: none;

}



h4 a:hover {

text-decoration: underline;

}



img {

border: 0;

}



p {

margin: 0 0 15px 0;

}



.postcomments {

float: right;

width: 35px;

height: 32px;

background: url(images/comments.png) no-repeat 0 0;

text-align: center;

padding: 2px 0 0 0;

margin: 4px 0 0 0;

font-size: 14px;

}



.postcomments:hover {

background: url(images/comments.png) no-repeat 0 -48px;

}



.date {

float: left;

width: 650px;

}



.postdets {

float: left;

width: 

900px;

margin: 0 0 15px 0;

}



ul {

list-style: none;

}



blockquote {

width: 80%;

height: auto;

margin: 0; 

padding: 15px 25px 15px 85px;

display: block;

}



#header {

height: 110px;

}



/* ****************** ADAPTED LOGO  **************** */

#logo {

margin:22px 0 0 0;

width: 350px;

height:80px;

float: left;

color: #C8C8C8;}



#logo img {position:absolute;top:12px;left:0;}



#logo h2{position:absolute;bottom:21px;left:0;}





/* ******************** END ADAPTED **************** */







/* *************** ORIGINAL LOGO COMMENTED OUT



#logo {

height: 110px;

width: 480px;

float: left;

}



#logo h2 {

margin: -41px 0 0 93px;

}



* + html #logo h2 {

margin: -44px 0 0 95px;

}



****************END ORIGINAL LOGO COMMENTED OUT *********************** */









#textlogo {

height: 110px;

width: 350px;

float: left;

color: #C8C8C8;

}



/** begin navigation **/

#navigation {

width: 610px;

float: left;

font-size: 18px;

}



#navigation ul {

list-style: none;

margin: 69px 0 0 0;

float: right;

}



#navigation li {

display: inline;

margin: 0 0 0 25px;

padding: 0 0 23px 0;

float: left;

}



#navigation li.current_page_item, #navigation li:hover {

background: url(images/current.png) bottom no-repeat;

}

/** end navigation **/



/** begin primary layout ADDED POSITION RELATIVE **/

#content {position:relative;

float: left;

width: 920px;

background: url(images/bg.png) repeat;

padding: 20px;

}



#main {

width: 900px;

margin: 0 20px 0 0;

float: left;

}



.pagenavi {

font-size: 15px;

}



.pagenavi a:link, .pagenavi a:active, .pagenavi a:visited {

color: #C8C8C8;

text-decoration: underline;

}



.pagenavi a:hover {

color: #A7A195;

}



#main h3 {

font-size: 16px;

font-weight: normal;

margin: 0 0 2px 0;

padding: 0;

}



.postbox {

width: 920px;

float: left;

}



.postimage {

margin: 0 20px 0 0;

float: left;

padding: 10px;

background: #FFFFFF;

}



.theblogpost ul, .pagebox ul {

list-style: disc;

}



.pagebox {

width: 900px;

float: left;

}



.thepost {

float: left;

width: 520px;

}



.theblogpost {

float: left;

width: 900px;

border-bottom: 1px dashed #CCC;

margin: 0 0 20px 0;

padding: 0 0 10px 0;

}



.thepagepost {

float: left;

width: 900px;

}



.entry a:link, .entry a:visited {

color: #CCCCCC;

text-decoration: underline;

}



.entry a:hover {

color: #A7A195;

}

/** end primary layout **/



/** begin home page **/

#busdets {

list-style: none;

margin: 5px 0 0 0;

padding: 0;

float: left;

}



#busdets a:link, #busdets a:visited {

color: #CCCCCC;

}



#busdets a:hover {

color: #A6A6A6;

}



#busdets h2 a:link, #busdets h2 a:visited {

color: #C8C8C8;

}



#busdets li {

padding: 0 0 0 45px;

cursor: pointer;

}



#busdets li.contact {

background: url(images/contact.png) no-repeat 0 0;

}



#busdets li.contact:hover {

background-position: 0 -40px;

}



#busdets li.hours {

background: url(images/hours.png) no-repeat 0 0;

}



#busdets li.hours:hover {

background-position: 0 -100px;

}



#busdets li.location {

background: url(images/location.png) no-repeat 0 0;

}



#busdets li.location:hover {

background-position: 0 -40px;

}

/** end home page **/



/** begin specials **/

.specialitem {

margin: 5px 0 0 0;

float: left;

width: 200px;

}



.specialitem p {

margin: 0;

font-size: 12px;

line-height: 1.2em;

}



.specialitem a:link, .specialitem a:visited {

color: #CCCCCC;

}



.specialitem a:hover {

color: #A6A6A6;

}



.specialitem h4 a:link, .specialitem h4 a:visited {

color: #B74718;

}



.specialimage {

padding: 2px;

background: #FFFFFF;

float: left;

width: 50px;

height: 50px;

margin: 0 10px 0 0;

}



.specialimage:hover {

background: #CCCCCC;

}

/** end specials **/



/** begin sidebar **/

#sidebar {

float: left;

width: 200px;

}



.widgetblock a:link, .widgetblock a:active, .widgetblock a:visited {

color: #CCC;

text-decoration: underline;

}



.widgetblock a:hover {

color: #A7A195;

}



#sidebar ul {

list-style:none;

margin:0;

padding:0;

}



#sidebar li {

padding:0 0 4px 0;

}



.widgetblock {

width: 200px;

margin: 0 0 25px 0;

float: left;

}

/** end sidebar **/



/** begin blocks **/

#blocks {

width: 920px;

padding: 20px;

float: left;

margin: 20px 0 0 0;

/*background: url(images/bg.png) repeat;*/

background:none transparent;

}



#blocks a:link, #blocks a:visited {

color: #CCCCCC;

}



#blocks a:hover {

color: #A6A6A6;

}



#blocks h4 {

font-size: 16px;

font-weight: normal;

padding: 0;

margin: 0;

color: #C8C8C8;

}



#blocks h4 a:link, #blocks h4 a:visited {

color: #C8C8C8;

}



.blockitem {

width: 300px;

float: left;

margin: 0 10px 0 0;

}



#blocks p {

margin: 0;

padding: 0;

}



.lastblockitem {

width: 300px;

float: left;

margin: 0;

}



.blockimage {

float: left;

padding: 4px;

background: #FFFFFF;

margin: 0 10px 0 0;

width: 100px;

height: 100px;

}



.blockimage:hover {

background: #CCCCCC;

}

/** end blocks **/



#footer {

width: 960px;

float: left;

color: #CCCCCC;

padding: 20px 0 20px 0;

}



#footer a:link, #footer a:visited {

color: #CCCCCC;

}



#footer a:hover {

text-decoration: underline;

}



#footer p {

padding: 0;

}

#footer div marquee{

position:relative;

top:-50px;



}



/* ****************  Scroller  - you may need to tweak stuff in scroller.php as well for styling e.g width, background color  ********************************** */



div.scroller {position:relative; left:-20px; background-color:#1D1D1D;padding:10px 0 10px 0;width:960px;} /* Color of scroller text */



/*

p.scroller  a.scroller:link {color:white !important;}      

p.scroller  a.scroller:hover {color:gray  !important;}

p.scroller  a.scroller:visited {color:white  !important;}

*/





/* *************************************** Individual sales pages ************************************************** */



div.sales-page {position:relative; margin:0 0 30px 0;}

div.sales-page-header-box  {width:400px;margin:0 auto 0 auto;padding:10px 20px 10px 20px; text-align:left; background-color:#C8C8C8;border:1px solid white;}



h2.sales-page {position:relative; left:-20px;color:#414141;font-size:20px;font-weight:normal;width:958px;margin:0 0 10px 0;padding:10px 0 10px 0;background-color:#C8C8C8;border:1px solid white;text-align:left;text-indent:20px;font-family:verdana;} /* The top header on the sales page */



div.sales-page h2 {position:relative; left:-20px;color:#414141;font-size:20px;font-weight:normal;width:958px;margin:0 0 10px 0;padding:10px 0 10px 0;background-color:#C8C8C8;border:1px solid white;text-align:left;text-indent:20px;font-family:verdana;} /* The headers on the sales page */





h2#sales-top {position:relative;} /* h2 at the very top of page */



span.sales-top {position:relative;float:right;margin-right:20px;top:-5px;}  /* Encloses the price quote link and shifts it to the right */



a.sales-top:link {text-decoration:none;color:#414141;} /* Price quote link at very top of page*/

a.sales-top:visited {text-decoration:none;color:#414141;}

a.sales-top:hover {text-decoration:none;color:white;}



h2#why-buy {margin-top:60px;}



div.sales-page-entry p {position:relative;font-size:14px;} /* font size for Page text at top of Page*/

p.sales-page {position:relative;font-size:14px;}  /* font size for Page text at bottom of Page */



ul.sales-page {position:relative;margin-top:0;} 

li.sales-page {position:relative;list-style-type:decimal;font-size:14px;}  /* List on the sales page */



a.sales-page:link {text-decoration:underline;} /* Links on sales page */

a.sales-page:visited {text-decoration:underline;}

a.sales-page:hover {text-decoration:none;}



p.generic-break {clear:both;} /*break page between unique and generic content*/





/*

Edit post    link

*/

p.edit-post {font-size:0.9em;margin:10px 0 30px 0;}





p.edit-post {font-size:0.9em;margin:10px 0 30px 0;}

p.edit-post a.post-edit-link:link {text-decoration:underline;color:red;}          

p.edit-post a.post-edit-link:visited {text-decoration:underline;color:red;}    

p.edit-post a.post-edit-link:hover {text-decoration:none;color:red;}   









/* *********************************** Mailing list ****************************** */



div.mailing-list {width:230px;height:200px;border:0px solid red;position:absolute;bottom:74px;right:40px;}



/* If using Widget  form#mc_signup_form {border:0px solid green;margin:0;padding:0;position:relative;} */









/* ************************************** Sales Page table ***************************** */



table.wp-table-reloaded a:link {color:#414141;text-decoration:none;} /* Links within the table */

table.wp-table-reloaded a:visited {color:#414141;text-decoration:none;}

table.wp-table-reloaded a:hover {color:#DF0101;text-decoration:none;}