/**
 * MarcArea 2010
 * 
 * Yet another Kemar joint
 * @version: 1.0
 *
 * 
**/

/* X.RESET
-------------------------------------------------------- */
body {
    line-height: 1;
}
body,
div,
h1, h2, h3, h4, h5, h6, p,
dl, dt, dd,
blockquote, pre,
ol, ul, li,
fieldset, form, label, legend {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
html { overflow-y: scroll; }
body {
    font: 14px/23px Helvetica, Arial, Verdana, sans-serif;
    background: #282928;
}
a:link { color: #2c9db9; }
a:visited { color: #6db9cc; }
a:hover, a:focus, a:active { text-decoration: none; }
hr {
    color: #e6e6e6;
    background: #e6e6e6;
    border: 0;
    height: 1px;
    margin: 0;
    padding: 0;
    |display: block;/*IE*/
    |margin: -0.5em 0;/*IE*/
}

/* X.GLOBAL CLASSES
-------------------------------------------------------- */

/* email obfuscation*/
.ertl {
    unicode-bidi: bidi-override;
    direction: rtl;
    text-align: left;
}
.clear {
    clear: both;
}
.warning {
    background: #fcf3d0;
    padding: 6px 10px;
    font-weight: bold;
    font-size: 11px !important;
    line-height: 18px !important;
}
.none { display: none; }
.highlight { background-color: #FDCD20; }

.keyboard {
    float: right;
    margin-top: 10px;
    text-align: right;
    width: 300px;
    height: 41px;
    line-height: 41px;
    padding: 0 74px 0 0;
    background: url(../img/keyboard.png) no-repeat 100% 0;
    font-size: 11px;
    color: #666;
    font-style: italic;
    vertical-align: middle;
}

/* boutons jaunes */
.btn {
    display: inline-block;
    padding: 1px 10px;
    font-size: 11px;
    font-weight: bold;
    color: #000 !important;
    background: #f8e08a;
}
a.btn:link, a.btn:visited {
    text-decoration: none;
}
a.btn:hover, a.btn:focus, a.btn:active {
    text-decoration: underline;
}

/* liens de nav en sidebar */
.nav-link {
    color: #4b4b4b !important;
    font-size: 11px !important;
    font-weight: bold;
    display: block;
}
a.nav-link:link, a.nav-link:visited {
    text-decoration: none;
}
a.nav-link:hover, a.nav-link:focus, a.nav-link:active {
    text-decoration: underline;
}

/* View all, external links pour les titres de l'accueil du blog */
a.all, a.ext {
    display: inline-block;
    text-indent: -10000px;
    overflow: hidden;
    margin-left: 4px;
    |position: relative;/*IE7*/
    |top: -3px;/*IE7*/
    width: 8px;
    height: 13px;
    background: url(../img/icons.png) no-repeat -7px -754px;
}
a.ext {
    |top: -2px;/*IE7*/
    width: 12px;
    height: 16px;
    background: url(../img/icons.png) no-repeat -4px -827px;
}

/* X.HEADER
-------------------------------------------------------- */
#header {
    background: url(../img/bkg_header.png) repeat-x 0 0;
}
#header h1 {
    height: 107px;
    width: 860px;
    margin: 0 auto;
    position: relative;
    line-height: normal;
}
#header h1 a:link, #header h1 a:visited {
    display: block;
    position: absolute;
    top: 24px;
    left: 10px;
    width: 313px;
    height: 61px;
    text-indent: -10000px;
    overflow: hidden;
    background: url(../img/logo.png) no-repeat 0 0;
}

/* X.NAV
-------------------------------------------------------- */
#nav ul {
    width: 840px;
    margin: 0 auto;
    overflow: auto;
}
#nav ul li {
    display: inline;
    line-height: normal;
}
#nav ul li a {
    outline: 0;
    display: block;
    float: left;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    margin: 0;
    padding: 10px 14px;
    border-left: 10px solid #333433;
}
#nav ul li a:hover, #nav ul li a:focus, #nav ul li a:active {
    color: #282928;
    background: #e6e6e6;
    border-left: 10px solid #e6e6e6;
    padding: 10px 20px 10px 8px;
    text-decoration: underline;
}
#nav .here {
    text-decoration: underline;
}

/* X.CONTENT CONTAINER
-------------------------------------------------------- */
#content-container {
    background: #f3f3f3 url(../img/bkg_content.png) repeat-x 0 0;
    padding: 40px 0 20px 0;
    overflow: auto;
    min-height: 240px;
}

/* X.BLOCK FRAMEWORK
-------------------------------------------------------- */
.b {
    float: left;
}
/* 25/75 */
.b25 {
    width: 180px;
    margin-right: 40px;
}
.b50 {
    width: 400px;
    margin-right: 40px;
}
.b75 {
    width: 620px;
    margin-right: 40px;
}
/* 40/60 */
.b40 {
    width: 320px;
    margin-right: 40px;
}
.b60 {
    width: 480px;
    margin-right: 40px;
}
/* 100 */
.b100 {
    width: 480px;
    margin-right: 0;
}

.last {
    margin-right: 0;
}

/* X.CONTENT
-------------------------------------------------------- */
#content {
    width: 840px;
    margin: 0 auto;
    color: #282928;
    word-wrap: break-word;
}

/* X.CONTENT MAIN
-------------------------------------------------------- */
#content h1 {
    font-size: 24px;
    padding: 0 0 4px 0;
    border-bottom: 7px solid #e6e6e6;
    margin: 0 0 14px 0;
}
#content h2 {
    font-size: 20px;
    padding: 0 0 4px 0;
    border-bottom: 4px solid #e6e6e6;
    margin: 0 0 14px 0;
}
#content h3 {
    font-size: 18px;
    margin: 0 0 14px 0;
    padding: 0 0 2px 0;
    border-bottom: 2px solid #e6e6e6;
}
#content h4 {
    font-size: 16px;
    margin: 0 0 14px 0;
    padding: 0 0 4px 0;
    border-bottom: 1px solid #e6e6e6;
}
#content p {
    font-size: 14px;
    margin: 0 0 14px 0;
}
#content ul, ol {
    font-size: 14px;
    margin: 0 0 14px 0;
}
#content ul li {
    background: url(../img/ul.gif) no-repeat 0 10px;
    padding: 0 0 0 12px;
    margin: 0;
}
#content ol li {
    list-style-type: decimal;
    margin: 0 0 0 20px;
}
#content ol li ul li {
    list-style-type: none;
}
#content blockquote {
    font-family: Georgia,"Times New Roman",Times,serif;
    border-left: 10px solid #e6e6e6;
    padding-left: 10px;
}
#content table {
    border: 1px solid #e6e6e6;
    margin: 0 0 14px 0;
    font-size: 14px;
    border-collapse: collapse;
    border-spacing: 0;
}
#content table td,
#content table th {
    text-align: left;
    padding: 1px 8px;
    border: 1px solid #e6e6e6;
    border-collapse: collapse;
}

/* Intro Block */
#content .intro {
    border-bottom: 1px solid #e6e6e6;
    margin: 0 0 6px 0;
}
#content .intro h1,
#content .intro p {
    margin: 0 0 8px 0;
}
#content pre {
    font: 10px/14px Monaco, "Lucida Console", mono-space;
    border-left: 10px solid #e6e6e6;
    padding-left: 10px;
    margin: 0 0 14px 0;
    white-space: pre-wrap;
}

/* X.SUB-CONTENT
-------------------------------------------------------- */
#content .sub-content {
    margin: 15px 0 0 0;
    padding-left: 220px;
    position: relative;
}
/* emphasis */
#content .emphasis {
    width: 152px;
    position: absolute;
    top: 0;
    left: 0;
    background: #e6e6e6;
    padding: 10px 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
#content .emphasis span {
    display: block;
    text-align: right;
    text-align: right;
    font-size: 11px;
    font-weight: bold;
    color: #000;
    text-decoration: none;
    padding: 4px 0;
    width: 152px;
    padding: 4px 15px 4px 0;
    background: url(../img/arrow_nav.gif) no-repeat 100% 50%;
}
/* nav */
#content .sub-nav {
    width: 152px;
    position: absolute;
    top: 0;
    left: 0;
    background: #e6e6e6;
    padding: 10px 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
#content .sub-nav li {
    background: none;
    margin: 0;
    padding: 0;
    line-height: 14px;
}
#content .sub-nav li a:link,
#content .sub-nav li a:visited {
    display: block;
    text-align: right;
    font-size: 11px;
    font-weight: bold;
    color: #4b4b4b;
    text-decoration: none;
    padding: 4px 0;
}
#content .sub-nav li a:hover,
#content .sub-nav li a:focus,
#content .sub-nav li a:active {
    color: #000;
}
#content .sub-nav li a.here {
    color: #000;
    width: 152px;
    padding: 4px 15px 4px 0;
    background: url(../img/arrow_nav.gif) no-repeat 100% 2px;
}

/* X.CONTENT FORM
-------------------------------------------------------- */
form {
    line-height: 10px;
}
label {
    font: 12px/12px Helvetica, Arial, Verdana, sans-serif;
    color: #6e6e6e;
    cursor: pointer;
    display: block;
    padding-bottom: 4px;
}
label.infield {
    cursor: text;
    position: absolute;
    top: 7px;
    left: 6px;
}
div.field-holder {
    position: relative;
    margin: 0 0 10px 0;
}
input[type=text] {
    font: 12px/12px Helvetica, Arial, Verdana, sans-serif;
    width: 235px;
    padding: 4px;
    height: 12px;
}
textarea {
    font: 12px/16px Helvetica, Arial, Verdana, sans-serif;
    width: 469px;
    max-width: 469px;
    padding: 4px;
    margin: 0;
    min-height: 150px;
}
.form-control input {
    display: inline-block;
    border: 0;
    padding: 6px 11px 4px 11px;
    text-transform: uppercase;
    font-size: 11px;
    font: 11px/11px Helvetica, Arial, Verdana, sans-serif;
    font-weight: bold;
    color: #000 !important;
    background: #f8e08a;
    margin: 0;
    cursor: pointer;
}
.form-control input:hover,
.form-control input:focus,
.form-control input:active {
    background: #333;
    color: #fff !important;
}
/* Errors */
.error input,
.error textarea {
    border: 1px solid #d81717;
    background: #f5dacf;
}
.error-text {
    padding: 4px 0 !important;
    margin: 0 !important;
    color: #d81717;
    font-weight: bold;
    font-size: 12px !important;
}
/* Big message d'erreur */
.error-message {
    line-height: 18px;
    margin: 5px 0;
    padding: 0 0 0 7px;
    color: #D81717;
    font-weight: bold;
    border-left: 4px solid #F5DACF;
}
#content .error-message p,
#content .error-message ul {
    font-size: 12px;
    margin: 2px 0;
}
#content .error-message ul li {
    background: none;
    padding: 0;
}
.success-message {
    color: #749537;
    padding: 5px 10px;
    background: #e9eee1;
    font-weight: bold;
}
#content .success-message p {
    font-size: 12px;
    margin: 2px 0;
}

/* X.CONTENT SIDEBAR ITEM
-------------------------------------------------------- */
#content .sidebar-item {
    line-height: 19px;
    margin: 0 0 25px 0;
    |zoom: 1;/*IE7*/
}
#content .sidebar-item h2 {
    font-size: 13px;
    border-bottom: 3px solid #e6e6e6;
    padding: 0;
    margin: 0 0 7px 0;
}
#content .sidebar-item ul,
#content .sidebar-item p {
    font-size: 12px;
    margin: 0 0 7px 0;
    |zoom: 1;/*IE7*/
}
#content .sidebar-item ul li {
    font-size: 12px;
    background: url(../img/ul.gif) no-repeat 0 4px;
    padding: 0 0 4px 10px;
    margin: 0;
    line-height: 14px;
    |zoom: 1;/*IE7*/
}
.more {
    background: url(../img/arrow.gif) no-repeat 0 4px;
    padding-left: 10px;
}
#content .sidebar-item cite {
    font-style: normal;
    font-size: 12px;
}
#content .sidebar-item p.author {
    font-style: italic;
    color: #b4b4b4;
    text-align: right;
}

/* X.HP PHOTO
-------------------------------------------------------- */
#hp-photo {
    width: 620px;
    height: 259px;
    background: url(../img/bkg_home.png) no-repeat 0 0;
    position: relative;
    margin: 20px 0 0 0;
    overflow: hidden;
}
#hp-photo-wrapper {
    height: 259px;
    position: absolute;
    top: 0;
    left: 0;
}
#hp-photo .hp-photo-item {
    width: 620px;
    text-align: right;
    z-index: 10;
}
#hp-photo .hp-photo-item.current {
    display: block;
}
#hp-photo .hp-photo-item img {
    border: 0;
}
#slide-left:link,
#slide-left:visited,
#slide-right:link,
#slide-right:visited {
    z-index: 100;
    position: absolute;
    display: block;
    top: 0;
    width: 30px;
    height: 259px;
    text-indent: -10000px;
    overflow: hidden;
    background: #000 url(../img/slide_left.png) no-repeat 50% 50%;
    background: rgba(0,0,0,0.3) url(../img/slide_left.png) no-repeat 50% 50%;
    |filter: alpha(opacity=30);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}
#slide-right:link,
#slide-right:visited {
    top: 0;
    right: 0;
    background: #000 url(../img/slide_right.png) no-repeat 50% 50%;
    background: rgba(0,0,0,0.3) url(../img/slide_right.png) no-repeat 50% 50%;
}
#slide-left:hover,
#slide-left:focus,
#slide-left:active,
#slide-right:hover,
#slide-right:focus,
#slide-right:active {
    background: #000 url(../img/slide_left.png) no-repeat 50% 50%;
    background: rgba(0,0,0,0.5) url(../img/slide_left.png) no-repeat 50% 50%;
    |filter: alpha(opacity=70);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
#slide-right:hover,
#slide-right:focus,
#slide-right:active {
    background: #737373 url(../img/slide_right.png) no-repeat 50% 50%;
    background: rgba(0,0,0,0.5) url(../img/slide_right.png) no-repeat 50% 50%;
}

/* X.SPRITE LOGOS
-------------------------------------------------------- */
a.logo {
    background: url(../img/logos.png) no-repeat 0 0;
    text-indent: -10000px;
    overflow: hidden;
    display: block;
    width: 140px;
    height: 46px;
}
a#netmeno { width: 119px; background-position: 0 -9px; }
a#fantom { width: 49px; background-position: 0 -76px; }
a#immomig { width: 120px; background-position: 0 -140px; }
a#pcp { width: 120px; background-position: 0 -208px; }
a#same-story { width: 116px; background-position: 0 -278px; }
a#golf-minute { background-position: 0 -340px; }
a#basikarts { width: 100px; background-position: 0 -406px; }
a#vineolia { width: 98px; background-position: 0 -472px; }
a#marcarea { width: 112px; background-position: 0 -540px; }
a#w-h { width: 110px; background-position: 0 -602px; }

#content ul.logos {
    overflow: auto;
}
#content ul.logos li {
    background: none;
    padding: 0;
    margin: 0 10px 0 0;
    float: left;
}
#content ul.logos li a#fantom { margin: 0 28px; }
#content ul.logos li a#same-story { margin: 0 6px; }
#content ul.logos li a#basikarts { margin: 0 4px; }

/* X.CV
-------------------------------------------------------- */
#content #cv {
    padding: 0 0 0 220px;
    background: url(../img/bkg_cv.png) no-repeat 0 0;
}
#content #cv ul li {
    margin: 0;
}
#content #cv .alt-list li {
    background: none !important;
    border-bottom: 1px solid #e6e6e6;
    padding: 1px 0 !important;
}
#content #cv .cv-item {
    position: relative;
    padding-left: 120px;
}
#content #cv .cv-item img {
    position: absolute;
    top: 5px;
    left: 0;
    border: 0;
}
#content #cv p {
    margin: 0 0 5px 0;
}
#content #cv h1 {
    margin: 20px 0 12px 0;
}
#content #cv h1:first-child {
    margin-top: 0;
}
#content #cv h2 {
    font-size: 18px;
    padding: 0 0 2px 0;
    margin-bottom: 8px;
}

/* X.CONTACT
-------------------------------------------------------- */
.contact {
    min-height: 250px;
    background: url(../img/bkg_contact.png) no-repeat 100% 30px;
}

/* X.TWEETS
-------------------------------------------------------- */
#twitter-search-form {
    position: relative;
    margin-bottom: 22px;
}
#twitter-search-form img#twitter-ajax-loader {
    position: absolute;
    display: block;
    top: 4px;
    right: 0;
    display: none;
}
#t {
    width: 298px;
    height: 12px;
    line-height: 10px;
    padding-left: 19px;
    background: url(../img/icons.png) no-repeat 1px 2px;
}
#content .b40 p {
/*    text-align: right;*/
    font-size: 11px;
    line-height: 16px;
}

/* X.BLOG
-------------------------------------------------------- */
#content #twitter-search {
    display: none;
    margin: -6px 0 10px 0;
    padding: 0;
}
#content #twitter-search #t {
    width: 467px;
}
#content .posts-list,
#content .tweets-list {
    margin-bottom: 20px;
}
#content .posts-list li,
#content .tweets-list li,
#content .marks-list li {
    background: url(../img/logo_sprite.png) no-repeat 2px 4px;
    padding: 0 0 0 32px;
    margin: 0 0 14px 0;
    font-size: 12px;
    line-height: 18px;
}
#content .posts-list li > span,
#content .tweets-list li > span,
#content .marks-list li > span {
    display: inline-block;
    border-left: 3px solid #e6e6e6;
    padding: 0 0 0 8px;
    min-height: 30px;
}
#content .tweets-list li {
    background: url(../img/logo_sprite.png) no-repeat 2px -206px;
}
#content .marks-list li {
    background: url(../img/logo_sprite.png) no-repeat 2px -430px;
}
#content .posts-list li > span a:link,
#content .posts-list li > span a:visited {
    color: #282928;
    font-size: 16px;
    font-weight: bold;
}
#content .posts-list li > span a:visited {
    color: #4B4B4B;
    text-decoration: underline;
}
#content .posts-list li > span a:hover,
#content .posts-list li > span a:focus,
#content .posts-list li > span a:active {
    text-decoration: none;
}
#content .posts-list li > span a + span {
    color: #949494;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
}

#archives h2 {
    margin: 20px 0 10px 0;
}
#archives ul li {
    margin: 0;
}
#blog-search-form {
    position: relative;
    margin-bottom: 22px;
}
#q {
    width: 253px;
    height: 12px;
    line-height: 10px;
    padding-left: 19px;
    background: url(../img/icons.png) no-repeat 1px 2px;
}
#q-s {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 24px;
    display: block;
    border: 0;
    padding: 6px 4px 4px 4px;
    text-transform: uppercase;
    font-size: 11px;
    font: 11px/11px Helvetica, Arial, Verdana, sans-serif;
    font-weight: bold;
    color: #000 !important;
    background: #e6e6e6;
    margin: 0;
    cursor: pointer;
}
#content #blog-search-form ul {
    width: 279px;
    background: #e6e6e6;
    position: absolute;
    top: 25px;
    left: 0;
    -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 3px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 3px 8px;
}
#content #blog-search-form li {
    line-height: 15px;
    margin: 0;
    padding: 0;
    background: none;
}
#content #blog-search-form li a:link,
#content #blog-search-form li a:visited {
    display: block;
    border-bottom: 1px solid #cbcbcb !important;
    padding: 6px;
    color: #282928;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}
#content #blog-search-form li:last-child a {
    border: none;
}
#content #blog-search-form li.selected a,
#content #blog-search-form li a:hover,
#content #blog-search-form li a:focus,
#content #blog-search-form li a:active {
    background: #282928;
    color: #fff;
}

#post-metadata {
    line-height: 10px;
    margin: 0 0 30px 0;
}
#post-metadata span {
    display: inline-block;
    min-height: 17px;
    line-height: 17px;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    padding-right: 8px;
}
#post-metadata a {
    color: #282928;
    text-decoration: none;
}
#post-metadata .post-metadata-author {
    background: url(../img/icons.png) no-repeat 0 -354px;
    padding-left: 20px;
}
#post-metadata .post-metadata-date {
    background: url(../img/icons.png) no-repeat 0 -428px;
    padding-left: 20px;
}
#post-metadata .post-metadata-comments-num {
    background: url(../img/icons.png) no-repeat 0 -504px;
    padding-left: 22px;
}
#post-metadata .post-metadata-permalink {
    background: url(../img/icons.png) no-repeat 0 -575px;
    padding-left: 22px;
}

#post {
    padding: 0;
    margin: 0 0 30px 0;
    border-bottom: 1px solid #e6e6e6;
}

.next-prev {
    text-align: right;
    line-height: 20px;
    margin-bottom: 10px;
}
.prev {
    background: url(../img/icons.png) no-repeat 100% -280px;
    padding-right: 18px;
}
.next {
    background: url(../img/icons.png) no-repeat 100% -210px;
    padding-right: 18px;
}

.blog-nav {
    text-align: right;
    line-height: 20px;
    margin-bottom: 10px;
}
.blog {
    background: url(../img/icons.png) no-repeat 100% -70px;
    padding-right: 18px;
}
.archives {
    background: url(../img/icons.png) no-repeat 100% -140px;
    padding-right: 18px;
}

.blog-best-of {
    text-align: right;
    margin-bottom: 10px;
    line-height: 20px;
}
.blog-best-of li {
    background: none !important;
}
.blog-best-of li a {
    background: url(../img/icons.png) no-repeat 100% -690px;
    padding-right: 18px;
}

#comment-form {
    overflow: hidden;
    margin: 0 0 30px 0;
}
#comment-form #comment-form-intro p {
    margin: 0;
    font-size: 11px;
    line-height: 11px;
    font-weight: bold;
    text-transform: uppercase;
}
#comment-form #comment-form-intro #add-comment {
    background: url(../img/icons.png) no-repeat -5px -646px;
    padding-left: 12px;
    margin: 0 0 4px 0;
}
#comment-form #comment-form-intro #time-remaining {
    font-size: 9px;
    color: #909090;
    margin: 0 0 8px 0;
    padding-left: 12px;
}
#comment-form #c-name,
#comment-form #c-email,
#comment-form #c-website,
#comment-form #c-submit {
    width: 235px;
    float: left;
}
#comment-form #c-email,
#comment-form #c-submit {
    margin-left: 10px;
}
#comment-form #c-name input[type=text],
#comment-form #c-email input[type=text],
#comment-form #c-website input[type=text] {
    width: 220px !important;
}
#comment-form #c-submit input {
    |overflow: visible;/*IE7*/
    position: relative;
    top: 1px;
}
/* help */
#comment-form .help {
    display: inline-block;/*IE8*/
    margin: 6px 0 8px 0;
}
#comment-form .help ul {
    line-height: 11px;
    font-size: 11px;
    margin: 0 0 0 4px;
    padding: 0;
}
#comment-form .help ul li {
    line-height: 11px;
    margin: 0;
    padding: 0 0 4px 11px;
    background-position: 0 3px;
}

.comment-item {
    margin: 0 0 24px 0;
}
.comment-preview {
    margin: 10px 0 10px 0;
    padding: 10px;
    border: 3px solid #e6e6e6;
    background: #fff;
}
#content .comment-metadata h3 {
    font-size: 12px;
    background: #F8E08A;
    padding: 6px 10px;
    margin: -10px -10px 10px -10px;
    border: 0;
}
.comment-metadata {
    line-height: 10px;
    color: #4c4c4c;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 4px solid #e6e6e6;
    padding: 0 0 5px 0;
    margin: 0 0 10px 0;
}
.comment-metadata span {
    min-height: 21px;
    padding-right: 8px;
}
.comment-metadata a {
    color: #282928;
    text-decoration: none;
}
.comment-metadata-link {
    font-size: 18px;
    position: relative;
    top: 3px;
}
.comment-metadata-author {
    background: url(../img/icons.png) no-repeat 0 -354px;
    padding: 2px 8px 2px 20px;
}
.comment-metadata-date {
    background: url(../img/icons.png) no-repeat 0 -428px;
    padding: 2px 8px 2px 20px;
}
.comment p {
    line-height: 18px !important;
    font-size: 12px !important;
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
}

/* X.PORTFOLIO
-------------------------------------------------------- */
#portfolio {
    width: 840px;
    min-height: 304px;
    background: url(../img/bkg_portfolio.png) repeat-y 0 0;
    margin: 0 0 0 0;
    padding: 0;
    position: relative;
    overflow: hidden;
}
.portfolio-item {
    width: 840px;
    height: 302px;
    position: relative;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
#portfolio-item-wrapper {
    width: 840px;
    min-height: 304px;
}
.portfolio-pics {
    width: 380px;
    height: 244px;
    position: relative;
    margin: 30px 0 0 30px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 3px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 3px 8px;
}
    .portfolio-pics img {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
    }
    .slide-left-small:link,
    .slide-left-small:visited {
        color: red;
        z-index: 100;
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 30px;
        height: 244px;
        background: transparent url(../img/slide_left_small.png) no-repeat 50% 50%;
        text-indent: -10000px;
        overflow: hidden;
    }
    .slide-left-small:hover,
    .slide-left-small:focus,
    .slide-left-small:active {
        -webkit-transition-property: background-color;
        -webkit-transition-duration: .3s;
        -webkit-transition-timing-function: ease-in;
        background: #e0e0e0 url(../img/slide_left_small.png) no-repeat 50% 50%;
        background: rgba(224,224,224,0.2) url(../img/slide_left_small.png) no-repeat 50% 50%;
        |filter: alpha(opacity=20);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
        -webkit-transition-property: background-color;
        -webkit-transition-duration: .3s;
        -webkit-transition-timing-function: ease-in;
    }
    .slide-right-small:link,
    .slide-right-small:visited {
        color: red;
        z-index: 100;
        position: absolute;
        display: block;
        top: 0;
        right: 0;
        width: 30px;
        height: 244px;
        background: transparent url(../img/slide_right_small.png) no-repeat 50% 50%;
        text-indent: -10000px;
        overflow: hidden;
    }
    .slide-right-small:hover,
    .slide-right-small:focus,
    .slide-right-small:active {
        background: #e0e0e0 url(../img/slide_right_small.png) no-repeat 50% 50%;
        background: rgba(224,224,224,0.2) url(../img/slide_right_small.png) no-repeat 50% 50%;
        |filter: alpha(opacity=20);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
        -webkit-transition-property: background-color;
        -webkit-transition-duration: .3s;
        -webkit-transition-timing-function: ease-in;
    }
.portfolio-desc {
    width: 370px;
    position: absolute;
    top: 30px;
    right: 30px;
    line-height: 18px;
}
#content .portfolio-desc h2 {
    font-size: 18px;
    color: #303630;
    margin: 0 0 8px 0;
    padding: 0 0 2px 0;
    border-bottom: 3px solid #e2e2e2;
}
#content .portfolio-desc p {
    font-size: 12px;
    margin: 0 0 4px 0;
    padding: 0;
}
#content .portfolio-desc ul li {
    font-size: 12px;
    margin: 0 0 4px 0;
    background-position: 0 7px;
    padding: 0 0 0 10px;
}

#slide-up:link, #slide-up:visited {
    display: block;
    width: 840px;
    height: 30px;
    background: #e0e0e0 url(../img/slide_up.png) no-repeat 50% 50%;
    text-indent: -10000px;
    overflow: hidden;
}
#slide-up:hover, #slide-up:focus, #slide-up:active {
    background: #b3b2b3 url(../img/slide_up.png) no-repeat 50% 50%;
}
#slide-down:link, #slide-down:visited {
    display: block;
    width: 840px;
    height: 30px;
    background: #e0e0e0 url(../img/slide_down.png) no-repeat 50% 50%;
    text-indent: -10000px;
    overflow: hidden;
}
#slide-down:hover, #slide-down:focus, #slide-down:active {
    background: #b3b2b3 url(../img/slide_down.png) no-repeat 50% 50%;
}
.deactivated {
    background: #e0e0e0 !important;
}
#portfolio-nav {
    padding-top: 15px;
    font-size: 12px !important;
}
#portfolio-nav a:link,
#portfolio-nav a:visited {
    display: inline-block;
    padding: 0 8px;
    background: #e0e0e0;
    margin-right: 10px;
    color: #282928;
    text-decoration: none;
}
#portfolio-nav a.current,
#portfolio-nav a:hover,
#portfolio-nav a:focus,
#portfolio-nav a:active {
    background: #b3b2b3;
    font-weight: bold;
}
/* X.MACBOOKMARKS
-------------------------------------------------------- */
#content .link-item {
    border: 1px solid #eee;
    background: #fff;
    width: 178px;
    line-height: 14px;
    float: left;
    margin: 10px 0 10px 0;
}
#content .link-item h2 {
    font-size: 14px;
    color: #d84f17;
    border: 0;
    padding: 4px 10px;
    margin: 0 0 4px 0;
}
#content .link-item h2 a:link,
#content .link-item h2 a:visited {
    color: #d84f17;
    text-decoration: none;
}
#content .link-item h2 a:hover,
#content .link-item h2 a:focus,
#content .link-item h2 a:active {
    text-decoration: underline;
}

#content .link-item dl {
    font-size: 10px;
    padding: 0 10px;
}
#content .link-item dl a:link,
#content .link-item dl a:visited {
    color: #333;
    text-decoration: none;
    background: url(../img/arrow.gif) no-repeat 0 4px;
    display: inline-block;
    text-indent: 6px;
}
#content .link-item dl a:hover,
#content .link-item dl a:focus,
#content .link-item dl a:active {
    text-decoration: underline;
}
#content .link-item dt {
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 1px solid #d2d2d2;
    margin: 0 0 2px 0;
}
#content .link-item dd {
    font-size: 11px;
    margin: 0 0 8px 0;
}
#content .link-item dd span {
    font-size: 10px;
    font-style: italic;
    color: #6d6d6d;
    display: block;
}

/* X.FOOTER
-------------------------------------------------------- */
#footer-container {
    background: url(../img/bkg_footer.png) repeat-x 0 0;
    padding: 39px 0 50px 0;
    font-size: 11px;
    color: #fff;
}
/* Citation */
#footer-container blockquote {
    width: 828px;
    border-left: 4px solid #949494;
    padding-left: 8px;
    margin: 0 auto 20px auto;
    line-height: 16px;
}
    #footer-container blockquote a {
        color: #fff;
    }
    #footer-container blockquote cite {
        font-style: normal;
    }
    #footer-container blockquote p {
        font-style: italic;
    }
    #quote-reload {
        width: 9px;
        height: 11px;
        display: inline-block;
        text-indent: -10000px;
        |text-indent: 0;
        overflow: hidden;
        margin: 2px 4px 0 4px;
        background: url(../img/reload.png) no-repeat 0 0;
    }
/* Footer */
#footer {
    width: 840px;
    margin: 0 auto;
    border-top: 1px solid #484948;
    position: relative;
}
#footer a:link, #footer a:visited {
    color: #fff;
}
#footer a:hover, #footer a:focus, #footer a:active {
    text-decoration: none;
}
/* To the top */
#top {
    position: absolute;
    top: 0;
    right: 0;
    |overflow: hidden;/*IE7*/
}
a#top-link:link, a#top-link:visited {
    background: url(../img/arrow_top.gif) no-repeat 0 5px;
    padding-left: 14px;
    text-decoration: none;
}
a#top-link:hover, a#top-link:focus, a#top-link:active {
    text-decoration: underline;
}

/* X.@media print
-------------------------------------------------------- */
@media print {
    body,
    .block {
        background: none;
    }
    #header,
    #nav,
    #footer-container,
    .b40,
    #comment-form,
    .sub-nav {
        display: none;
    }
    #content-container {
        background: none;
        overflow: visible;
    }
    .b60,
    #content .sub-content,
    #content #cv {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .b * {
        color: #000 !important;
    }
}