/*
Theme Name: Scraster 
Theme URI: http://www.scraster.com
Description: Scraster's K2 theme
Version: 2.7
Author: John
Author URI: http://www.scraster.com
Tags: screencasting

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/
/* reset.css */

/* Begin Typography & Colors */
body {
font-size:62.5%;
font-family:Verdana, Arial, Helvetica, sans-serif;
background:#ffffff;
color:#333;
text-align:center;
margin:0 0 20px;
padding:0;
}

#page {
text-align:left;
width:930px;
margin:20px auto;
padding:0;
}

/*header*/

#header_top {
background-color:#ffffff;
background:url(images/scraster-header_top_bg.png) no-repeat bottom center;
height:133px;
width:930px;
margin:0 0 0 0px;
padding:0;
}


#header_center{
    width:100%;
    height:30px;
	padding:0;
    background:url(images/scraster-header_center_bg.png) no-repeat bottom;
}


#header_center #header_center-table{ 
	padding-left:45px;
}

#header_end #header_center_text{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    padding-left:60px;
    padding-top:0px;
}

#header_end #header_center_text #header_center_title{
    visibility:hidden;
    font-size:19px;
    color:#ffffff;
    padding-bottom:10px;
}

#header_end #header_center_text #header_center_body{
    visibility:hidden;
    font-size:9px;
    line-height:18px;
    width:930px;
    color:#ffffff;
}

#header_end {
    width:100%;
    height:25px;
    padding-top:0px;
    padding-bottom:0px;
    margin-top:0px;
    margin-bottom:0px;
    background:url(images/scraster-header_end_bg.png) no-repeat bottom;
}

.header_end {
    width:100%;
    height:25px;
    padding-top:0px;
    padding-bottom:0px;
    margin-top:30px;
    margin-bottom:0px;
    background:url(images/scraster-header_end_bg.png) no-repeat bottom;
}

#header_title{
    color:#ffffff;
    font-size:31px;
    visibility:hidden;
    padding-top:40px;
    padding-left:45px;
}

#header_title span{
    color:#ffffff;
    font-size:11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    position:relative;
    top:-5px;
}

#body-wrap, .body-wrap {
    background:url(images/scraster-wide-930.png) repeat-y;   
	}

/*menu*/

#menu{
    padding-left:40px;
	padding-right:0px;
	padding-top:8px;
	padding-botom:0px;}

#menu_pad{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:19px;
    line-height:0px;
    color:#333;}

#menu a{
    font-family:Verdana, Arial, Helvetica, sans-serif;
   	font-size:18px;
    line-height:19px;
	color:#333;
    text-decoration: none;
    font-weight: 900;}

div#menu a:hover{
    color:#fff;
	font-size:18px;
    line-height:19px;
    text-decoration: none;
	background:url(images/scraster-menu_orange_bg.png); repeat:repeat-x; float:left; }

#menu #menu_items div{
   	float:left;
    margin-right:15px;
    padding-right:8px;
    padding-left:8px;
    height:20px;}

#menu #menu_items div:hover{
    float:left;
	margin-top:0px;
    margin-right:15px;
    padding-right:8px;
    padding-left:8px;
	height:30px;}
	
#menu #menu_items .right, #menu #menu_items .right:hover {float: right; padding:0px;}
#menu #menu_items .last, #menu #menu_items .last:hover {float: right; margin-right: 100px;}
	
/* end menu */


#headerimg {
height:175px;
width:100%;
margin:0;
}


.jobs-img {
width:250px;
height:247px;
float:left;
margin-right:0px;
margin-left:30px;
background:url(http://scraster.com/images/scraster-is-hiring.png);
}

#content {
font-size:1.2em;
}

.widecolumn .entry p {
font-size:1.05em;
}

.narrowcolumn .entry,.widecolumn .entry {
line-height:1.2em;
}

.widecolumn {
line-height:1.2em;
width:620px;
margin:0px 0 0 150px;
padding:10px 0 20px;
}

.narrowcolumn .postmetadata {
text-align:center;
padding-top:0px;}

.alt {
background-color:#f8f8f8;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
margin:0;
padding:10px;}

#footer {
    width:930px;
    height:46px;
    margin-left:0px;
    margin-right:0px;
    background:url(images/2010-fix_05.png) no-repeat top left;}
   
.footer{
    width:930px;
    height:52px;
    margin-left:0px;
    margin-right:0px;
    background:url(images/2010-fix_06.png) no-repeat top left;}
      
#footer p {
	margin: 0px;
	padding: 0px;
width: 930px;
height: 8px;
  background:url(images/2010-fix_06.png) no-repeat top;
}

.seofooter {
margin:0;
padding:0 45px;
}

.seofooter h2, .seofooter ul {
margin:0;
padding:9px 0 9px 0;
}
    
#footer-text {
    font:bold 1.3em Verdana, Arial, Helvetica, sans-serif;
    color:#333333;
    text-align:right;
    padding-left:0px;
    padding-right:0px;
    margin-right:20px;    
    margin-left:0px;
    padding-top:26px;
}    


#footer-text a{
    font:bold Verdana, Arial, Helvetica, sans-serif;
    color:#333333;
    padding-left:0px;
    padding-right:0px;
    margin-right:20px;    
    margin-left:0px;
    padding-top:25px;
}    

#footer-text a:hover{
    font:bold Verdana, Arial, Helvetica, sans-serif;
    color:#333333;
    padding-left:0px;
    padding-right:0px;
    margin-right:20px;    
    margin-left:0px;
    padding-top:25px;
}    
   
#scrastimonial1{
    width:373px;
    height:127px;
    text-align:center;
    float:center;
    background:url(images/testimonial1.png) no-repeat top left;}


small {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.9em;
line-height:1.5em;
}

h1,h2,h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;}

h1 {
font-size:4em;
text-align:center;
padding-top:70px;
margin:0;}

#headerimg .description {
font-size:1.2em;
text-align:left;
visibility:hidden;
}

h2 {
font-size:1.2em;
margin:10px 0 0;}

h2-title {
font-size:1.4em;
margin:10px 0 0;
font-weight:bold;
text-align:center;}

.pagesimages {
background: url(images/sidebar_pages.png) no-repeat top;
}



h2.pagetitle {
font-size:1.6em;
margin-top:15px;
text-align:left;
}

#sidebar h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.2em;
margin:5px 0 0;
padding:0;
}

h3 {
font-size:1.3em;
margin:30px 0 0;
line-height:1.3em;
padding:0;
}

h1,h1 a,h1 a:hover,h1 a:visited,#headerimg .description {
text-decoration:none;
color:white;
visibility:hidden;
}

h2,h2 a,h2 a:visited,h3,h3 a,h3 a:visited {
color:#333;
text-align:left;
}

h2,h2 a,h2 a:hover,h2 a:visited,h3,h3 a,h3 a:hover,h3 a:visited,#sidebar h2,#wp-calendar caption,cite {
text-decoration:none;
text-align:left;
}

.entry p a:visited {
color:#b85b5a;
}

.commentlist li,#commentform input,#commentform textarea {
font:.9em Verdana, Arial, Helvetica, sans-serif;
}

.commentlist li {
font-weight:bold;
list-style:none;
margin:15px 0 3px;
padding:5px 10px 3px;
}

.commentlist li .avatar {
float:right;
border:1px solid #eee;
background:#fff;
padding:2px;
}

.commentlist cite,.commentlist cite a {
font-weight:bold;
font-style:normal;
font-size:1.1em;
}

.commentlist p {
font-weight:normal;
line-height:1.5em;
text-transform:none;
margin:10px 5px 10px 0;
}

#commentform p {
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:5px 0;
}

.commentmetadata {
font-weight:normal;
display:block;
margin:0;
}


#sidebar ul li {
    list-style-type: none;
    list-style-image: none;
    margin-bottom: 3px;
    padding-left: 0pt;
    padding-right: 0pt;
    margin-left: -35px;
    margin-right: 00px; }
#sidebar .sidebar-elements ul li {
background:url(images/bl_li.gif) 0 0 no-repeat;
padding-left:8px;
}
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
color: #666666; }

#sidebar ul ul li, #sidebar ul ol li { 
margin-top: px;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 0pt;
}

#sidebar-header {
    margin-left:0px; 
    padding-top:5px;
    padding-bottom:5px;}

.sidebar-elements {
    margin-left:5px; 
    padding-top:2px;
    padding-bottom:2px;}

#sidebar {
font:1em Verdana, Arial, Helvetica, sans-serif;
margin-left:692px;  
width:210px;
padding:20px 0 10px;
}

small,# ul ul li,# ul ol li,.nocomments,.postmetadata,blockquote,strike {
color:#777;
}

code {
font:1.1em 'Courier New', Courier, Fixed;
}

acronym,abbr,span.caps {
font-size:.9em;
letter-spacing:.07em;
cursor:help;
}

a,h2 a:hover,h3 a:hover {
color:#06c;
text-decoration:none;
}

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

#wp-calendar #prev a,#wp-calendar #next a {
font-size:9pt;
}

#wp-calendar a {
text-decoration:none;
display:block;
}

#wp-calendar caption {
font:bold 1.3em Verdana, Arial, Helvetica, sans-serif;
text-align:center;
width:100%;
}

#wp-calendar th {
font-style:normal;
text-transform:capitalize;
}

.narrowcolumn {
float:left;
width:620px;
margin:0;
padding:0 0 20px 45px;
}

.post {
text-align:justify;
margin:0 0 40px;
}

.post hr {
display:block;
}

.widecolumn .post {
margin:0;
}

.widecolumn .postmetadata {
margin:30px 0;
}

.widecolumn .smallattachment {
text-align:center;
float:left;
width:128px;
margin:5px 5px 5px 0;
}

.widecolumn .attachment {
text-align:center;
margin:5px 0;
}

.postmetadata {
clear:both;
}

.clear {
clear:both;
}

h3.comments {
margin:40px auto 20px;
padding:0;
}

p img {
max-width:100%;
padding:0;
}

img.centered {
display:block;
margin-left:auto;
margin-right:auto;
}

img.alignright {
display:inline;
margin:0 0 2px 7px;
padding:4px;
}

img.alignleft {
display:inline;
margin:0 7px 2px 0;
padding:4px;
}

.alignright {
float:right;
}

.alignleft {
float:left;
}

html>body .entry ul {
margin-left:0;
list-style:none;
text-indent:-10px;
padding:0 0 0 10px;
}

html>body .entry li {
margin:7px 0 8px 10px;
}

.entry ul li:before,# ul ul li:before {
content:"\00BB \0020";
}

.entry ol {
margin:0;
padding:0 0 0 35px;
}

.entry ol li {
margin:0;
padding:0;
}

.postmetadata ul,.postmetadata li {
display:inline;
list-style-type:none;
list-style-image:none;
}

# ul,# ul ol {
margin:0;
padding:0;
}

# ul li {
list-style-type:none;
list-style-image:none;
margin-bottom:15px;
}

# ul p,# ul select {
margin:5px 0 8px;
}

# ul ul,# ul ol {
margin:5px 0 0 10px;
}

# ul ul ul,# ul ol {
margin:0 0 0 10px;
}

ol li,# ul ol li {
list-style:decimal outside;
}

# ul ul li,# ul ol li {
margin:3px 0 0;
padding:0;
}

#searchform {
text-align:center;
margin:0px auto;
padding:5px 3px;
}

# #searchform #s {
width:108px;
padding:2px;
}

# #searchsubmit {
padding:1px;
}

.entry form {
text-align:center;
}

select {
width:130px;
}

#commentform input {
width:170px;
margin:5px 5px 1px 0;
padding:2px;
}

#commentform textarea {
width:100%;
padding:2px;
}

#commentform #submit {
float:right;
margin:0;
}

.commentlist {
text-align:justify;
padding:0;
}

.nocomments {
text-align:center;
margin:0;
padding:0;
}

# form {
margin:0;
}

#wp-calendar {
empty-cells:show;
width:155px;
margin:10px auto 0;
}

#wp-calendar #next a {
padding-right:10px;
text-align:right;
}

#wp-calendar #prev a {
padding-left:10px;
text-align:left;
}

#wp-calendar td {
text-align:center;
padding:3px 0;
}

#wp-calendar td.pad:hover {
background-color:#fff;
}

acronym,abbr {
border-bottom:1px dashed #999;
}

blockquote {
padding-left:20px;
border-left:5px solid #ddd;
margin:15px 30px 0 10px;
}

blockquote cite {
display:block;
margin:5px 0 0;
}

.center {
text-align:center;
}

.hidden {
display:none;
}

hr {
display:none;
}

a img {
border:none;
}

.navigation {
display:block;
text-align:center;
margin-top:10px;
margin-bottom:60px;
}

.aligncenter,div.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}

.wp-caption {
border:1px solid #ddd;
text-align:center;
background-color:#f3f3f3;
padding-top:4px;
-moz-border-radius:3px;
-khtml-border-radius:3px;
border-radius:3px;
margin:10px;
}

.wp-caption img {
border:0 none;
margin:0;
padding:0;
}

.wp-caption p.wp-caption-text {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;
}


/* End captions */








  /* PAGE HEADERs CODE */
.header-img {
	postion:absolute;;
	margin-left:35px;	
	margin-right:35px;	
	margin-bottom:0px;
	background-color:#FFFFFF;
 Ê } /* PAGE HEADERS CODE */
 
 
  /* "WATCH SCREENCAST" CODE */
.alt-footer-table {
	postion:absolute;;
	margin-left:90px;	
	margin-right:35px;	
	margin-bottom:0px;
	background-color:#FFFFFF; } 
/* END "WATCH SCREENCAST" FOOTER CODE */


/* TESTIMONIAL TABLE CODE */
.scrastimonial-table {
	postion:absolute;;
	margin-left:20px;	
	margin-right:55px;	
	margin-bottom:0px;
	background-color:#FFFFFF; Ê }
/* END TABLE CODE */


/* HOMEPAGE FONT CODE */
.page-font {
font-size:1.2em;
line-height:1.2em;
font-weight:bold;
text-align:justify;
padding-top:20px;
padding-bottom:0px;
margin-left:65px;
margin-right:80px;}
 /* HOMEPPAGE FONT CODE */
 
 
/* JOBS PAGE FONT CODE */
.jobs-font {
font-size:1.2em;
line-height:1.3em;
font-weight:bold;
text-align:left;
width: 63%;
float: left;
margin-left:20px;
margin-right:0px;
padding-top:10px;
padding-bottom:20px;}
 /* JOBS PPAGE FONT CODE */
 
   
/* HOMEPAGE TOP TABLE CODE */
.top-table {
	postion:absolute;;
	margin-left:20px;	
	margin-right:35px;	
	margin-bottom:0px;
	background-color:#FFFFFF;}
/* HOMEPAGE TOP TABLE CODE */
 

 /* PROCESS PAGE FONT CODE */
.process-page-font {
font-size:1.2em;
line-height:1.3em;
font-weight:bold;
text-align:left;
width: 73%;
float: left;
margin-left:65px;
margin-right:-500px;
padding-top:30px;
padding-bottom:20px;}
 /* END PROCESS PAGE FONT CODE */
 
 /* PROCESS PAGE IMAGE CODE */
.process-page-image {
  padding-top:0px;
  float: right;
  margin-right:55px; }
 /* END PROCESS PAGE IMAGE CODE */
 
  /* PROCESS PAGE TEXT TABLE CODE */
.process-text-table {
    width:800px;
  padding-top:10px;
  padding-bottom:10px;
  margin-right:60px;
  margin-left:40px; }
 /* END PROCESS PAGE TEXT TABLE CODE */
 
table.table {
display:block;
float:none;
clear:both;
}

/* WORK PAGE FONT CODE */
.work-page-font {
    font-size:1.2em;
    line-height:1.2em;
    font-weight:bold;
    text-align:justify;
    padding-top:20px;
    padding-bottom:0px;
    margin-left:43px;
    margin-right:80px;}
 /* END WORK PAGE FONT CODE */
 
 /* WORK VIDEO IMAGE 1 CODE */
.video1-image {
  float: right;
  position: relative; 
  margin-top: -300px; 
  margin-right: 40px;
  width: 282px;
  height: 296px;}
   /* END WORK VIDEO IMAGE 1 CODE */

  /* WORK VIDEO IMAGE 2 CODE */
.video2-image {
  float: right;
  position: relative; 
  margin-top: -300px; 
  margin-right: 320px;
  width: 282px;
  height: 296px;}
 /* END WORK VIDEO IMAGE 2 CODE */
 
  /* WORK VIDEO IMAGE 3 CODE */
.video3-image {
  float: right;
  position: relative; 
  margin-top: -300px; 
  margin-right: 610px;
  width: 282px;
  height: 296px;}
 /* END WORK VIDEO IMAGE 3 CODE */

 /* VIDEOS TABLE CODE */
.videos-table {
    width: 100%;
    float: left;
    margin-left:35px;
    padding-top:20px;
    padding-bottom:0px;}
/* END VIDEOS TABLE CODE */
 
 
   /* PRICING PAGE IMAGE CODE */
.pricing-page-image {
    float: right; 
    width: 0px;
    margin-top:60px;
    margin-right:20px;}
 /* END PRICING PAGE IMAGE CODE */ 
 

 
/* PRICING PAGE FONT CODE */
.pricing-page-font {
    float: left;
    font-size:1.2em;
    line-height:1.2em;
    font-weight:bold;    
    text-align:left;
    width: 65%;
    margin-left:65px;
    margin-right:0px;
    padding-top:20px;
    padding-bottom:0px;}
 /* END PRICING PAGE FONT CODE */
 

 
 /* QUOTE PAGE WUFOO CONTAINER CODE */
.wufoo-container {
    float: left;
    width:600px;
    margin-left:65px;
    margin-right:0px;
    padding-top:0px;
    padding-bottom:10px;}
 /* END QUOTE PAGE WUFOO CONTAINER CODE */
  
  /* QUOTE PAGE STIMULUSIMAGE CODE */
.quote-page-image {
    width: 0px;
    float: right; 
    margin-right:25px;
    margin-top:35px}
 /* END QUOTE PAGE STIMULUSIMAGE CODE */ 
  
 /*SEO code*/ 
#seo-top {
background-color:#ffffff;
background:url(images/scraster-seo-top.png) no-repeat bottom center;
height:25px;
width:930px;
margin:0 0 0 0px;
padding:0;
} 

#seo-middle {
background-color:#ffffff;
background:url(images/scraster-seo-middle.png) no-repeat bottom center;
height:5px;
width:930px;
margin:0 0 0 0px;
padding:0;
} 

#seo-bottom {
background-color:#ffffff;
background:url(images/scraster-seo-bottom.png) no-repeat bottom center;
height:52px;
width:930px;
margin:0 0 0 0px;
padding:0;
}        
/* END SEO CODE */ 
    
        
  
  
  
  
  
  
  /* CLEARING CODE */
.clearing {
  height: 0;
  clear: both;}
 /* END CLEARING CODE */
 
 
p.footer {display:none;}
.linkcat h2 {text-indent: -9999px;} 
#sidebar .bookmarks img {margin-left: 10px;}