/*********************************************************************************************

Theme Name: Press75.com
Theme URI: http://www.press75.com/
Description: The Official Press75.com Theme
Version: 5.5.9
Author: Jason Schuller
Author URI: http://www.thesevenfive.com/

**********************************************************************************************

Designed and Built by Jason Schuller - theSevenFive.com

CSS, XHTML and Design Files are all Copyright 2007-2010 Circa75 Media, LLC

Be inspired, but please don't steal :)

**********************************************************************************************

0.  CSS Reset
1.  Basic Setup
2.  Main Content Wrapper
3.  Header Styles
4.  Site Introduction
5.  Theme Gallery
6.  Information Pages
7.  Footer Styles

**********************************************************************************************/


/********************************************************************************************* 

0. CSS Reset

*********************************************************************************************/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

fieldset, img {border: 0;}

address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
font-weight: normal;
}

ol, ul {list-style: none;}
caption, th {text-align: left;}

h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;
}

q:before, q:after {content: '';}
abbr, acronym {border: 0;}

.cufon-loading h2, .cufon-loading h3, .cufon-loading h4, .cufon-loading #site-text, .cufon-loading #navigation, .cufon-loading #getting-started, .cufon-loading #footer li {visibility: hidden !important;}


/*********************************************************************************************

1. Basic Setup

*********************************************************************************************/
html, body {
background: #2E2E2E url(images/theme/bg.jpg) repeat fixed;
width: auto;
height: auto;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 18px;
color: #979797;
}

a:link, a:visited {
color: #CBCBCB;
text-decoration: none;
}

a:hover {
color: #979797;
}

h2, h3 {
font-size: 16px;
color: #CBCBCB;
font-weight: bold;
margin: 0 0 2px 0;
}


/*********************************************************************************************

2. Main Content Wrapper

*********************************************************************************************/
#content {
width: 960px;
margin: 0px auto;
}

/*********************************************************************************************

3. Header Styles

*********************************************************************************************/
#header {
width: 960px;
float: left;
margin: 0 0 40px 0;
}

#header-left {
width: 250px;
float: left;
padding: 40px 0 0 10px;
}

#header-right {
width: 690px;
float: left;
padding: 0 10px 0 0;
}

#site-text {
background: url(images/theme/site-text.png) top left no-repeat;
color: #CECCC6;
font-size: 15px;
width: 350px;
height: 30px;
float: right;
padding: 10px 0 0 0;
margin: 0 -2px 0 0;
text-align: center;
}

#navigation {
font-weight: bold;
width: 700px;
float: right;
margin: 50px 0 0 0;
text-align: right;
}

#navigation ul {
padding: 0 4px 0 0;
}

#navigation li {
font-size: 18px;
display: inline;
margin: 0 0 0 30px;
}


/*********************************************************************************************

4. Site Introduction

*********************************************************************************************/
#intro {
background: url(images/theme/intro.png) top center no-repeat;
color: #6D6D6D;
width: 960px;
height: 222px;
float: left;
margin: 0 0 50px 0;
}

#intro h2 {
color: #5E5E5F;
font-size: 18px;
font-weight: bold;
margin: 25px 0 10px 0;
}

.intro-text {
width: 320px;
float: left;
}

.wordpress p, .wordpress h2 {
padding: 0 20px 0 28px;
}

.support p, .support h2 {
padding: 0 20px 0 20px;
}

.updates p, .updates h2 {
padding: 0 25px 0 20px;
}

#getting-started {
font-size: 18px;
color: #CECCC6;
width: 960px;
float: left;
margin: 42px 0 0 0;
text-align: center;
}


/*********************************************************************************************

5. Theme Gallery

*********************************************************************************************/
#themes {
width: 960px;
float: left;
}

.theme-packages {
background: url(images/theme/packages.png) 0 0;
width: 960px;
height: 60px;
float: left;
margin: -10px 0 50px 0;
}

.theme-packages:hover {
background: url(images/theme/packages.png) 0 -60px;
}

.theme-discounts {
background: url(images/theme/discounts.png) 0 0;
width: 960px;
height: 60px;
float: left;
margin: -10px 0 50px 0;
}

.theme-discounts:hover {
background: url(images/theme/discounts.png) 0 -60px;
}

.theme {
width: 300px;
float: left;
margin: 0 0 50px 0;
padding: 0 10px 0 10px;
}

.coming-soon {
background: url(images/theme/soon.png) top left no-repeat;
width: 300px;
height: 160px;
float: left;
margin: -10px 0 0 0;
}

.screenshot-wrapper {
width: 300px;
height: 150px;
float: left;
}

.demo-purchase {
width: 300px;
height: 38px;
position: absolute;
margin: -14px 0 0 0;
z-index: 200;
}

.live-demo {
background: url(images/theme/demo.png) 0 0;
width: 91px;
height: 38px;
float: right;
}

.live-demo:hover {
background: url(images/theme/demo.png) 0 -38px;
}

.purchase-15 {
background: url(images/theme/purchase-15.png) 0 0;
width: 101px;
height: 38px;
float: right;
margin: 0 8px 0 0;
}

.purchase-15:hover {
background: url(images/theme/purchase-15.png) 0 -38px;
}

.purchase-25 {
background: url(images/theme/purchase-25.png) 0 0;
width: 101px;
height: 38px;
float: right;
margin: 0 8px 0 0;
}

.purchase-25:hover {
background: url(images/theme/purchase-25.png) 0 -38px;
}

.purchase-35 {
background: url(images/theme/purchase-35.png) 0 0;
width: 101px;
height: 38px;
float: right;
margin: 0 8px 0 0;
}

.purchase-35:hover {
background: url(images/theme/purchase-35.png) 0 -38px;
}

.purchase-45 {
background: url(images/theme/purchase-45.png) 0 0;
width: 101px;
height: 38px;
float: right;
margin: 0 8px 0 0;
}

.purchase-45:hover {
background: url(images/theme/purchase-45.png) 0 -38px;
}

.purchase-55 {
background: url(images/theme/purchase-55.png) 0 0;
width: 101px;
height: 38px;
float: right;
margin: 0 8px 0 0;
}

.purchase-55:hover {
background: url(images/theme/purchase-55.png) 0 -38px;
}

.purchase-75 {
background: url(images/theme/purchase-75.png) 0 0;
width: 101px;
height: 38px;
float: right;
margin: 0 8px 0 0;
}

.purchase-75:hover {
background: url(images/theme/purchase-75.png) 0 -38px;
}

.download {
background: url(images/theme/download.png) 0 0;
width: 101px;
height: 38px;
float: right;
margin: 0 8px 0 0;
}

.download:hover {
background: url(images/theme/download.png) 0 -38px;
}

.screenshot {
background: url(images/theme/frame.png) 0 0;
width: 300px;
height: 150px;
position: absolute;
z-index: 100;
}

.screenshot:hover {
background: url(images/theme/frame.png) 0 -150px;
}

.description {
width: 290px;
float: left;
padding: 0 5px 0 5px;
margin: 15px 0 0 0;
}

ul.theme-meta {
margin: 10px 0 0 0;
}

.theme-features {
background: url(images/theme/features.png) 0 0 no-repeat;
margin: 0 0 0 -4px;
padding: 0 0 0 28px;
}

.theme-features:hover {
background: url(images/theme/features.png) 0 -18px no-repeat;
}

.video-tour {
background: url(images/theme/tour.png) 0 0 no-repeat;
margin: 0 0 0 -4px;
padding: 0 0 0 28px;
}

.video-tour:hover {
background: url(images/theme/tour.png) 0 -18px no-repeat;
}

.content-container {
display: none;
}

.embed {
width: 604px;
height: 378px;
}

.tour-tip, .features-tip {
background: url(images/theme/tip.png) top left no-repeat;
width: 152px;
height: 38px;
padding:25px;
padding: 6px 0 0 0;	
text-align: center;
color: #CBCBCB;
text-shadow: 0 -1px 0 #292929;
}

.packages-tip {
background: url(images/theme/tip-more.png) top left no-repeat;
width: 180px;
height: 38px;
padding:25px;
padding: 6px 0 0 0;	
text-align: center;
color: #CBCBCB;
text-shadow: 0 -1px 0 #292929;
}


/*********************************************************************************************

6. Information Pages

*********************************************************************************************/
.information {
color: #6D6D6D;
width: 560px;
padding: 20px 10px 5px 20px;
}

.information a {
color: #6D6D6D;
text-decoration: underline;
}

.information img {
float: right;
margin: 0 0 30px 30px;
}

.information h3  {
font-size: 16px;
color: #5E5E5F;
font-weight: bold;
padding: 0;
}

.information p {
margin: 0 0 15px 0;
}

ul.features-list {
margin: 0 0 15px 0;
}

ul.features-list li {
background: url(images/theme/check.png) left no-repeat;
padding: 0 0 0 25px;
}

.unlimited {
background: url(images/theme/unlimited.png) 0 0;
float: left;
width: 254px;
height: 49px;
margin: 0 0 40px -2px;
}

.unlimited:hover {
background: url(images/theme/unlimited.png) 0 -49px;
}

.pagely {
background: url(images/theme/pagely.png) 0 0;
float: left;
width: 254px;
height: 49px;
margin: 0 0 20px -2px;
}

.pagely:hover {
background: url(images/theme/pagely.png) 0 -49px;
}

#support ul {
margin: 0 0 15px 0;
}


/*********************************************************************************************

7. Footer Styles

*********************************************************************************************/
#footer {
border-top: 1px solid #878787;
width: 934px;
float: left;
margin: 0 10px 0 10px;
padding: 10px 3px 40px 3px;
}

#footer-left {
width: 400px;
float: left;
}

#footer-right {
width: 534px;
float: left;
text-align: right;
margin: -4px 0 0 0;
}

#footer li {
font-size: 15px;
font-weight: bold;
display: inline;
margin: 0 0 0 20px;
}

li.twitter {
background: url(images/theme/twitter.png) left no-repeat;
padding: 0 0 0 28px;
}


/*********************************************************************************************

8. Thank You

*********************************************************************************************/
table {
margin: -150px 0 0 0;
}

.item_info {
color: #6D6D6D;
position: absolute;
margin: 0 0 0 40px;
top: 285px;
}

.ej_ol {
position: absolute;
width: 500px;
}

.ej_li {
position: relative;
margin: 5px 0 0 0;
}

.item_info a {
color: #6D6D6D;
text-decoration: underline;
}

.thanks h3 {
margin-top: 75px;
}

.thanks-footer {
color: #979797;
font-size: 12px;
margin: 2px 0 0 0;
}