/*  
	Theme Name: Marjorie
	Theme URI: http://www.marjorielazaro.com/
	Description: un blog full size
	Author: Marjorie Lazaro
	Author URI: http://www.marjorielazaro.com/
	Version: 1
*/
/* 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, formulaire, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 1em; /* 11px */
	vertical-align: baseline	
}
body { line-height: 1; background-color: #000; color: #fff; overflow-x: hidden }
ol, ul { list-style: none }

:focus { outline: 0 }
a img, img { border: 0 }
table { border-collapse: collapse; border-spacing: 0 }

/* tags */
h1 { display: block; font-size: 118%; color: #fff }
h1 img { padding: 10px 10px 10px 0 }
h1 .seo { display: none }
h2 { color: #fff; font-size: 100%; font-weight: bold; margin: 20px 0 10px; padding: 0 50px; height: 35px; line-height: 35px; background: transparent url(images/bg-dark.png) 0 0 repeat }
h3 { color: #fff; font-size: 95% }
h4 { color: #fff; font-size: 90% }
p { font-size: 85%; line-height: 125%; color: #fff; margin: 0 50px } /* 11px */
a:link, a:visited, a:active { color: #d6f159 }
a:hover { color: #fff; text-decoration: underline }
ul { font-size: 85%; line-height: 110% }
ul li { list-style-type: circle; margin: 0 0 10px 25px }

/* basics */
.hide { display: none }
.show { display: block }
.float-left, .alignleft { float: left }
.float-right { float: right }
.clear-both  { clear: both }
.clear-left, .cleared { clear: left }
.clear-right { clear: right }
.sep-5 { height: 5px }
.sep-10 { height: 10px }
.sep-20 { height: 20px }
.marginT-5 { margin-top: 5px }
.marginT-15 { margin-top: 15px }
.marginL-5 { margin-left: 5px }
.marginL-10 { margin-left: 10px }
.marginL-20 { margin-left: 20px }
.marginR-15 { margin-right: 15px }
.text-right { text-align: right }
.text-underline { text-decoration: underline; background: transparent }

.wrapper { width: 100%; height: 100%; margin: 0; padding: 0 }
.sidebar { position: fixed; top: 0; left: 0; width: 200px; height: 370px; margin: 60px 25px }
.content { float: left; min-height: 600px; height: auto !important; height: 600px; margin: 0 0 0 250px; background: transparent url(images/bg-dark.png) 0 0 repeat }

ul.navigation { padding: 80px 0 60px; margin: 0; background: transparent url(images/bg-dark.png) 0 0 repeat }
ul.navigation li { list-style-type: none; margin: 0 }
ul.navigation li a { display: block; width: 175px; padding-left: 25px; font-weight: normal; font-size: 110%; color: #bababa; text-decoration: none; line-height: 1.8em; border-bottom: 1px solid #bababa }
ul.navigation li a:hover, ul.navigation li a.current { color: #fff; background: transparent url(images/bg-dark.png) 0 0 repeat; border-bottom: 1px solid #fff }

/* home */
.home { width: 100%; height: 100%; margin: 0; padding: 0; background: #000 url(images/bg-feuille.jpg) bottom left no-repeat; background-attachment: fixed }
.home .content { width: 800px }
.home .testimonials { float: left; width: 300px; padding: 0 50px }
.home .testimonials h1 { margin: 0 -50px; padding: 0 50px }
.home .testimonials blockquote { clear: left; color: #fff; width: 300px }
.home .testimonials p { color: #fff; padding: 0 10px 10px; margin: 0 0 0 20px; width: 200px  }
.home .testimonials .testimonial { width: 260px; background: url(images/quote-close.png) 100% 100% no-repeat; height: auto; float: left }
.home .testimonials .testimonial-author { clear: left; float: right; text-align: right; margin: 15px 0 0; width: 300px }
.quote-open { float: left; width: 26px; height: 23px; background: url(images/quote-open.png) 0 0 no-repeat }
/* social tools */
.home .socialTools { float: left; width: 300px; padding: 0 50px }
.home .socialTools h1 { margin: 0 -50px; padding: 0 50px }
#twitter_m { width: 300px; padding: 0 }
#twitter_container { min-height: 45px; height: auto !important; height: 40px; padding-bottom: 10px }
#twitter_update_list { width: 300px; padding: 0; overflow: hidden; color: #fff }
#twitter_update_list li { width: 300px; list-style: none; padding-bottom: 3px; margin: 0 0 15px; border-bottom: 1px solid #707e2d }
#twitter_update_list li a { color: #d6f159; text-decoration: none }
#twitter_update_list li a:hover { color: #fff }
/* slider images */
.sep-slider { clear: left; height: 444px }
#slider { position: absolute; width: 700px; height: 308px; left: 300px; top: 60px; overflow: hidden; background: transparent; border: 0 } 
#slider .slide { position: absolute; top: 0; height: 308px; width: 525px; cursor: default; background: transparent; overflow: hidden; border-left: 1px solid #707e2d } 
#slider .backgroundText { position: absolute; width: 100%; height: 100%; top: 100%; background: transparent url(images/bg-dark.png) 0 0 repeat } 
#slider .text { position: absolute; top: 240px; left: 0; width: 525px; height: 23px; padding: 25px 15px; color: #fff; font-size: 164%; background: transparent url(images/bg-dark.png) 0 0 repeat } /* border-bottom: #d6f159 solid 1px; */
#slider .diapo { position: absolute; visibility: hidden } 

/* gen */
.gen .content { width: 800px; min-height: 380px; height: auto !important; height: 380px; padding: 60px 0 0 }
.content h1 { padding-left: 50px }
.gen .content ul  { width: 500px; margin: 0 50px 0 40px; padding: 0; color: #fff }
.gen .content ul.social-networks li { display: block; margin: 0; text-align: left; height: 47px; border-bottom: 1px solid #707e2d; color: #fff }
.gen .content ul.social-networks li a { display: block; height: 22px; line-height: 15px; padding: 10px 10px 15px; text-decoration: none }
.gen .content ul.social-networks li a:hover, .gen .content ul.social-networks li a:focus { color: #fff; background: transparent url(images/bg-dark.png) 0 0 repeat }
.gen .content ul.social-networks li a:active { padding: 12px 0 3px }
.gen .content ul.social-networks li a img { float: left; margin: 0 10px 10px 0 }
.gen .content ul.social-networks li a b { color: #fff }
.fader {	background: transparent url(images/bg-dark.png) 0 0 repeat; position: absolute; top: 0; left: 0; width: 100%; height: 1px }

/* about */
img.portrait { float: left; margin: 0 20px 0 50px }
p.me { float: left; margin: 0; width: 380px }
.about { width: 100%; height: 100%; margin: 0; padding: 0; background: #000 url(images/bg-ciel.jpg) top left no-repeat; background-attachment: fixed }
.about .content h1 { background: transparent url(images/bg-h1-purple.png) 0 0 repeat }
.about .content a { color: #d4a7ff }
.about .content ul.social-networks li { border-bottom: 1px solid #95899c }
/* contact */
.contact { width: 100%; height: 100%; margin: 0; padding: 0; background: #000 url(images/bg-musee.jpg) top left no-repeat; background-attachment: fixed }
.contact .content h1 { background: transparent url(images/bg-h1-yellow.png) 0 0 repeat }
.contact .content a { color: #feff21 }
.contact .content ul.social-networks li { border-bottom: 1px solid #c1c19d }
/* portfolio */
.portfolio .content { width: 80%; min-height: 100%; height: auto !important; height: 100%; padding: 60px 0 0 }
.portfolio { height: 100%; margin: 0; padding: 0; background: #000 url(images/bg-lights.jpg) top left no-repeat; background-attachment: fixed }
.portfolio .content h1 { width: auto; height: 40px; background: transparent url(images/bg-h1-white.png) 0 0 repeat }
.portfolio .content a { color: #bababa }
.portfolio .projects-thumbs { padding: 0 0 0 50px }

.filter { float: right; width: 260px; list-style-type: none; padding-top: 15px; margin-right: 20px; font-size: 85%; text-align: right }
.filter a { display: inline; float: right; text-align: right; margin: 0; padding: 0 10px; border-right: 1px solid #bababa; text-decoration: none; font-weight: normal }
.filter a.last { padding-right: 0; border: 0 }
.filter a:hover, .filter a.current { color: #fff }
	
.boxgrid { width: 192px; height: 192px; margin: 20px 20px 0 0; float: left; border: 1px solid #bababa; overflow: hidden; position: relative }
.boxgrid:hover { border-color: #fff }
.boxgrid img { position: absolute; top: 0; left: 0; border: 0 }
.boxgrid h3 { padding: 10px; width: 100% } 
.boxgrid p { clear: left; width: 150px; padding: 0 10px; margin: 10px 0 0; color: #fff; font-weight: normal }
.cover { 
	float: left; position: absolute; 
	height: 100px; width: 100%; 
	background: transparent url(images/bg-dark.png) 0 0 repeat
}
.caption .cover { top: 160px; left: 0 }

/* projects details */
.project { margin: 20px 20px 0 0; font-weight: normal }
.project p { margin: 0 }
.project h2 {  } 
.project h3 { margin: 0 0 10px 0; color: #d6f159 } 
.project .detail-illus { width: 325px; float: left }
.project .detail-illus img { margin-bottom: 20px; float: left }
.project .detail-text { float: left; width: 350px }


/* blog */
.blog a:link, .blog a:visited, .blog a:active { color: #feed91; text-decoration: underline }
.blog a:hover { color: #fff }
.blog img.float-left { margin-right: 15px }
.blog img.float-right { margin-left: 15px }

.blog { width: 100%; height: 100%; background: #000 url(images/bg-godbout.jpg) top left no-repeat; background-attachment: fixed } 
.blog .content { float: left; width: 500px; min-height: 380px; height: auto !important; height: 380px; padding: 60px 0 0 }
.blog .content h1 { width: auto; height: 40px; background: transparent url(images/bg-h1-yellow.png) 0 0 repeat }
.blog #sidebars { float: left; padding: 60px 0 0; margin-left: 25px; width: 234px; background: transparent url(images/bg-dark.png) 0 0 repeat }
.blog #sidebars ul { margin-bottom: 25px }
.blog #sidebars ul  li { margin: 0 0 6px 25px; padding: 0; list-style-type: circle; font-size: 1em }
.blog #sidebars ul  li ul li { font-size: 1.2em }
.blog #sidebars .sidebarbox  h2 { margin: 0 0 10px -10px; padding: 0 0 0 20px }
.blog #sidebars a:link, .blog #sidebars a:visited, .blog #sidebars a:active { text-decoration: none }

.topTitle { margin: 0 }
.topTitle h2 a { text-decoration: none }
.topMeta { margin: 0 0 25px 50px; font-size: 80% }

.topComments ol { margin: 0 50px }
.topComments ol li { float: left; margin: 0 0 20px 0 }
.topComments ol li.comments img.avatar { clear: both; float: left }
.topComments ol li.depth-1 p { margin: -36px 0 0 50px  }
.topComments ol li.depth-1 p.detail{ font-size: 10px; margin: 0; float: right }

#respond { margin: 0 50px }
label { float: left; display: block; width: 120px }
input, textarea { float: left; display: block; width: 272px; border: 1px solid #bababa; background-color: #f6f6f6; color: #000; padding: 2px 3px }
input:focus, textarea:focus{ background-color: #fff; border-color: #fea879; color: #000 }
input.btn { float: right; display: block; width: 60px; border: 1px solid #ababab; background-color: #dfdfdf }
.sexy-bookmarks { height: 60px; padding-top: 25px; background: transparent url(images/bg-h2-sharePost.png) 50px 0 no-repeat }