/*
Theme Name: Sketch
Theme URI: http://www.wppro.org/
Description: Theme by and for <a href="http://www.wppro.org">WP Pro</a>. The entire work is protected under <a href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5 License</a>, no reproduction or redistributing of this theme is allowed within written consent.
Version: 
Author: Sunny-WPPro
Author URI: http://www.wppro.org/
*/


/* General Common */
bold, strong, b{font-weight:bold}
italic, i, em{font-style:italic}
small{font-size:x-small}
ul, ul li, ul li ul li, li ul, li ol, ol, ol li{list-style:none; margin:0px; padding:0px}
.hide{text-indent:-9999px}.display-none{display:none}
.right{float:right}
.left{float:left}

/* Reset Old Inline CSS */
.post .span-1, .post .span-2, .post .span-3, .post .span-4, .post .span-5, .post .span-6, .post .span-7, .post .span-8, .post .span-9, .post .span-10, .post .span-11, .post .span-12, .post .span-13, .post .span-14, .post .span-15, .post .span-16, .post .span-17, .post .span-18, .post .span-19, .post .span-20, .post .span-21, .post .span-22, .post .span-23, .post .span-24{margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; width:100%}

/* WP Default */
.aligncenter, div.aligncenter{display:block; margin-left:auto; margin-right:auto}
.alignleft{float:left}
.alignright{float:right}

/* Theme Specific */
html, body{background:#F8F5F1 url(images/background.gif) no-repeat} 
hr{background:#F8F5F1; color:#F8F5F1}
div.hr{background:#F8F5F1 url(images/h-long.png) no-repeat scroll center; clear:both; float:none; width:100%; height:6px; margin:0 0 12px 0; border:0px}
div.hr-short{background:#F8F5F1 url(images/h-short.png) no-repeat scroll center; clear:both; float:none; width:100%; height:6px; margin:0 0 12px 0; border:0px}
a{color:#CC6633; text-decoration:none}
a:hover{color:#666666; text-decoration:underline}
del, del ul li, del li{text-decoration:line-through}
blockquote{display:block; margin-left:1em; padding-left:27px; background:url(images/blockquote.png) no-repeat top left}
.tilt{font-style:italic}

/* Mouseover Menu */
a.menu-home{background:url(image/menu-home.png) no-repeat; display:block; height:25px; width:100px; background-position:-100px}
a.menu-home:hover{background-position:0px}
a.menu-folio{background:url(image/menu-folio.png) no-repeat; display:block; height:25px; width:100px; background-position:-100px}
a.menu-folio:hover{background-position:0px}
a.menu-contact{background:url(image/menu-contact.png) no-repeat; display:block; height:25px; width:100px; background-position:-100px}
a.menu-contact:hover{background-position:0px}
a.icon-rss{background:url(image/rss.png) no-repeat; display:block; height:25px; width:100px; background-position:0px}
a.icon-rss:hover{background-position:-100px}
a.icon-twitter{background:url(image/twitter.png) no-repeat; display:block; height:25px; width:100px; background-position:0px}
a.icon-twitter:hover{background-position:-100px}

/* Headings */
h2 a{font:1.45em Georgia,Arial,Verdana,"Trebuchet MS",Tahoma}
h2{color:#999999; font:1.45em Georgia,Arial,Verdana,"Trebuchet MS",Tahoma}
h3{font-family:Georgia,Arial,Verdana,"Trebuchet MS",Tahoma}
h4{font-family:Georgia,Arial,Verdana,"Trebuchet MS",Tahoma; font-style:italic}
.submenu{font-size:1em; padding:18px 0px 18px 0px}
.alt{padding-top:18px}
.archivehead {color:#999999; font-size:1.2em; padding:18px 0px 0px 0px; font-style:italic}

/* Search */
#search_box{width:340px; height:34px; background:url(images/search-textbox.png) no-repeat}
#search_box #s{float:left; padding:0; margin:6px 0 0 6px; border:0; width:240px; background:none; color:#CDC3B2}
#search_box input.searchbutton{background:transparent url(images/short-button.png) no-repeat 0 0; color:#FFF; width:80px; cursor:pointer; font:14px Arial; height:30px; line-height:30px; border:none}
#search_box input.searchbutton:hover{background-position:0px -30px}

/* Lists - In Content */
.post ul li{background:url(images/ulli.png) no-repeat left 10px; padding:4px 0px 4px 9px}
.post ol li{list-style:decimal; list-style-position:inside; padding:4px 0px 4px 0px}

.post ul li{background:none; padding:0px}
.page ol li{list-style:decimal; list-style-position:inside; padding:4px 0px 4px 0px}

/* Lists - In Sidebar */
.sidebar{padding-top:18px; color:#999999}
.sidebar-widget li{background:url(images/ulli.png) no-repeat left 10px; border-bottom:1px solid #CDC3B2; padding:4px 0px 4px 9px; font-size:11px}

/* Lists - In Pages */
ul.postspermonth {list-style:none;}
.postspermonth li {background:url(images/listli.png) no-repeat left center; border-left: 1px solid #CC9966; margin-left: 20px; padding-left: 20px;}
ul.pagearrow li{background:url(images/ulli.png) no-repeat left 10px; padding:4px 0px 4px 9px}

ul.archivelist {list-style:none;}
.archivelist li {background:url(images/listli.png) no-repeat left center; border-left: 1px solid #CC9966; margin-left: 20px; padding-left: 20px;}

li.nobull {background:url(images/transparent.png) no-repeat left 10px;}

/* Images - In Content */
p img.left{float:left; margin:0; padding:0}
p img.right{float:right; margin:0}

.post img{background:#CC6633; padding:4px; margin:5px}
.post img{max-width:510px;}

.page img{background:#CC6633; padding:4px; margin:5px}
.page img{max-width:510px;}

/* Asides */
.asides_entry{list-style:none; font-style:italic; margin:9px 9px 9px 0px; border-left:4px solid #CC6633; padding:0 0 0 5px}
.asides_entry ul{font-size:12px; letter-spacing:0; list-style:none}
.asides_entry ul li{list-style:none; margin:0 0 0 18px; padding:0 0 0 0}
h2 span{font-size:12px}

/* Comment Form */
input.text, input.title{width:340px; padding:5px}
textarea{width:340px; height:250px; padding:5px}

.commentform input.commentbutton{background:transparent url(images/long-button.png) no-repeat 0 0; color:#FFF; width:140px; cursor:pointer; font:14px Arial; height:30px; line-height:30px; border:none; margin:9px 36px 9px 0px; padding:0 0 5px 0}
.commentform input.commentbutton:hover{background-position:0px -30px}

.avatar{float:right; padding:18px 9px 9px 9px;}
.commentlist cite{font-weight:bold; font-style:normal; margin-left:0px}
.comment-meta a{margin-left:9px}
.children{padding-left:9px; margin-left:9px; border:none}
.children li{margin-left:9px}
.reply{font-size:10px; padding-bottom:9px}
.thread-alt{margin:0; padding:0; }
.thread-even{margin:0; padding:0; }
.links{list-style:none; padding:0; margin:0 0 25px; font-size:1em}
.links li{padding:2px 0}
#comment-personaldetails input{width:320px}
ol#trackbacklist li {background:url(images/ulli.png) no-repeat left 10px;padding:4px 0px 5px 9px; }

/* Icon */
.icon a{text-decoration:none}
.icon{font:11px Arial;line-height:18px}
.icon li{display:inline; padding:9px 0px 9px 30px; margin-right:10px; clear:both}
.icon li.comments{background:url("images/comments.png") left center no-repeat}
.icon li.tags{background:url("images/tags.png") left center no-repeat}
.icon li.categories{background:url("images/category.png") left center no-repeat}
.icon li.date{background:url("images/calendar.png") left center no-repeat}
.icon li a, .icon a:visited{margin-right:3px}

.star img, .skill img {background:none; border:0; padding:0; margin:0; border-bottom:0; clear:both}
.star li{font-size:.8em; list-style:none; padding-right:18px; padding-bottom:18px; clear:both}

/* Misc Style */
#m1, #m2, #m3, #m4, #m5, #m6, #m7, #m8, #m9{display:none}
.note{font-size:0.9em; padding-right:15px; border-top:2px solid #ffd324; margin-left:15px; padding-left:20px; background:#fff6bf 0% 50%; padding-bottom:5px; margin:10px auto; padding-top:5px; border-bottom:2px solid #ffd324; 
text-align:left; color:#333}
.footnote{color:#333333; border-top:2px solid #CCCCCC; border-bottom:2px solid #CCCCCC; background:#EEEEEE 0% 50%; 
margin:3px; padding-top:6px; padding-bottom:6px; padding-left:9px; padding-right:9px; text-align:left; font-style:italic; font-size:10px}
.downloadnote{padding:.8em; margin-bottom:1em; border:2px solid #ddd; background:#F6F1E9; color:#C2892F; border-color:#EBB96A}
.downloadnote a{color:#9A691C; text-decoration:underline}
.downloadnote a:hover{color:#C37905; text-decoration:none}

/* Pagination */
.more-link, .wp-pagenavi, .pagination{padding:2px 0px; margin:3px 0px; text-align:right; padding-bottom:9px; color:#E47E5A}
.more-link a, .wp-pagenavi span.pages, .wp-pagenavi span.current{border:1px solid #CDC3B2; background:#E47E5A; margin-right:3px; padding:2px 6px; text-decoration:none; color:#F8F5F1}
.wp-pagenavi a, .pagination a{border:1px solid #CDC3B2; background:#F8F5F1; margin-right:3px; padding:2px 6px; text-decoration:none}
.more-link a:hover, .wp-pagenavi a:hover, .pagination a:hover{background:#CC6633; color:#F8F5F1}