/*  

Theme Name: Sketchbook

Theme URI: http://www.themeforest.net

Description: Clean, Light Weight, WordPress Portfolio and Blog Theme

Version: 1.0

Author: ThemeForest

Author URI: http://www.themeforest.net

*/





/* ----------------------------------------------------------------

* BROWSER RESET

 * ---------------------------------------------------------------- 

*/ 

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

	vertical-align: baseline;

	background: transparent;

}

body { line-height: 1; background: #ffffff; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; }

:focus { outline: 0; }

ins { text-decoration: none; }

del { text-decoration: line-through; }

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



/* ---------------------------------------------------------------- 

 *  GLOBAL

 * ---------------------------------------------------------------- 

*/ 

html, body { height: 100%; }

html { font-size: 76%; }

body { font-family: "Trebuchet MS", Arial, sans-serif; font-size: 1.1em; line-height: 1.4em; color: #444444; }

.clear { clear: both; width: 1px; height: 1px; margin: 0; padding: 0; }

.hidden { display: none; }

strong { font-size: 120%; text-decoration: underline; color: #0D6875; }



/* ---------------------------------------------------------------- 

*  HR

* ---------------------------------------------------------------- 

*/ 

div.hr {

	width: 100%;

	height: 1px;

	color: #666;

	background: #666;

	margin-top: 1px;

}



div.hr hr { display: none; }



/* ---------------------------------------------------------------- 

*  PG_WRAPPER

* ---------------------------------------------------------------- 

*/ 

#pg_wrapper {

	min-height: 100%;

        height: auto !important;

        height: 100%;

        margin: 0 auto -65px;

}



/* ---------------------------------------------------------------- 

*  CONTAINER

* ---------------------------------------------------------------- 

*/ 

.container {

	width: 970px;

}



/* ---------------------------------------------------------------- 

*  POST_WRAPPER

* ---------------------------------------------------------------- 

*/ 

.post_wrapper {

	width: 609px;

	float: left;

}



/* ---------------------------------------------------------------- 

*  HEADER

* ---------------------------------------------------------------- 

*/ 

#header {

	width: 100%;

	overflow: hidden;

}



#header div,

#header ul { height: 80px; }



#header .container {

	margin: 0 auto;

}



#header h1 { display: none; }



#header .title {

	float: left;

	width: auto;

	cursor: pointer;

	padding-left: 350px;

}



#header .title span {

	font-size: 11px;

	font-style: italic;

	line-height: 88px;

	text-transform: lowercase;

}



#header ul { float: right; }



#header li {

	float: left;

	height: 27px;

	overflow: hidden;

	margin-top: 30px;

	margin-right: 7px;

	padding: 0 7px 0 8px;

}



#header li a {

	color: #ffffff;

	font-size: 13px;

	font-family: Arial;

	line-height: 26px;

	text-decoration: none;

}



#header li a:hover { text-decoration: none; }



/* ---------------------------------------------------------------- 

*  BILLBOARD

* ---------------------------------------------------------------- 

*/ 

#billboard {

	width: 100%;

	overflow: hidden;

	background-color: #ebeeee;

}



#billboard .container {

	margin: 0 auto;

}



#billboard .showcase {

	margin: 1px;

	width: 956px;

	height: 337px;

        padding-bottom: 6px;

	margin-top: 40px;

	background-color: #ffffff;

	border: 1px solid #052429;

}



#billboard .showcase img.featured {

	float: left;

	/*

        width: 596px;

	height: 341px;

	*/

        margin: 11px 28px 0 11px;

	border: 1px solid #052429;

}



#billboard .showcase h2,

#billboard .showcase div,

#billboard .showcase p { margin-left: 637px; }





#billboard .showcase h2 {

	color: #000000;

	font-size: 24px;

	letter-spacing: -1px;

	margin-top: 24px;

	margin-bottom: 22px;

}



#billboard .showcase h2 a {

	color: #000000;

	text-decoration: none;

}



#billboard .showcase h2 a:hover { text-decoration: none; }



#billboard .showcase .infobar {

	height: 36px;

	color: #333333;

	font-size: 11px;

	line-height: 38px;

	padding-bottom: 20px;

        padding-top: 0px;

	background: url(images/infobar_bck.gif) no-repeat left top;

}

.infobar {

	height: 26px;

	color: #333333;

	font-size: 11px;

	padding-top: 10px;

	
}



#billboard .showcase .infobar a,

#billboard .showcase .infobar span {

	color: #808080;

	font-size: 11px;

	margin: 0 9px;

}



#billboard .showcase .infobar a,

#billboard .showcase .infobar a:hover { text-decoration: none; }



#billboard .showcase .infobar a.first,

#billboard .showcase .infobar span.first {

	margin-left: 0;

}



#billboard .showcase p {

	color: #444444;
	font-size:12px;

	padding-right: 20px;

	padding-bottom: 14px;

	line-height: 24px;

}



#billboard .showcase .view_project {

	background: url(images/view_project.gif)  no-repeat top left;

	height: 20px;

	width: 120px;

	display: inline-block;

}



#billboard .navigation {

	height: 71px;

	background: url(images/recent_portfolio_work.gif) no-repeat left top;
        width:959px;
}



#billboard .navigation ul {

	float: right;

	margin-top: 27px;

	margin-right: 5px;

}



#billboard .navigation ul li {

	width: 14px;

	height: 14px;
        
        margin-right: 5px;

	float: left;

	cursor: pointer;

	background: url(images/showcase_dot.gif) no-repeat center center;

}



#billboard .navigation ul li.active {

	background: url(images/showcase_dot-active.gif) no-repeat center center;

}



#billboard .navigation ul li.prev {

	width: 35px;

	background: url(images/showcase_prev.gif) no-repeat left center;

}



#billboard .navigation ul li.next {

	width: 35px;

	background: url(images/showcase_next.gif) no-repeat right center;

}



/* ---------------------------------------------------------------- 

*  CONTENTS

* ---------------------------------------------------------------- 

*/ 

#contents {

	width: 100%;

	margin-top: 40px;

	margin-bottom: 39px;

}



#contents .container {

	margin: 0 auto;

}



#contents .post {

	padding-bottom: 38px;

}



#contents .post div.img {

	float: left;

	border: 1px solid #a3a3a3;
        margin-right: 15px;

}



#contents .post div.img_wrap {

	float: left;

	padding: 7px;

	border: 1px solid #f8f8f8;

	background-color: #e4e4e4;

}



#contents .post div.img_wrap div {

	float: left;

	width: 185px;

	height: 100px;

	overflow: hidden;

	border: 1px solid #A3A3A3;

}



#contents .post h1 {

	padding-top: 0px;

	padding-bottom: 10px;

}





#contents .post h1 a {

	font-size: 24px;

	color: #000000;

	letter-spacing: -1px;

	text-decoration: none;

}



#contents .post h1 a:hover { text-decoration: none; }



#contents .post p {

	color: #444444;

	font-size: 13px;

	line-height: 24px;

}



#contents .post p a {

	text-decoration: underline;

}



#contents .post p a:hover {

	text-decoration: none;

}



#contents .post blockquote {

	background: #f2f2f2 url(images/blockquote.gif) no-repeat left top;

	border-left: 5px solid #e9e9e9;

	margin-bottom: 20px;

	padding: 12px 0 13px 46px;

}



#contents .post blockquote p {

	padding-bottom: 0;

}



#contents .post ol,

#contents .post ul {

	padding-bottom: 20px;

}



#contents .post ol {

	margin-left: 20px;

	list-style-type: decimal;

}



#contents .post ul {

	margin-left: 15px;

	list-style-type: disc;

}



#contents .post .info {

	color: #cacaca;

	padding-top: 8px;

}



#contents .post .info a,

#contents .post .info span {

	color: #808080;

	font-size: 11px;

	padding-left: 8px;

	padding-right: 8px;

	text-decoration: none;

}



#contents .post .info a:hover {

	text-decoration: underline;

}



#contents .post .info a.first,

#contents .post .info span.first {

	padding-left: 0;

}



#contents .post h1,

#contents .post p,

#contents .post .info {

	margin-left: 172px;

}



/* ---------------------------------------------------------------- 

*  CONTENT > PAGE_NAVIGATION

* ---------------------------------------------------------------- 

*/

#contents ul.page_navigation {

	float: left;

	overflow: hidden;

	padding-bottom: 20px;

}



#contents .page_navigation li {

	float: left;

	margin-right: 8px;

	padding: 4px 0;

}



#contents .page_navigation li a {

	color: #444444;

	text-decoration: none;

	text-transform: uppercase;

	font: 13px "Trebuchet MS", Arial, sans-serif;

}



#contents .page_navigation li a:hover {

	text-decoration: underline;

}



#contents .page_navigation li.active {

	text-align: center;

	background: #e4e4e4;

	padding: 4px 10px;

}



#contents .page_navigation li.active a:hover {

	text-decoration: none;

}



#contents .page_navigation a.prev {

	text-decoration: underline;

	text-transform: capitalize;

}



#contents .page_navigation a.next {

	text-decoration: underline;

	text-transform: capitalize;

}



/* ---------------------------------------------------------------- 

*  CONTENTS>MAIN_SIDEBAR

* ---------------------------------------------------------------- 

*/ 

#contents #main_sidebar {

	float: right;

	width: 321px;

	margin-left: 40px;

}



#contents #main_sidebar h2 {

	color: #000000;

	font-size: 18px;

	letter-spacing: -1px;

	padding-bottom: 12px;

	margin-top: 6px;

}



#contents #main_sidebar h2.search {

	margin-top: 6px;

}



#contents #main_sidebar div.widget {

	padding: 10px;

	border: 1px solid #afafaf;

	background-color: #e4e4e4;
 
        margin-bottom:40px;


}



#contents #main_sidebar div.widget div {

	border: 1px solid #fdfdfd;

	background-color: #ffffff;

	padding: 14px;

      
}



#contents #main_sidebar div.widget div p {

	color: #444444;

	font-size: 13px;

	line-height: 24px;

}



#contents #main_sidebar div.widget div p a {

	text-decoration: underline;

}



#contents #main_sidebar div.widget div p a:hover {

	text-decoration: none;

}



#contents #main_sidebar div.search input {

	border: 0 none;

	padding: 0;

	color: #444444;

	font-size: 11px;

	font-style: italic;

	margin-top: 14px;

	margin-left: 14px;

	float: left;

	width: 228px;

}



#contents #main_sidebar div.search div {

	height: 39px;

	padding: 0;

}



#contents #main_sidebar div.search div img {

	float: right;

}



#contents #main_sidebar div.search div a.submit-btn {

	background: url(images/submit.gif) no-repeat;

	height: 39px;

	width: 55px;

	display: inline-block;

}



#contents #main_sidebar div.aboutme div img {

	margin-bottom: 14px;

}



#contents #main_sidebar div.widget ul {

	margin-left: 2px;

	list-style-type: none;

	list-style-position: inside;

}



#contents #main_sidebar div.widget ul li a {

	color: #444444;

	text-decoration: none;

}



#contents #main_sidebar div.widget ul li a:hover {

	text-decoration: underline;

}



#contents #main_sidebar div.widget ul li {

	position: relative;

	color: #444444;

	font-size: 13px;

	padding-left: 12px;

	padding-bottom: 7px;

	margin-bottom: 7px;

	background: url(images/ul_bck.gif) no-repeat left bottom;

}



#contents #main_sidebar div.widget ul li:last-child,

#contents #main_sidebar div.widget ul li.last {

	padding-bottom: 0;

	margin-bottom: 0;

	background: url(images/ul.gif) no-repeat 2px 10px;

}



#contents #main_sidebar div.widget ul li span {

	color: #a3a3a3;

	position: absolute;

	right: 4px;

}



/* ---------------------------------------------------------------- 

*  CONTENTS>SINGLE (post)

* ---------------------------------------------------------------- 

*/ 

#contents .single {

	padding-bottom: 38px;

}



#contents .single div.img {

	float: none;

	border: 1px solid #a3a3a3;

	margin-bottom: 36px;

}



#contents .single div.img_wrap {

	float: none;

	padding: 7px;

	border: 1px solid #f8f8f8;

	background-color: #e4e4e4;

}



#contents .single div.img_wrap div {

	float: none;

	width: auto;

	height: auto;

	overflow: hidden;

	border: 1px solid #f8f8f8;

}



#contents .single .info {

	padding-top: 0;

	padding-bottom: 20px;

}



#contents .single p {

	padding-bottom: 15px;

}



#contents .single h1,

#contents .single p,

#contents .single .info {

	margin-left: 0;

}



/* ---------------------------------------------------------------- 

*  CONTENTS>PORTFOLIO (post)

* ---------------------------------------------------------------- 

*/ 

#contents .portfolio {

	margin-top: 37px;

	padding-bottom: 25px;

}



#contents .portfolio-alt {

	margin-top: 0;

}



#contents .portfolio div.img {

	float: none;

	border: 1px solid #a3a3a3;

	margin-bottom: 15px;

}



#contents .portfolio div.img_wrap {

	float: none;

	padding: 7px;

	border: 1px solid #f8f8f8;

	background-color: #e4e4e4;

}



#contents .portfolio div.img_wrap div {

	float: none;

	width: auto;

	height: 319px;

	overflow: hidden;

	border: 1px solid #f8f8f8;

}



#contents .portfolio .info {

	padding-top: 0;

	padding-bottom: 0;

}



#contents .portfolio p {

	padding-bottom: 15px;

}



#contents .portfolio h1,

#contents .portfolio p,

#contents .portfolio .info {

	margin-left: 0;

}



/* ---------------------------------------------------------------- 

*  CONTENTS>SEARCH (post)

* ---------------------------------------------------------------- 

*/ 

#contents .search h1,

#contents .search p,

#contents .search .info {

	margin-left: 0;

}



/* ---------------------------------------------------------------- 

*  CONTENTS > SOCIAL BOOKMARKS

* ---------------------------------------------------------------- 

*/ 



#contents .social-bookmarks span  {

	display: inline-block;

	cursor: pointer;

}



#contents .social-bookmarks span.bookmark {

	background: url(images/social_delicious.gif);

	height: 57px;

	width: 148px;

}



#contents .social-bookmarks span.float {

	background: url(images/social_float.gif);

	height: 57px;

	width: 110px;

}



#contents .social-bookmarks span.digg {

	background: url(images/social_digg.gif);

	height: 57px;

	width: 119px;

}



#contents .social-bookmarks span.mixx {

	background: url(images/social_mixx.gif);

	height: 57px;

	width: 126px;

}



#contents .social-bookmarks span.stumble {

	background: url(images/social_stumble.gif);

	height: 57px;

	width: 96px;

}



/* ---------------------------------------------------------------- 

*  CONTENTS > COMMENTS

* ---------------------------------------------------------------- 

*/ 

#contents .comment {

	margin-bottom: 20px;

}



#contents .comment img.author {

	float: left;

	width: 80px;

	height: 80px;

	padding: 0;

	margin-bottom: 10px;

	margin-right: 20px;

}



#contents .comment div.author {

	color: #000000;

	font-size: 14px;

	margin-bottom: 10px;

}



#contents .comment div.author a {

	color: #000000;

	text-decoration: none;

}



#contents .comment div.author span {

	color: #808080;

	font-size: 11px;

	padding-left: 17px;

}



#contents .comment .box {

	float: left;

	width: 464px;

	min-height: 105px;

	padding: 0 18px;

}



#contents .comment .box p {

	line-height: 24px;

}



#contents .comment .box a {

	text-decoration: underline;

}



/* ---------------------------------------------------------------- 

*  CONTENTS>LEAVE_COMMENTS

* ---------------------------------------------------------------- 

*/ 

#contents #comments,

#contents #respond {

	padding-top: 32px;

	padding-bottom: 32px;

	font-size: 18px;

	color: #000000;

}



#contents #leave_comment div.textfield {

	margin-bottom: 20px;

	border: 1px solid #c9cfcf;

	width: 266px;

	height: 32px;

	padding: 1px;

	background-color: #ffffff;

}



#contents #leave_comment div.textfield input {

	border: 0 none;

	padding: 9px;

	width: 266px;

	height: 32px;

	color: #444444;

	background: url(images/input_bck.gif) no-repeat left top;

}



#contents #leave_comment div.textbox {

	width: 432px;

	height: 92px;

}



#contents #leave_comment div.textfield textarea {

	border: 0 none;

	margin: 0;

	padding: 9px;

	width: 416px;

	height: 76px;

	color: #444444;

	background: url(images/textarea_bck.gif) no-repeat left top;

}



#contents #leave_comment div.button a {

	padding: 4px 8px;

	color: #ffffff;

	display: inline-block;

	text-decoration: none;

}





/* ---------------------------------------------------------------- 

*  FOOTER

* ---------------------------------------------------------------- 

*/ 

#footer {

	border-top: 1px solid #f8f8f8;

	background-color: #ebeeee;

}

#footer, div.push {

	height: 62px;

}



#footer .container {

	margin: 0 auto;

	color: #656666;

	font-size: 12px;

}



#footer .container div.left {

	float: left;

	margin-top: 22px;

}



#footer .container div.right {

	float: right;

	margin-top: 18px;

}



#footer .container div.right a.twitter {

	display: inline-block;

	height: 22px;

	width: 141px;

	margin-right: 46px;

	background: url(images/follow_on_twitter.gif);

}



#footer .container div.right a.rss-feed {

	display: inline-block;

	height: 22px;

	width: 131px;

	background: url(images/subscribe_to_updates.gif);

}