/*
Theme Name: Punchcut PRO Child Theme
Theme URI:  http://themes.jestro.com/punchcut/
Description:  Custom Punchcut child theme for PRO members.
Version: 1.0
Author:   Drew Strojny
Author URI: http://themes.jestro.com
Template: punchcut
*/

/* Import Stylesheets, don't remove these.
-----------------------------------------------------------*/
@import url("../punchcut/stylesheets/master.css");
@import url("../punchcut/functions/stylesheets/style-options.php");

/* Required Wordpress Classes, don't remove these.
-----------------------------------------------------------*/
.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  }
.alignleft { float: left; }
.alignright { float: right; }

/* Logo
-----------------------------------------------------------*/
div#title-logo {
  float: left;
  margin: 0 0 0 30px;
}

/* Page Templates
-----------------------------------------------------------*/

#content.no-sidebar { width: 960px; }
#content.no-sidebar .entry.page { width: 900px; }
body.page-template-left-sidebar-php #sidebar { float: left; }
body.page-template-left-sidebar-php #content { float: right; }

/* Make all custom CSS changes BELOW this line
-----------------------------------------------------------*/
/* Example: Change the sidebar background to blue:
#sidebar {
  background: blue;
  }
*/
body {
  background: #F4FAFD url(../punchcut/images/blue-background.png) repeat-x scroll 50% 300px;
}
#header {
  background: #F4FAFD;
}
#navigation {
  background:transparent url(../punchcut/images/nav-background.png) no-repeat scroll left bottom;
}
#footer {
  background:rgba(154, 154, 154, 0.3) none repeat scroll 0 0;
}
div#title-logo {
  margin:0 0 0 -4px;
}

/*----miro----*/
ul#features {
clear:both;
margin:20px 0 0;
padding:0;
top:200px;
width:900px;
z-index:1000;
}
ul#features.on li:hover, ul#features.on li.sfhover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../punchcut/images/li.png) no-repeat scroll 40px 0;
color:#000000;
cursor:default;
}
.rollover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../punchcut/images/arrow.png) no-repeat scroll 0 23px;
color:#999999;
font-size:10px;
margin:0 0 0 50px;
padding:20px 0 10px 26px;
text-transform:uppercase;
}
ul#features li div p {
font-size:14px;
height:300px;
line-height:1.4em;
margin:5px 0 0;
padding:60px 65px 0 150px;
}
.feature1 div p, .feature2 div p, .feature3 div p, .feature4 div p, .feature5 div p {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../punchcut/images/hm-half.gif) no-repeat scroll 1px 45px;
}
ul#features.on li:hover div, ul#features.on li.sfhover div {
display:block;
}
ul#features li div {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../punchcut/images/frame.png) no-repeat scroll left top;
color:#333333;
display:none;
font-size:13px;
height:455px;
margin:21px 0 0 323px;
position:absolute;
top:294px; /*260px; 165px;*/
width:610px;
z-index:100000;
}
#main_screenshot {
display:block;
height:398px;
margin:20px 0 0 330px;
position:absolute;
width:555px;
}
#main_screenshot p {
margin:0 0 5px 0;
width:555px;
}
#screen {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../punchcut/images/screen_dropshadow.png) no-repeat scroll -24px -36px;
padding:0 30px 20px 16px;
}
#content.front {
clear:both;
letter-spacing:0.015em;
margin:0;
width:960px;
}
body #content ul#features li h3 {
background-position:0 13px;
color:#333333;
cursor:pointer;
font-family:Helvetica,Arial,Verdana,sans-serif;
font-size:12pt;
font-style:normal;
line-height:36pt;
margin:0 0 0 40px;
overflow:hidden;
padding:0 0 0 35px;
text-align:left;
}
#top {
height:507px;
}
#content h2#hmde {
font-size:30px;
margin:0 auto 0;
padding-top:45px;
text-align:center;
width:100%;
font-family:Georgia,sans-serif;
font-style:italic;
font-weight:normal;
}
.front_panel.first {
padding-left:40px;
}
.front_panel {
float:left;
line-height:1.5em;
font-size:1.3em;
padding:30px 10px 80px 50px;
width:260px;
}
.front_panel p {
color:#666666;
margin:0;
padding:5px 0;
}
.front_panel.last {
width:242px;
}
.front_panel h3 {
font-size:1em;
}
.front_panel h3 {
text-transform:uppercase;
}
.front_panel h3 {
font-size:1.5em;
font-weight:normal;
}
#download_button a:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../punchcut/images/dl.png) no-repeat scroll 4px -81px;
}
#download_button a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../punchcut/images/dl.png) no-repeat scroll 4px 2px;
color:#FFFFFF;
display:block;
font-size:17px;
line-height:57px !important;
overflow:hidden;
padding:2px 0 4px 35px !important;
text-align:left;
text-decoration:none;
width:240px;
}
ul#features li.download {
height:70px;
margin:0 0 0 0;
padding:10px 0 0 40px;
}
ul#features li {
cursor:pointer;
height:47px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
width:364px;
}
li.download, li.download:hover {
-moz-background-clip:border !important;
-moz-background-inline-policy:continuous !important;
-moz-background-origin:padding !important;
background:transparent none repeat scroll 0 50% !important;
}
#download_button p {
font-size:13px;
line-height:2em;
margin:0 0 0;
text-align:center;
width:238px;
}
.windows span {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../punchcut/images/windows.png) no-repeat scroll center bottom;
float:none !important;
padding:3px 12px;
width:25px;
}
#adbanner {
float:right;
text-align:right;
}
#adbanner div {
margin:5px 30px 0 0;
}
#framebanner {
margin:0 0 0 208px;
position:absolute;
top:80px;
z-index:-1;
}
#BZI {
z-index:1;
margin:0 0 0 208px;
}