/* @override http://marvinsum.com/projects/sketches/css/style.css */

/*  
Theme Name: Sketches
Theme URI: http://sketchesapp.com/
Description: The default stylesheet that powers <a href="http://sketchesapp.com">Sketches</a>.
Version: 1.0
Author: Marvin Sum
Author URI: http://marvinsum.com/
*/

img {behavior:url(iepngfix.htc);}

/*
  Yahoo! UI Library
  Copyright (c) 2008, Yahoo! Inc. All rights reserved.
  Code licensed under the BSD License:
  http://developer.yahoo.net/yui/license.txt
  version: 2.5.1
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,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;}li{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;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}

table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/* End Yahoo! UI Library */


/* @group Structure, Font & Colors */
html {background:url(../images/htmlBG.jpg) repeat top left #fff;}
body {font-family: 'Lucida Grande', Helvetica, sans-serif; color:#333; width:832px; margin:0 auto;}

h1 {font-size:116%; font-weight:bold;}
h2 {font-size:108%; font-weight:bold;}
h3 {font-size:93%; font-weight:bold;}
h4 {font-size:85%; font-weight:bold;}
h5, h6 {font-size:85%; font-weight:normal;}
p, li{font-size:93%; line-height:16px;}
#features li.featuresColumn {font-size:100%;}
#features li {font-weight:bold;}
a {text-decoration:none; color:#457ba9;}

.fullContainer, .leftContainer, .rightContainer {overflow:hidden; zoom:1;}
.fullContainer {width:100%; clear:both;}
.leftContainer {width:430px; float:left;}
.rightContainer {width:270px; float:right;}
/* @end */


/* @group Header */
#header {background:url(../images/headerBG.gif) no-repeat bottom left; height:196px;}
body > #header {background:url(../images/headerBG.png) no-repeat bottom left;}
#header h1 {float:left; padding:65px 0 0 80px;}
#header h1 a {display:block; height:90px; width:210px; text-indent:-2000px; overflow:hidden; outline:none;}
#header h3 {display:none;}

#menu {float:right; padding:18px 0 0 0; width:272px;}
#menu li {float:left;}
#menu li a {display:block; float:left; width:119px; height:37px; text-indent:-2000px; overflow:hidden; outline:none;}
#menuHome {background:url(../images/home.jpg) no-repeat 0 8px;}
li a#menuHome:hover, li a#menuHomeActive {background:url(../images/home.jpg) no-repeat 0 -29px; height:71px;}
#menuFaq {background:url(../images/faq.jpg) no-repeat 0 8px;}
li a#menuFaq:hover, li a#menuFaqActive {background:url(../images/faq.jpg) no-repeat 0 -29px; height:71px;}
#menuContact {background:url(../images/contact.jpg) no-repeat 0 8px;}
li a#menuContact:hover, li a#menuContactActive {background:url(../images/contact.jpg) no-repeat 0 -29px; height:71px;}
/* @end */


/* @group Content */
#content {padding:0 30px 0 95px; overflow:hidden; zoom:1; background:url(../images/bodyBG.gif) repeat-y top left;}
body > #content {background:url(../images/bodyBG.png) repeat-y top left;}

  /* @group Content Text */
  #content h2 {padding:0 0 10px 0;}
  #content p, #content ul {padding:0 0 14px 0;}
  #content ul li {padding:2px 0;}
  /* @end */
  
  /* @group Download */
  #download {background:url(../images/download.jpg) no-repeat 20px 0; padding:8px 0 8px 55px; display:block; margin:0 0 0px 0;}
  #photograph {width:200px; height:411px; position:relative; overflow:hidden; 
	float: none;
	margin-left: 35px;
}
  #photographTape {position:absolute;}
  #photographBorder {padding:44px 0 0 40px;}
  #photographContainer {height:215px; width:184px; overflow:hidden;}
  #photographContainer img {}
  /* @end */
  
  /* @group Content Lists */
  .faqBlock {padding:0 0 20px 0;}
  .faqBlockTitle, .versionBlockTitle {overflow:hidden;}
  #content .faqBlockTitle h2, #content .versionBlockTitle h2 {float:left; padding:0px;}
  h4 {float:right;}
  #content .faqBlock ul {padding:5px 0 0 0; clear:both;}
  li .faqContent, li .versionContent {padding:5px 0 0 0; font-size:108%;}
  /* @end */
  
  /* @group Features */
  #content ul#features {overflow:hidden; zoom:1; padding:10px 0 0 0; clear:both;}
  #features li.featuresColumn {width:49%; float:left; overflow:hidden; zoom:1;}
  #content #features .featuresColumn li {padding:8px 0; width:100%; float:left;}
  #features .featuresColumn li span {padding:0 30px 0 25px; display:block;}
  #features #draw {background:url(../images/draw.jpg) no-repeat 0 6px;}
  #features #camera {background:url(../images/camera.jpg) no-repeat 0 6px;}
  #features #ink {background:url(../images/ink.jpg) no-repeat 0 6px;}
  #features #photo {background:url(../images/photo.jpg) no-repeat 0 6px;}
  #features #email {background:url(../images/email.jpg) no-repeat 0 6px;}
  #features #erase {background:url(../images/erase.jpg) no-repeat 0 6px;}
  #features #multitouch {background:url(../images/multitouch.jpg) no-repeat 0 6px;}
  #features #backgrounds {background:url(../images/backgrounds.jpg) no-repeat 0 6px;}

#features #zoom {background:url(../images/zoom.png) no-repeat 0 6px;}

#features #eraser {background:url(../images/eraser.jpg) no-repeat 0 6px;}

#features #text {background:url(../images/text.png) no-repeat 0 6px;}
  /* @end */
  
  /* @group CommentForm */
  #form p {padding:5px 0; overflow:hidden; zoom:1;}
  p#notifierText {margin:5px 0; padding:10px 20px; background-color:#efefef;}  
  #form p label {float:left; width:90px; text-align:right; color:#999; padding:3px 0}  
  #form #author, #form #email, #form #url, #form textarea {width:586px; float:right; padding:5px 3px; border:1px solid #ddd; font-family: 'Lucida Grande', Helvetica, sans-serif; color:#464643; outline:none; color:#555}
  #form #submit {margin:10px 0 0 290px;}
  .red {color:#af5557;}
  /* @end */
/* @end */


/* @group Footer */
#footer {padding: 10px 20px 50px 90px; background:url(../images/footerBG.gif) no-repeat top left;}
body > #footer {background:url(../images/footerBG.png) no-repeat top left;}
/* @end */

/* @group Text */

li.normal {
	font-size: 12px;
	color: black;
	list-style-type: disc;
	list-style-position: inside;
	text-indent: 20px;
opacity}

span.new {
	background: url(../images/newnew.png) no-repeat 310px -2px;
	z-index: 1;
}

span.review {
	font-size: 10px;
}

/* @end */

/* @group Images */

img.bordered {
	border: 1px solid silver;
}
img.buy{
	float: right;
}
img.appstore{
	float: left;
}

img.macworld {
	margin-right: 160px;
	margin-top: 10px;
}

img.versiontracker {
	margin-bottom: 0px;
	margin-left: 110px;
}

img.promo {
	position: relative;
	visibility: visible;
	float: right;
	right: 20px;
	z-index: 5;
	overflow: visible;
	top: 150px;
}

img.new {
	margin-bottom: 0px;
	margin-left: 0px;
	float: right;
	position: relative;
	display: none;
}

/* @end */