/* 
Theme Name:juliendsv
Theme URI:http://juliendasilva.com/
Description: Based on ScribbishWP
Version:1.1
Author:Julien DA SILVA
Author URI:http://juliendasilva.com/

 juliendsv
 http://juliendasilva.com/

 The original Scribbish theme for Typo was designed by Packagethief
 (aka Jeffrey Allan Hardy),whose blog you will find at
 http://quotedprintable.com/. The original Typo version of Scribbish can
 be found at http://quotedprintable.com/pages/scribbish.
 
 The theme was ported to WordPress by Kenny Pitt.
*/

/*===== Layout Styles ====================*/

/**
 * Controls the main layout (width,height,margin,padding)
 *
 * #container
 * #header
 * #page
 * #content
 * #sidebar
 * #footer
 */
body { text-align:center;margin:0;padding:0em 1em 1em 1em; }

#container { text-align:left;margin:0 auto;padding:0;color:#424242; }

#header { height:62px;margin:0 -0.5px 12px 0;padding:0; }

#page { margin-top:70px; }

#content { float:left;padding:0 0 0 5px; }

#sidebar { float:right;text-align:left;width:200px;padding-left:15px;/* border-left:1px dotted #ddd;*/ }

#footer { height:40px;margin:10px 0 0;padding:10px 0 0;clear:both; }

/*--------------------------------------------------------------
 Content Width:you can have standard or wide
 --------------------------------------------------------------*/

#container { width:960px; }
#content { width:720px; }

/*--------------------------------------------------------------
 Sidebar Alignment:you can have left or right
 --------------------------------------------------------------*/

/* BEGIN:Right Sidebar */

#sidebar { float:right;text-align:left;padding-left:15px;/*border-left:1px dotted #ddd;*/ }
#content { float:left;padding-left:5px; }

/*===== Content Styles ====================*/

/*--------------------------------------------------------------
 Header
 --------------------------------------------------------------*/

#header { /*background:url(images/header_shadow.gif) repeat-x left bottom;*/ }

/*#header a:link,#header a:visited { color:#333;text-decoration:none; }

#header a:hover,
#header a:active { color:#930;background:transparent;text-decoration:none; }
*/
#header h1 { font:bold 410% georgia,serif;letter-spacing:-1px;margin:0;float:left; }

#header h2 { font:normal 12px verdana,arial,sans-serif;margin:2.35em 0.2em 0 0;float:right; }

/*--------------------------------------------------------------
 Content
 --------------------------------------------------------------*/

#content { }

#content h1,
#content h2,
#content h3,
#content h4,
#content h5 { font-family:helvetica,arial,sans-serif;letter-spacing:-1px;font-weight:normal; }

#content h1 { font-size:28px;margin:0 0 0.3em; }

#content h2 { font-size:24px;margin:0 0 0.3em; }

#content h3 { font-size:22px;margin:1.2em 0 0.3em; }

#content h4 { font-size:20px;margin:1.2em 0 0.3em;border-bottom:1px dotted #bbb; }

#content h5 { font-size:20px;background:#ffd;margin:1.2em 0 0.3em;border-bottom:1px dotted #aaa; }

#content p { font-size:14px;line-height:18px;margin:0 0 1.2em; }
/*#content p a { color:#ff8c3f;; }*/

#content ul,
#content ol { margin:1em;padding:0; }

#content ul { list-style-type:square; }

#content li { line-height:15px;margin:0 0 0 1em;padding:0; }

#content blockquote { color:#555;border-left:5px solid #ccc;margin:1.3em 1em;padding:0 1em; }

#content code { font:normal 12px "bitstream vera sans mono",monaco,"lucida console","courier new",courier,serif; }

#content pre { /* color:#63FF00;green on black like an old-school monochrome monitor */
 color:#eee;/* uncomment if you prefer basic grey text */
 background:#111;overflow:auto;font:normal 12px "bitstream vera sans mono",monaco,"lucida console","courier new",courier,serif;margin:0.8em 0;padding:10px; }

/* Article Entries - class names based on http://microformats.org/wiki/hatom] */
#content .hentry { margin:0 0 3em 0; }

#content .hentry .entry-title { font-size:30px;line-height:99%;letter-spacing:-1.5px;margin:0; }

#content .hentry .entry-title a:link,
#content .hentry .entry-title a:visited { color:#333;text-decoration:none; }

#content .hentry .entry-title a:hover,
#content .hentry .entry-title a:active { background:transparent;/* BEGIN:Scribbish 2.0 Styles */
/* color:#ff8c3f;*/
 color:#4fa8c6;/* END:Scribbish 2.0 Styles */
 /* BEGIN:Scribbish 3.0 Styles 
 text-decoration:underline;/* END:Scribbish 3.0 Styles */ }

/* Set display to "inline" to show comment count after article title */
#content .hentry .entry-title .comment_count { color:#eee;display:none; }

#content .hentry .posted { float:left;color:#a9a9a9;font:normal 16px/14px helvetica,arial,verdana,sans-serif;letter-spacing:-1px;margin:6px 0 0.6em 2px; }

#content .hentry .fn { font-weight:bold; }

#content .hentry .fn a,
#content .hentry .fn a:hover { color:#aaa;background:transparent;text-decoration:none; }

#content .hentry .clear { clear:both; }
#content .hentry .entry-content { }

.twitter-content { background:#F0FAFF url('images/twitt-bg.png') no-repeat;margin:0;padding:0; } 
.twitt-box { padding:12px 10px 1px 40px;border-bottom:15px solid #fff; }

#content .hentry ul.meta { font-size:10px;background:#eee;margin:0;padding:5px;border-bottom:1px solid #ddd;list-style-type:none; }

#content .hentry ul.meta li { line-height:13px;margin:0;padding:0; }

#content .hentry .meta a:link,
#content .hentry .meta a:visited { color:#555;text-decoration:none;border-bottom:1px dotted #aaa; }

#content .hentry .meta a:hover,
#content .hentry .meta a:active { color:#fff; }

/* Comments and Trackbacks */
#content ol.comments,
#content ol.trackbacks { list-style-type:none;margin:0;padding:0; }

#content li.comment,
#content li.trackback { border:2px solid #ddd;margin:0 0 1.5em;padding:1em; }

#content li.comment.preview { background:#ffc;border:3px solid #fab444;margin:0 0 1.5em;padding:1em; }

#content li.comment .author,
#content li.trackback .author { font-weight:bold;margin-bottom:1em; }

#content li.comment .author cite,
#content li.trackback .author cite { font-size:16px;letter-spacing:-1px; }

#content li.comment .author abbr,
#content li.trackback .author abbr { color:#999; }

#content form.comments { background:#f2f2f2;border-top:1px solid #ddd;padding:1em 0.5em; }
#content form.comments fieldset { border:none; }
#content form.comments legend { display:none; }
#content form.comments label { font-weight:bold; }
#content form.comments textarea { width:90%;height:150px;padding:3px; }

/*--------------------------------------------------------------
 Sidebar
 --------------------------------------------------------------*/
#sidebar { font-size:14px; }

#sidebar h2 { font:bold 14px georgia,arial,helvetica,sans-serif;margin:0 0 0.5em; }
#sidebar h2 a:link,#sidebar h2 a:visited { color:#333;text-decoration:none; }
#sidebar h2 a:hover,#sidebar h2 a:active { background:transparent;text-decoration:underline; }
#sidebar ul { list-style-type:none;margin:0 0 2em;padding:0; }
#sidebar li { margin:0;padding:1px 0; }
#sidebar em { font-style:normal; }

/* Search and results */
#sidebar .search p { margin:0; }
#sidebar .search p input { font-size:11px;width:92%; }

/*--------------------------------------------------------------
 Footer
 --------------------------------------------------------------*/

#footer { border-top:1px solid #ccc;font-size:90%; }

#footer a:link,
#footer a:visited { color:#000; }

#footer a:hover,
#footer a:active { color:#fff;background:#000; }

#footer hr { display:none; }

#footer p { width:40%;float:left;margin:0;padding:0; }

#footer ul { width:40%;margin:0;padding:0;list-style-type:none;text-align:right;float:right; }

#footer li { margin:0;padding:0 0 0 1em;display:inline; }

/*===== Global Styles ====================*/

@media print { #sidebar { display:none; }
 #content { float:none;width:90%; }
 #content pre { color:#333;background:#eee; }
 #content form.comments { display:none; } }

body { /* background:url(images/background.gif) repeat-x left top;*/
/* font:normal 12px "lucida grande",verdana,arial,helvetica,sans-serif;*/
 font:normal 12px georgia,serif; }

input,
textarea { font:normal 12px "bitstream vera sans",verdana,sans-serif; }

abbr { border:none; }
cite { font-style:normal; }
a img { border:none;padding:0;margin:0; }

a:link,a:visited { color:#4fa8c6;text-decoration:none; }
a:hover,a:active { color:#fff;background:#4fa8c6; }

/* http://longren.org/2006/09/27/wrapping-text-inside-pre-tags */
/* Uncomment if you want preformatted text to wrap in IE <= 6 */
/*
pre { white-space:pre-wrap;white-space:-moz-pre-wrap !important;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word; }
*/

/*========================================*/

/* Begin Typography & Colors */
span.caps { font-size:0.9em;letter-spacing:.07em; }
/* End Typography & Colors */

/* Begin Images */
p img { padding:0;max-width:100%; }

/* Using 'class="alignright"' on an image will (who would've
 thought?!) align the image to the right. And using 'class="centered',
 will of course center the image. This is much better than using
 align="center",being much more futureproof (and valid) */
 
img.centered { display:block;margin-left:auto;margin-right:auto; }
 
img.alignright { padding:4px;margin:0 0 2px 7px;display:inline; }

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

.alignright { float:right; }
 
.alignleft { float:left }
/* End Images */

/* Begin Various Tags & Classes */
span.caps { cursor:help; }

.center { text-align:center; }

.navigation { display:block;text-align:center;margin-top:10px;margin-bottom:60px; }
/* End Various Tags & Classes*/

#logo {float:left;width:300px;height:100px;background-color:#424242;}
#logo a{margin-top:60px;background:url('images/logo-juliendasilva.gif') no-repeat top;width:300px;height:41px;display:block;}
#logo a:hover{background:url('images/logo-juliendasilva.gif') no-repeat bottom;}


.menu { float:right;text-align:right;height:120px; }
.menu ul { margin:0;padding:0; }
.menu ul li { line-height:160px;display:inline;font-size:34px;border-left:1px solid #eee;padding:100px 20px 0 20px;font-family :Myriad pro,Arial,Helvetica,sans-serif; }
.menu ul li a { display:inline;color:#424242; }
.menu ul li a:hover { color:#4fa8c6;background-color:#fff; }
.menu ul li.current_page_item a{ color:#4fa8c6; }

li.twitter-item,li.reader-item { border-bottom:10px solid #fff; }
.twitter-timestamp { font-style:italic; }

#sidebar li { list-style-type:none; }






#centre{clear:both;padding:0;font-size:16px;padding-bottom:30px;}
#centre h1{ padding:1% 0 0 0px;font-size:50pt;text-align:left;font-weight: lighter;color:#e2e2e2;margin:0;font-family : Myriad pro, Arial, Helvetica, sans-serif;}
#centre.home h1{ padding:0% 0 5%;font-size:50pt;text-align:center;font-weight: lighter;font-family : Myriad pro, Arial, Helvetica, sans-serif;}
#centre.work_1,#centre.work_2,#centre.work_3,
#centre.work_4,#centre.work_5 {padding-bottom:0;padding-top:0;margin-top:-20px;margin-bottom:0;}
#centre.work_1 h1,#centre.work_2 h1,#centre.work_3 h1,#centre.work_4 h1,#centre.work_5 h1{padding-bottom:0;margin:0;}
#centre.work_1  img{ padding:0;margin-left:-10px;}
#centre.contact input{ border:1px solid;font-size:20px;color:#e2e2e2;padding:6px;}
#centre.contact input.button{ background-color:#ff9c3f;color:#fff;width:100%;text-align:left;}
#centre.contact textarea {border:1px solid;font-size:20px;color:#e2e2e2;padding:5px;font-family: arial, helvetica, sans-serif;}

#bottom {background:#f2f2f2;width:960px;margin:20px auto;padding:0;}

.box{width:300px;padding:10px;float:left;color:#aaa;}
	.box h2{color:#ccc;padding-top: 1%; font-weight: lighter;font-family: Myriad pro,Arial,Helvetica,sans-serif;font-size:30px;margin:0;padding:0;}
	.box p{font-size:14px;}
	/*.box a{color:#424242;border-bottom:1px dotted #ccc;}*/

.big_box {width:620px;padding:10px;float:left;}	
.portfolio {text-align:center;margin-top:40px; border-top:2px dotted #ccc;padding-top:30px;}

pre {
	font-size: 1.3 em; 
 	color: #fff; 
	margin: 10px; 
	padding:10px; 
	background: #000;
}
code {
font-size:1.2em; 
color: #fff;
}