* {
	margin:0;
 padding:0;
}

body {
 font-family:"Lucida Grande", Helvetica, Arial, sans-serif;
 font-size:11px;
 color:#666;
}

#global {
 width:950px;
 margin:25px auto;
 position:relative;
 _margin-left:5px!important;
 _margin-right:5px!important;
}

#header {
 height:100px;
 position:relative;
 padding:0 0 26px;
 border-bottom: 1px solid #ddd;
}

#header h1 a {
 display:block;
 background:url("creativeandlive.gif") no-repeat;
 width:180px;
 height:75px;
}

#header h1 a span {
 display:none;
}

#head_teaser {
 width:210px;
 position:absolute;
 top:0;
 right:0;
 text-align:right;
}

#head_teaser p {
 line-height:1.7em;
}

#menu {
 list-style-type:none;
 position:absolute;
 left:0;
 bottom:0;
 /*border-left:1px solid #ddd;*/
}

#menu li {
 font-weight:bold;
 float:left;
 font-family:Helvetica, Arial, sans-serif;
 font-size:14px;
 letter-spacing:-1px;
 /*border-top:1px solid #ddd;*/
 border-right:1px solid #ddd;
}

#menu li a {
 color:#000;
 display:block;
 padding:8px 15px;
}

#header .right_box {
 position:absolute;
 right:0;
 bottom:0;
 padding:8px 0 8px 0;
}

#twitter_follow {
 color:#000;
 font-weight:bold;
 padding:0 16px 0 0;
 background:url(mini_arrow.gif) no-repeat 100% 0;
 height:12px;
 overflow:hidden;
 display:block;
}

#twitter_follow:hover {background:url(mini_arrow.gif) no-repeat 100% -12px;}

h3 {
 font-family:"Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;
 text-transform:uppercase;
 font-size:11px;
 color:#333;
 letter-spacing:2px;
 padding:0 0 8px;
}

h2 {
 font-family:Georgia, "Times New Roman", serif;
 font-size:28px;
 color:#000;
 letter-spacing:-1px;
 padding:0 0 8px;
 line-height:1.3em;
}

h2 a, h3 a {
 color:#000;
}

h2 a:hover, h3 a:hover, #menu a:hover {
 color:#0095d3;
}

#main {
 padding:25px 0 0;
}

#content {
 width:480px;
 float:left;
}

.entry_header {
 position:relative;
}

.entry_body .date {
 font-size:12px;
 padding:10px 0 15px;
 border-bottom:1px solid #ddd;
}

.entry_header .date em {
 font-style:normal;
}

.entry_body, .page p, .page ul {
 /*font-family:Georgia, "Times New Roman", serif;*/
 font-size:13px;
}

.entry_body p {
 padding:5px 0;
 line-height:1.8em;
}

.entry_body p strong {
 color:#000;
}

.entry_body p#video_container_0 {
 padding:0;
 line-height:0;
}

#content .written_by {
 padding:10px 0 15px;
 text-align:center;
 color:#000;
 margin:10px 0;
 font-family:Georgia, "Times New Roman", serif;
 font-weight:bold;
 font-style:italic;
}

.read_more {
 color:#000;
 font-weight:bold;
 background:url("mini_arrow.gif") no-repeat 100% 0;
 padding:0 15px 0 0;
 height:12px;
 display:block;
 width:80px;
 margin:10px 0 10px auto;
 line-height:9px;
}

.read_more:hover {
 background:url("mini_arrow.gif") no-repeat 100% -12px;
}

.pagination {
 padding:5px 0;
 font-weight:bold;
 color:#999;
}

.pagination a {
 color:#000;
}

#others_featured {
 padding:15px 0 0;
}

#others_featured .row {
 margin:0 0;
 line-height:1.7em;
 padding:15px 0;
 position:relative;
 border-top:1px solid #ddd;
}

#others_featured .row h4 {
 font-family:Georgia, "Times New Roman", serif;
 font-size:16px;
 color:#000;
 letter-spacing:-1px;
}

#others_featured .row h4 a {
 color:#000;
}

#others_featured .row .desc {
 padding:5px 0 0;
/* font-family:Georgia, "Times New Roman", serif;*/
 font-size:13px;
 line-height:1.8em;
}

#others_featured .date {
 position:absolute;
 top:18px;
 right:0;
 font-family:Helvetica, Arial, sans-serif;
 font-size:11px;
 font-weight:bold;
 color:#999;
}

#others_featured .date em {
 font-style:normal;
}

#nav_categories {
 border-top:1px solid #ddd;
 border-bottom:1px solid #ddd;
 background:#eee;
}

#nav_categories .box {
 width:170px;
 padding:10px;
 margin:10px;
 background:#fff;
 position:relative;
}

#nav_categories .prev {
 float:left;
}

#nav_categories .next {
 float:right;
}

#nav_categories .next h3 {
 text-align:right;
}

#nav_categories h3 {
 font-family:Helvetica, Arial, sans-serif;
 color:#000;
 letter-spacing:-1px;
 font-size:14px;
 line-height:1.6em;
 text-transform:none;
}

#nav_categories h4 {
 font-size:1em;
 font-weight:normal;
 padding:8px 0 0 0;
}

#nav_categories h4 a {
 color:#0095d3;
}

#your_read_the_oldest_article, #your_read_the_latest_article {
 width:190px;
 height:183px;
 margin:10px;
}

#your_read_the_oldest_article span, #your_read_the_latest_article span {
 display:none;
} 

#your_read_the_oldest_article {background: url('navcat_oldest_articles.gif') no-repeat; float:left;}
#your_read_the_latest_article {background: url('navcat_latest_articles.gif') no-repeat; float:right;}

#middle_bar, #right_bar {
 width:210px;
 float:left;
 margin:0 0 0 25px;
}

#right_bar {
 padding-top:7px;
}

#middle_bar .wrap {
 padding:0 10px;
 background:#ddd;
 list-style-type:none;
}

#middle_bar .top {
 height:10px;
 background:url("middlebar_corner.gif") no-repeat;
}

#middle_bar .bottom {
 height:10px;
 background:url("middlebar_corner.gif") no-repeat 0 -10px;
}

#middle_bar .box {
 background:#fff;
 padding:10px;
 margin:0 0 0;
 position:relative;
 border-bottom:4px solid #DDDDDD;
 clear:both;
 _width:140px!important;
 _padding-bottom:0px!important;
 _padding-top:0px!important;
}

#middle_bar .box.no_margin {
 margin:0;
}

#middle_bar .wrap h3 {
 font-family:Helvetica, Arial, sans-serif;
 color:#000;
 text-transform:none;
 letter-spacing:-1px;
 font-size:14px;
}

#middle_bar .box a.mini_feed {
 display:block;
 width:10px;
 height:10px;
 position:absolute;
 top:13px;
 right:10px;
 background:url(mini_feed.gif) no-repeat;
}

#middle_bar .box a:hover.mini_feed {
 background-position:0 -10px;
}

#middle_bar .box a.mini_arrow, #nav_categories a.mini_arrow {
 display:block;
 width:12px;
 height:12px;
 position:absolute;
 top:154px;
 right:10px;
 background:url(mini_arrow.gif) no-repeat;
}

#nav_categories a.mini_arrow {
 top:161px;
}

#middle_bar .box a:hover.mini_arrow {
 background-position:0 -12px;
}

a.mini_feed span, a.mini_arrow span {
 display:none;
}

#middle_bar .box h4 {
 font-size:1em;
 font-weight:normal;
 padding:8px 0 0 0;
}

#middle_bar .box h4 a {
 color:#0095d3;
}

/* ================= */
/* = Sidebar Right = */
/* ================= */

#right_bar a {
 color:#0095d3;
}

#block0 {
 position:relative;
}

#submit_article {
 padding:0 0 5px;
 border-color:#ccc;
}

#submit_article p {
 padding:15px 0 10px;
 border-top: 5px solid #eee;
}

#submit_article p strong {
 color:#000;
}

#submit_article p.desc span {
 display:none;
}

#submit_article a {
 /*background:url(submit_now.gif) no-repeat;*/
 display:block;
/* width:163px;
 height:23px;*/
}

#submit_article a span {
 /*display:none;*/
}

.side_box {
 padding:15px 0 0;
 margin:-8px 0 0;
 border-bottom: 0px solid #ddd;
}

.side_box.top {
 border:none;
 padding:0;
}

.side_box p {
 padding:5px 0;
 line-height:1.7em;
 font-size:11px;
}

.side_box .left {
 float:left;
 padding:8px 10px 0 0;
 line-height:0;
}

.side_box ul {
 list-style-type:none;
}

.side_box ul li {
 background:url(blue_bullet.gif) no-repeat 0 8px;
 line-height:1.8em;
 padding:0 0 0 13px;
}

/* =============== */
/* = More Images = */
/* =============== */

#more_images .boxes {
 background:#eee;
 padding:13px 10px 10px;
 border-top:1px solid #ddd;
 border-bottom:1px solid #ddd;
}

#more_images h3 {
 font-family:Georgia, Helvetica, Arial, sans-serif;
 letter-spacing:-1px;
 font-weight:bold;
 text-transform:none;
 color:#000;
 font-size:15px;
 font-style:italic;
 padding:10px 0 0;
}

#more_images p.desc {
 padding:0 0 10px;
 font-size:12px;
}

#more_images ul {
 list-style-type:none;
}

#more_images ul li {
 display:block;
 float:left;
 width:170px;
 margin:22px 29px;
}

/* ============ */
/* = Archives = */
/* ============ */

#archives_box, #categories_box {
 font-family:Helvetica, Arial, sans-serif;
}

#archives_box ul, #categories_box ul {
 list-style-type:none;
 padding:0;
 border-bottom:1px solid #ddd;
 margin:0 0 15px;
}

#archives_box ul li, #categories_box ul li {
 display:block;
 padding:0 0;
 height:40px;
 clear:both;
 border-top:1px solid #ddd;
 position:relative;
}

#archives_box ul li h4, #categories_box ul li h4 {
 font-size:22px;
 line-height:1em;
 padding:11px 0 0;
 float:left;
 letter-spacing:-1px;
}

#archives_box ul li h4 a, #categories_box ul li h4 a {
 color:#000;
}

#categories_box ul li h4 em {
 position:absolute;
 right:15px;
 top:10px;
 font-size:11px;
 font-style:normal;
 font-weight:bold;
 color:#999;
 letter-spacing:normal;
}

#archives_box ul li ul {
 float:left; 
 padding:19px 0 0 10px;
 margin:0;
 border:none;
}

#archives_box ul li ul li {
 font-weight:bold;
 display:inline;
 padding:0;
 font-size:11px;
 border:none;
 clear: none;
 padding:0 4px 0 0;
}

#archives_box ul li ul li a {
 color:#000;
}

#archives_box a:hover, #categories_box a:hover {
 color:#0095d3;
}

/* ============ */
/* = Comments = */
/* ============ */

#comments {
 padding:15px 0;
}

h4#comments_text {
 font-weight:bold;
 font-family:Helvetica, Arial, sans-serif;
 font-size:14px;
 letter-spacing:-1px;
 padding:0 0 15px;
}

h4#comments_text a {
 color:#000;
}

ol#comments_list {
 list-style-type:none;
}

ol#comments_list li {
 padding:15px 0 5px;
 border-top: 1px solid #ccc;
}

.comment_content {
 padding:0;
 position:relative;
}

.comment_content p {
 line-height:1.6em;
 padding:4px 0;
}

#comments .comment_content textarea {
 width:450px;
}

.editor_ok_button {
 margin:5px 5px 2px 0;
}

a.editor_cancel_link {
 color:#000;
 font-weight:bold;
}

.comment_avatar {
 float:left;
 padding:0 10px 0 0;
}

.comment_right {
 float:left;
 width:350px;
}

.comment_author h5, .comment_author h5 a {
 color:#000;
 padding:2px 0 0;
 font-size:18px;
 font-family:Helvetica, Arial, sans-serif;
 display:block;
}

.comment_infos .date {
 padding:1px 0 0;
}

.admin_comment_action {
 position:relative;
}

.admin_comment_action .delete {
 display:none;
}

#leave_a_comment {
 padding:20px 0 0 0;
}

#leave_a_comment h3 {
 padding:0 0 25px;
}

#comments form label {
 display:block;
 padding:0 0 4px;
 font-weight:bold;
}

#comments form label em {
 font-weight:normal;
 font-style:italic;
 font-size:10px;
}

#comments form input.text {
 display:block;
 width:470px;
 margin:0 0 10px;
 font-size:14px;
 font-weight:bold;
 padding:2px 3px;
}

#comments form textarea {
 width:470px;
 padding:5px 4px;
 font-size:12px;
}

#comments .submit {
 margin:10px 0 0;
}

#comments .required {
 color:#ff0000;
}

.comment_avatar {
 width:30px;
 height:30px;
}

.comment_remy {background:url('remy_avatar.jpg') no-repeat;}
.comment_octavez {background:url('octave_avatar.jpg') no-repeat;}
.comment_emma {background:url('emma_avatar.jpg') no-repeat;}
.comment_romane {background:url('romane_avatar.jpg') no-repeat;}
.comment_florent {background:url('florent_avatar.jpg') no-repeat;}

/* ========= */
/* = Pages = */
/* ========= */

.page p, .page ul {
 padding:0 0 10px;
 line-height:1.8em;
}

.page h3 {
 font-family:Helvetica, Arial, sans-serif;
 color:#000;
 font-size:20px;
 letter-spacing:-1px;
 font-style:italic;
 padding:0 0 10px ;
}

.page p strong {
 color:#000;
}

.page h3.alt {
 padding-top:10px;
}

ul#crew {
 list-style-type:none;
 line-height:1.3em;
 padding:0 0 20px;
}

#crew li {
 display:block;
 width:480px;
 padding:20px 0;
 border-bottom:1px solid #ddd;
}

#crew li:first-child {
 padding:0 0 20px;
}

#crew li .left {
 float:left;
 padding:0 10px 0 0;
 width:64px;
}

#crew li .right {
 float:left;
 width:406px;
}

#crew li h4 {
 font-family:Helvetica, Arial, sans-serif;
 font-size:14px;
 color:#000;
}

#crew li .role {
 display:block;
 padding:2px 0 0;
 font-family:Georgia, "Times New Roman", serif;
 font-style:italic;
 font-size:12px;
}

#crew li .description {
 font-size:11px;
 line-height:1.6em;
 font-family:"Lucida Grande", Helvetica, Arial, sans-serif;
 padding:0;
}

#rss_list {
 list-style-type:none;
 padding:0 0 20px;
}

#rss_list li {
 background:url("blue_bullet.gif") no-repeat 0 8px;
 line-height:1.8em;
 padding:0 0 0 15px;
}

#rss_list li a {
 color:#0095d3;
}

.page img.spotlike {
 padding:10px 15px 9px;
 border-left:1px dotted #ccc;
}

.page img.natteecore {
 padding:0 10px;
}

/* ================= */
/* = Articles list = */
/* ================= */

#articles_list ul {
 list-style-type:none;
}

#articles_list li {
 padding:15px 0;
}

#articles_list .article_li_thumb_image {
 float:left;
 width:170px;
}

#articles_list .article_li_title {
 float:left;
 padding:0 0 0 15px;
 width:295px;
 position:relative;
 height:110px;
}

#articles_list .article_li_title h4 {
 font-family:Helvetica, Arial, sans-serif;
 font-size:18px;
 color:#000;
 letter-spacing:-1px;
}

#articles_list .article_li_title h4 a {
 color:#000;
}

#articles_list .article_li_title .date {
 position:absolute;
 right:0;
 top:6px;
 font-family:Helvetica, Arial, sans-serif;
 font-size:11px;
 font-weight:bold;
 color:#999;
} 

#articles_list .article_li_title .date em {
 font-style:normal;
}

#articles_list .article_li_title .desc {
 line-height:1.8em;
 padding:8px 0 0;
}

#articles_list .article_li_title .infos {
 position:absolute;
 bottom:0;
 left:15px;
 /*font-family:Helvetica, Arial, sans-serif;*/
 font-size:10px;
 /*font-weight:bold;*/
 color:#999;
}

/* ============= */
/* = Highlight = */
/* ============= */

#highlight {
 background:#000;
 margin:20px 0 0;
 padding:40px 0 0;
 position:relative;
/* display:none;*/
}

#highlight .top_left {
 position:absolute;
 top:11px;
 left:15px;
}

#highlight .top_right {
 position:absolute;
 top:0;
 right:0;
 width:55px;
}

#highlight .bottom {
 padding:15px 20px;
}

#highlight .top_left h2 {
 color:#666;
 font-family:Helvetica, Arial, sans-serif;
 font-size:16px;
 font-weight:normal;
}

#highlight .top_right ul.nav {
 list-style-type:none;
 text-align:center;
 padding:11px 0 0 0;
}

#highlight .top_right ul.nav li {
 padding:0 3px;
 float:left;
}

#highlight .top_right ul.nav li a {
 display:block;
 width:17px;
 height:17px;
 background:url(small_rounded_box_black.gif) no-repeat;
 color:#fff;
}

#highlight .bottom p.desc {
 line-height:20px;
}

/* ========== */
/* = Footer = */
/* ========== */

#footer {
 border-top: 1px solid #ddd;
 clear:both;
 margin:30px 0 0;
 padding:26px 0;
 position:relative;
}

#footer a {
 color:#000;
 font-weight:bold;
}

#footer .column {
 float:left;
 padding:3px 0 0;
}

#footer .links {
 padding:3px 15px 0;
 text-align:center;
}

#footer .column ul {
 list-style-type:none;
}

#footer .column li {
 float:left;
 border-left:1px solid #999;
 padding:0 6px 0 8px;
}

#footer .column li:first-child {
 border:none;
}

#footer #search_field {
 float:right;
 padding:0;
}

#footer #search_field .text {
 width:200px;
}

.spacer {
 clear:both;
}

.spacer_form {
 clear:both;
 background:url('hr_gray.gif') repeat-x;
 height:2px;
 margin:25px 0 0;
}

img {
 border:none;
}

a {
 text-decoration:none;
}

em {
 font-style:italic;
}

p a {
 color:#0095d3;
}

p a:hover, .page li a:hover, .box h4 a:hover {
 background:#e3f7ff;
}

.article_li_thumb_image img {width:170px;height:110px;}
