@import url('css/reset.css');
@import url('css/computer-large.css')(min-width: 1550px);
@import url('css/computer-medium.css')(min-width: 1240px) and (max-width: 1550px);
@import url('css/tablet.css')(min-width: 1px) and (max-width: 1240px);

/*
Theme Name: Sickdesigner
Theme URI: http://sickdesigner.com/
Description: 4th installment of the sickdesigner theme.
Version: 4.5

Author: Radu Chelariu
Author URI: http://sickdesigner.com/
Tags: flexible, colorful, watercolor, white, fresh

	Sickdesigner v4.5
	http://sickdesigner.com/
	This theme was designed and built by Radu Chelariu,
	whose blog you will find at http://sickdesigner.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/
/* --- Font face --- */
@font-face{ font-family: "Collaborate Light"; src: url("fonts/ColabLig.otf"); }    
@font-face{ font-family: "Collaborate Bold"; src: url("fonts/ColabBol.otf"); }

/* --- Homepage Category colors --------------------------------------------- */

/* --- Uncategorized --- */
category.uncategorized{ background: #000; }            
    category.uncategorized a{ color: #999; }
        
/* --- News --- */
    category.news a{ color: #ffafbc; }                

/* --- Design --- */                  
    category.design a{ color: #dbbd9e; }

/* --- Photography --- */                  
    category.photography a{ color: #cc91a8; }        

/* --- Grinders --- */     
    category.grinders a{ color: #dedeb9; }                

/* --- Inspiration --- */          
    category.inspiration a{ color: #dcf9ff; }

/* --- HTML-CSS --- */        
    category.html-css a{ color: #8fd2d8; }
        
/* --- jQuery --- */        
    category.jquery a{ color: #ffb0a1; }
        
/* --- Lifestyle --- */          
    category.lifestyle a{ color: #569588; }
    
/* --- Homepage Read More and Links ----------------------------------------- */

/* --- Uncategorized --- */
a.read_more.uncategorized{ color: #fff; }

/* --- News --- */ 
a.read_more.news, entry.news a{ color: #ec1515; }
    a.read_more.news:hover, entry a:hover{ text-shadow: 0px 0px 5px #ec1515; }

/* --- Design --- */   
a.read_more.design, entry.design a{ color: #f70f35; }
    a.read_more.design:hover, entry.design a:hover{ text-shadow: 0px 0px 5px #f70f35; }

/* --- Photography --- */ 
a.read_more.photography, entry.photography a{ color: #ee186d; }
    a.read_more.photography:hover, entry.photography a:hover{ text-shadow: 0px 0px 5px #ee186d; }

/* --- Grinders --- */    
a.read_more.grinders, entry.grinders a{ color: #f4bc0b; }
    a.read_more.grinders:hover, entry.grinders a:hover{ text-shadow: 0px 0px 5px #f4bc0b; }

/* --- Inspiration --- */  
a.read_more.inspiration, entry.inspiration a{ color: #0dbff2; }
    a.read_more.inspiration:hover, entry.inspiration a:hover{ text-shadow: 0px 0px 5px #0dbff2; }

/* --- HTML-CSS --- */ 
a.read_more.html-css, entry.html-css a{ color: #0df2cf; }
    a.read_more.html-css:hover, entry.html-css a:hover{ text-shadow: 0px 0px 5px #0df2cf; }

/* --- jQuery --- */ 
a.read_more.jquery, entry.jquery a{ color: #f53b17; }
    a.read_more.jquery:hover, entry.jquery a:hover{ text-shadow: 0px 0px 5px #f53b17; }

/* --- Lifestyle --- */   
a.read_more.lifestyle, entry.lifestyle a{ color: #17f580; }
    a.read_more.lifestyle:hover, entry.lifestyle a:hover{ text-shadow: 0px 0px 5px #17f580; }
    
/* --- General Styles --- */    
article, top, posts, sidebar, container, homepage, column, article, twitter, facebook, rss, article h2 a, date em, date small, article entry, entry, article category span, article h3, article h3 small, h1 a, h1 a span, a.read_more, a.follow-me, rss a, facebook a, contact, foothold, .wp-paginate li, friends h5, .css-garden-top-pick, #comment-count a span, single h4, single h6, single em.end, ol.commentlist #respond .close a, .comment-author cite, .commentmetadata, .reply a, .subscribe-to-comments, input#subscribe, .wp-synhighlighter-outer, .wp-synhighlighter-outer div.wp-synhighlighter-expanded a, h2.searchtitle{ display: block; }
h1 a, container, sidebar, column, twitter, rss, facebook, homepage, #search-categories, posts, article, article h3 small, article h2 date, category, article, entry, entry img, nav, footer, .wp-paginate, info, info p, friends, foothold, .wp-paginate li, friends h5, friends ol, friends ol li, friends ol li img, single, #comment-count a span, single h2, single date, single h4, single h6, single entry img, single entry ul, single entry ol, single ul li, single ol li, comments, comments h3, #respond, #respond h3, form#commentform, form#commentform label, ol.commentlist li, ol.commentlist li.depth-1 div.comment-body, ol.commentlist li.depth-2 div.comment-body, ol.commentlist li.depth-3 div.comment-body, ol.commentlist li.depth-4 div.comment-body, .comment-author, .comment-author img, .wp-synhighlighter-outer div.wp-synhighlighter-expanded, .error404 h1{ float: left; }
article h2 a, top, article entry, article .entry, contact, form#commentform input, form#commentform textarea, ol.commentlist, .reply a, .wp-synhighlighter-outer div.wp-synhighlighter-expanded a{ float: right; }
.css-garden-top-pick, a.follow-me, article h2, article h3, article category, a.read_more, #tooltip, #comment-count, single entry span.number, ol.commentlist #respond .close a, .subscribe-to-comments, input#subscribe, h2.searchtitle, #error-footer{ position: absolute; }
bonus, top, footer, info, posts, date em, date small, nav, .wp-paginate, rss, #comment-count a span, #respond h3, .wp-synhighlighter-outer{ width: 100%; }

h1 a, twitter h3, twitter .follow-me, rss a, facebook a{
    font-size: 0;
    line-height: 0;
    text-indent: -9999px; }
    
category{font-family: "Segoe UI", Arial, Tahoma, sans-serif; }

/* --- Styles --- */
body{
    background: #1b1213 url(images/bg_container.gif) top left repeat-x;
    color: #e2e2e2;
    font: normal normal 10px/10px Georgia, "Times New Roman", serif;
    overflow-x: hidden; }
    
    container{ background: url(images/bg.jpg) top left no-repeat; }
    
    a{ color: #f50c38; }
        a:hover{
            color: #fff;
            text-decoration: none;
            text-shadow: 0 0 10px #fff; }
            
    p{ font: normal normal 1.2em/1.75em Georgia, "Times New Roman", serif; margin: 0 0 2em 0; }
    
    #tooltip{
        background: #1b1b1b;
        border: 1px dashed #4d4d4d;
        border-radius: 7px;
       -moz-border-radius: 7px;
       -webkit-border-radius : 7px;
       -khtml-border-radius : 7px;      
        color: white;
        display : none;
        font-size: 1.2em;
        line-height: 1.6em;
        padding: 6px 10px;
        z-index: 9999;	}    
    
/* Smashing Pride */
.smashing-pride{
background: url(images/smashing-logo.png) top left no-repeat;
display: block;
width: 100px;
padding-left: 55px;
padding-top: 10px;
font: normal normal 11px Arial, Verdana, sans-serif;
position: absolute;
z-index: 99999;
height: 44px;
top: 15px;
left: 23px;
color: #333;
text-decoration: none;
}
.smashing-pride:hover{ color: #eb3629; } 
    
    /* Top */
    top{ height: 155px; width: 392px; }
        
        /* Search */
        #searchform{
            background: url(images/bg_search.png) top right no-repeat;
            height: 135px;
            padding: 20px 0 0 105px;
            width: 287px; }
            
            #searchform label{ display: none }
            
            #searchform input{
                border: 1px solid #000;                
                border-radius: 5px;                
               -moz-border-radius: 5px;
               -webkit-border-radius: 5px;
               -khtml-border-radius: 5px;
                box-shadow: 0 3px 6px #111;
               -moz-box-shadow: 0 3px 6px #111;
               -webkit-box-shadow: 0 3px 6px #111;
               -khtml-box-shadow: 0 3px 6px #111;               
                display: inline-block;
                vertical-align: middle; }
            
            #searchform input#s{
                background: rgba(255, 255, 255, 0.6);
                color: #000;               
                font: normal normal 1.2em/1.5em Georgia, "Times New Roman", serif;
                height: 25px;
                padding: 0 5px 0 5px;               
                width: 160px; }
                
                #searchform input#s:focus{
                    background: rgba(255, 255, 255, 0.9);
                    color: #777; }
                   
            #searchform #searchsubmit{
                background: #911210;
                background-image: -moz-linear-gradient(100% 100% 90deg, #5f140f, #cc1011 );
                background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cc1011), to(#5f140f));                 
                color: #fff;
                font: normal normal 1.5em/1em "Collaborate Light", Arial, Tahoma, sans-serif;
                height: 27px;
                padding: 0 0 2px 0;
                text-align: center;
                width: 70px; }
                
                #searchform #searchsubmit:hover{
                    background: #b40a06;
                    background-image: -moz-linear-gradient(100% 100% 90deg, #850901, #f50c0d );
                    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f50c0d), to(#850901));
                    cursor: pointer; }
                
                #searchform #searchsubmit:active{
                    background: #911210;
                    background-image: -moz-linear-gradient(100% 100% 90deg, #cc1011, #5f140f );
                    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5f140f), to(#cc1011));
                    cursor: pointer; }  
    
    /* Sidebar */
    sidebar{ color: #fff; margin: 15px 0 0 0; }        
        sidebar a{ color: #ff9500; }
        
        column.ads p a, top p a{
            background: #222;
            color: #999;
            display: inline-block;
            font: normal normal 1.1em "Segoe UI", Arial, Tahoma, sans-serif;
			margin: 0 0 10px 0;
            padding: 4px 0 5px 0;
            text-align: center;
            text-decoration: none;
            width: 125px; }            
            column.ads p a:hover{ color: #fff; }
			
        h1 a{
            background: url(images/logo.gif);
            color: #fff;
            font: normal normal 4em/1em "Collaborate Bold", Arial, Tahoma, sans-serif;
            height: 120px;
            letter-spacing: -2px;
            margin: 20px 0 0 0;
            text-align: center;
            text-decoration: none;
            width: 220px; }
            
            h1 a span{
               color: #999;
               font: normal normal 0.57em/1em "Collaborate Light", Arial, Tahoma, sans-serif;
               letter-spacing: -1px;
               margin: -5px 0 0 0;
               position: relative; }
        
        /* Twitter */       
        twitter{
            height: 94px;
            margin: 30px 0 0 -14px;
            width: 180px; }            
            
            a.follow-me{
                background: url(images/sprite-follow.png) 0px 0px no-repeat;
                height: 94px;                
                margin: 120px 0 0 36px;
                opacity: 0.7;
                width: 145px;; }
                a.follow-me:hover{ opacity: 1; }                
                
            twitter h3{ height: 60px; text-align: center; }                
            twitter abbr{ color: #888; font: italic normal 1em "Segoe UI", Arial, Tahoma, sans-serif; }
                
        /* RSS */
        rss{
            height: 94px;
            margin: 175px 0 0 -14px;
            text-align: center;
            width: 219px; }
            
            rss a{
                background: url(images/sprite-subscribe.png) 0px 0px no-repeat;
                height: 94px;
                margin: 0 0 0 36px;
                opacity: 0.7;
                width: 151px; }                
                rss a:hover{ opacity: 1; }
            
        /* Facebook */
        facebook{
            height: 143px;
            margin: 50px 0 0 -14px;
            text-align: center;
            width: 219px; }
            
            facebook a{
                background: url(images/sprite-fan.png) 0px 0px no-repeat;
                height: 123px;
                margin: 0 0 0 37px;
                opacity: 0.7;
                width: 146px; }                
                facebook a:hover{ opacity: 1; }                
    
    /* Posts */
    posts{ clear: both; padding: 20px 0 0 0; }
    
    article{
        float: left;
        height: 390px;
        margin: 0 0 20px 0;
        width: 350px; }
        
        article h2, article h3{
            background: #1b1213;
            border-top-left-radius: 15px;
           -moz-border-radius-topleft: 15px;
           -webkit-border-top-left-radius: 15px;
           -khtml-border-top-left-radius: 15px;
            display: block;
            float: left;
            height: 50px;
            margin: 0 0 10px 0;
            padding: 10px 5px 5px 20px;
            width: 330px; }
            
            article h2 date, article h3 small{
                height: 50px;
                margin: 0 10px 0 0;
                text-align: center;
                width: 50px; }
                
                article h2 date em{
                    color: #000;
                    font: normal bold 4em "Collaborate Bold", Arial, Tahoma, sans-serif;
                    height: 35px;
                    margin: -10px 0 0 0;
                    position: relative;
                    text-shadow: 1px 1px 0px #674a51; }
                    
                    article:first-child h2 date em{ color: #dcdbd0; text-shadow: 0 0 4px #dcdbd0; }
                    
                article h2 date small{
                    color: #5f4747;
                    font: italic bold 1.1em Georgia, "Times New Roman", serif;
                    height: 15px;
                    margin: 0;
                    padding: 4px 0 0 0;
                    position: relative;}                    
            
            article h2 a, article h3 a{
                color: #fff;
                display: block;
                float: left;
                font: normal normal 2.4em/1em "Collaborate Light", Arial, Tahoma, sans-serif;
                margin: -5px 0 0 0;
                position: relative;
                text-decoration: none;
                text-shadow: 0 2px 1px #000;
                width: 270px; }
                
            article h2 a:hover, article h3 a:hover{
                color: #fff;
                display: block;
                float: left;
                font: normal normal 2.4em/1em "Collaborate Light", Arial, Tahoma, sans-serif;
                margin: -5px 0 0 0;
                position: relative;
                text-decoration: none;
                text-shadow: 0 2px 1px #000;
                width: 270px; }                
            
            article category{
                background: #1b1213;                
                border-top-right-radius: 5px;
                border-bottom-right-radius: 5px;
               -moz-border-radius-topright: 5px;
               -moz-border-radius-bottomright: 5px;
               -webkit-border-top-right-radius: 5px;
               -webkit-border-bottom-right-radius: 5px;
               -khtml-border-top-right-radius: 5px;
               -khtml-border-bottom-right-radius: 5px;               
                font: normal normal 1em "Segoe UI", Arial, Tahoma, sans-serif;
                height: 18px;
                margin: 315px 0 0 20px;
                padding: 3px 0 0 0;
                text-align: center;
                text-transform: lowercase;
                width: 80px;
                z-index: 50; }
                
                article category a{ opacity: 0.5; text-decoration: none; }                    
                    article category a:hover{ opacity: 1 }
            
            article entry, .entry{
                background: #2b2323;
                border: 1px solid #513c3c;                
                border-radius: 10px;
               -moz-border-radius: 10px;
               -webkit-border-radius: 10px;
               -khtml-border-radius: 10px;               
                box-shadow: 0 3px 6px #111;
               -moz-box-shadow: 0 3px 6px #111;
               -webkit-box-shadow: 0 3px 6px #111;
               -khtml-box-shadow: 0 3px 6px #111;               
                clear: both;
                color: #cecece;
                height: 238px;
                padding: 85px 20px 20px 20px;
                width: 288px; }
                
            article:first-child entry{ background: url(images/bg_first.jpg) bottom center no-repeat; color: #fff}
            
                article:first-child entry:hover{ background: rgba(0, 0, 0, 0.8); }                
                article entry:hover{ background: rgba(0, 0, 0, 0.6); }            
                entry img, .entry img{
                    background: #222;
                    border: 1px dashed #666;
                    margin: 5px 20px 0 0;
                    padding: 3px; }                    
                entry p, .entry p{
                    margin: -5px 0 0 0;
                    letter-spacing: 0.1px;
                    line-height: 1.85em; }
                
                a.read_more{
                    background-color: #1b1213;                    
                    border-top-left-radius: 5px;
                    border-bottom-left-radius: 5px;
                   -moz-border-radius-topleft: 7px;
                   -moz-border-radius-topright: 7px;
                   -webkit-border-top-left-radius: 5px;
                   -webkit-border-bottom-left-radius: 5px;
                   -khtml-border-top-left-radius: 5px;
                   -khtml-border-bottom-left-radius: 5px;                   
                    box-shadow: 0 -1px 0px #3b3b3b;
                   -moz-box-shadow: 0 -1px 0px #3b3b3b;
                   -webkit-box-shadow: 0 -1px 0px #3b3b3b;
                   -khtml-box-shadow: 0 -1px 0px #3b3b3b;                   
                    font: normal normal 1.6em Georgia, "Times New Roman", serif;
                    height: 30px;
                    letter-spacing: -0.5px;
                    margin: 226px 0 0 174px;
                    padding: 10px 0 0 0;
                    text-align: center;
                    text-decoration: none;
                    width: 135px; }
                
    /* Nav */
     .wp-paginate{
        background: #3a2c2c;
        background-image: -moz-linear-gradient(100% 100% 90deg, #2e2323, #443535 );
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#443535), to(#2e2323));         
        border-radius: 7px;
       -moz-border-radius: 7px;
       -webkit-border-radius: 7px;
       -khtml-border-radius: 7px;       
        box-shadow: 0 2px 1px #140d0d;
       -moz-box-shadow: 0 2px 1px #140d0d;
       -webkit-box-shadow: 0 2px 1px #140d0d;
       -khtml-box-shadow: 0 2px 1px #140d0d;       
        color: #b2b2b2;
        font: normal normal 1.2em "Segoe UI", Arial, Tahoma, sans-serif;
        margin: 0 0 50px 20px;
        padding: 15px 20px 10px 20px; }
    
        .wp-paginate li{ width: 40px; }
            
            .wp-paginate li a.page, .wp-paginate li span.current{
                background: #140d0d;                
                border-radius: 15px;
               -moz-border-radius: 15px;
               -webkit-border-radius: 15px;
               -khtml-border-radius: 15px;                             
                display: inline-block;
                font: normal bold 1.4em "Collaborate Bold", Arial, Tahoma, sans-serif;
                height: 25px;
                margin: 0 5px 5px 5px;
                padding: 5px 0 0 0;
                text-align: center;
                text-decoration: none;
                width: 30px; }
                
            .wp-paginate li a.page{
                background-color: #7e7e7e;
                background-image: -moz-linear-gradient(100% 100% 90deg, #7e7e7e, #b2b2b2 );
                background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b2b2b2), to(#7e7e7e));
                color: #fff; }
                
            .wp-paginate li a.page:hover{
                background-color: #c02942;
                background-image: -moz-linear-gradient(100% 100% 90deg, #6f0808, #f60320 );
                background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f60320), to(#6f0808));
                color: #fff; }
                
    /* Footer */
    footer{
        background: #000;
        background-color: rgba(0, 0, 0, 0.5);
        border-top: 1px dashed #5d6061;
        min-height: 200px; }
        
        /* Friends */
        friends{
            font: normal normal 1.1em/1.2em "Segoe UI", Arial, Tahoma, sans-serif;
            padding: 30px 0 0 20px;
            width: 670px; }
            
            friends h5{
                color: #685959;
                font: normal bold 2em "Collaborate Bold", Arial, Tahoma, sans-serif;
                letter-spacing: -1px;
                width: 150px; }
                
                friends h5 span{ font: italic normal 1em Georgia, "Times New Roman", serif; }
                
                friends h5 em{
                    color: #942d2d;
                    font: normal normal 1.55em "Collaborate Light", Arial, Tahoma, sans-serif;
                    letter-spacing: -2px;
                    text-transform: uppercase; }
                
            friends ol{ width: 520px; }
            
                friends ol li{
                    list-style: none;
                    margin: 0 0 10px 0;
                    width: 25%; }     
                    
                    friends ol li a{ color: #c54e32; text-decoration: none }
                    
                    friends ol li a strong{ color: #636363;  text-transform: uppercase; }
                        
                    friends ol li a:hover{ color: #cecece }                        
                    friends ol li a:hover strong{ color: #fff; }                        
                    
                    friends ol li img{
                        border: 1px solid #000;
                        margin: 3px 7px 0 0; }
                        
    contact{
        background: url(images/bg_contact.png) top left no-repeat;
        height: 171px;
        padding: 30px 20px 0 0;
        text-align: right;
        width: 280px; }
        
        contact h6{ font: normal bold 2.2em "Collaborate Bold", Arial, Tahoma, sans-serif; }
        contact p{ font: normal normal 1.3em/1.5em "Segoe UI", Arial, Tahoma, sans-serif; }
        contact p a{ color: #fff6a9; }
        
    info{
        background: #c9c9c9;
        background-image: -moz-linear-gradient(100% 100% 90deg, #c9c9c9, #e8e8e8 );
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e8e8e8), to(#c9c9c9));        
        border-top: 1px solid #000;
        color: #333;
        height: 50px; }
        
        info p{
            font: italic normal 1em Georgia, "Times New Roman", serif;
            margin: 0;
            padding: 10px 3% 0 3%;
            width: 70%; }
            
/* Single */
    single{
        background: #1b1213;
        border-radius-top-left: 15px; 
       -moz-border-radius-topleft: 15px;
       -webkit-border-top-left-radius: 15px;
       -khtml-border-top-left-radius: 15px;
        border-left: 1px dashed #322324;
        padding: 20px 0 0 0;
        width: 740px; }
        
        #comment-count{
            background: url(images/comments_bubble.png);
            height: 81px;
            margin: -83px 0 0 643px;
            padding: 10px 0 0 0;
            text-align: center;
            width: 95px;
            z-index: 9999; }
            
            #comment-count a{
                color: #ccc;
                font: normal bold 3em Georgia, "Times New Roman", serif;
                text-decoration: none; }
            
                #comment-count a span{
                    color: #967276;
                    font: normal normal 0.3em "Segoe UI", Arial, Tahoma, sans-serif;
                    text-align: center; }
                    
                    #comment-count a:hover, #comment-count a:hover span{ color: #fff }
        
        single h2{
            border-bottom: 1px dotted #666;
            margin: 0 0 0 40px;
            padding: 0 0 20px 0;
            width: 700px; }
        
            single h2 a{
                color: #fff;
                font: normal normal 6em "Collaborate Light", Arial, Tahoma, sans-serif;
                letter-spacing: -1px;
                text-decoration: none; }
                
        single date{
            background: #160f10;
            border-bottom: 1px dotted #666;
            margin: 0 0 40px 40px;
            padding: 10px;
            width: 680px; }
            
            single date em{
                color: #555;
                font: normal normal 2em "Collaborate Light", Arial, Tahoma, sans-serif;
                margin: 0 0 5px 0; }
                
            single date author{
                font: italic normal 1.2em Georgia, "Times New Roman", serif;
                letter-spacing: 3px;
                text-shadow: 0 1px 0px #000 }
                
        single h4{
            background: #322324;
            border-radius-top-right: 15px; 
           -moz-border-radius-topright: 15px;
           -webkit-border-top-right-radius: 15px;
           -khtml-border-top-right-radius: 15px;
            border-radius-bottom-right: 15px; 
           -moz-border-radius-bottomright: 15px;
           -webkit-border-bottom-right-radius: 15px;
           -khtml-border-bottom-right-radius: 15px;
            color: #ccc;
            font: normal normal 2.5em "Collaborate Light", Arial, Tahoma, sans-serif;
            letter-spacing: -1px;
            margin: 20px 0 20px 0;
            padding: 10px 0 10px 20px;
            text-transform: uppercase;
            width: 720px; }
            
        single h6{
            color: #ab8e83;
            border-bottom: 1px solid #322324;
            font: italic bold 2em Georgia, "Times New Roman", serif;
            letter-spacing: -0.5px;
            margin: 0 0 10px 0;
            padding: 10px 0 10px 40px;
            width: 700px; }            
    
        single p{
            clear: both;
            color: #cec5bd;
            font: normal normal 1.6em/1.9em Georgia, "Times New Roman", serif;
            letter-spacing: 0.05px;         
            margin: 0 0 1.4em 40px;
            padding: 0;
            word-spacing: 1px; }
            
            single p a{ text-decoration: none }
			
			single .post p strong{ color: #fff }
            
        single em{ color: #f0b80e }
            
        single entry img{
            border: 0 none;
            clear: both;
			height: auto;
            margin: 25px 0 15px 0;
            padding: 0;
            width: 680px; }
            
        single entry img.thumb{ width: 140px; height: 140px; margin: 7px 20px 0 0 }
        
        single entry span.number{
            color: #000;
            font: normal normal 14em "Collaborate Bold", Arial, Tahoma, sans-serif;
            letter-spacing: -10px;
            margin: 0 0 0 -900px;
            text-shadow: 1px 1px 1px #494242; }
            
        single blockquote{
            background: url(images/quotes.png) top right no-repeat;
            border-left: 4px dotted #000;
            float: right !important;
            margin: 0 0 2em 5.5% !important;
            padding: 3% 3% 3% 15.5%;
            position: static;
            top: auto !important;
            width: 75%; }
            
            single blockquote p{
                color: #fff;
                font: italic normal 2em/1.5em Georgia, "Times New Roman", serif;
                letter-spacing: -0.5px;
                margin: 0 !important;
                text-align: right; }
                
        single em.end{
            background: url(images/bg-end.png) top left no-repeat #000;
            border-radius-top-right: 15px; 
           -moz-border-radius-topright: 15px;
           -webkit-border-top-right-radius: 15px;
           -khtml-border-top-right-radius: 15px;
            border-radius-bottom-right: 15px; 
           -moz-border-radius-bottomright: 15px;
           -webkit-border-bottom-right-radius: 15px;
           -khtml-border-bottom-right-radius: 15px;
            border-right: 1px solid #333;
            color: #fff;
            font: italic normal 1.3em/1.6em Georgia, "Times New Roman", serif;
            margin: 1em -20px 0 -315px;
            min-height: 95px;
            padding: 20px 20px 20px 300px;
            position: relative; }
            
        single entry ul, single entry ol{
            clear: both;
            margin: 0 0 2em 40px;
            width: 700px; }
            
            single ul li, single ol li{
                background: #110a0a;
                border-top: 1px solid #0c0606;
                border-left: 1px solid #0c0606;                
                border-right: 1px solid #2e2222;
                border-bottom: 1px solid #2e2222;
                color: #ccc;
                font: italic normal 1.6em/1.5em Georgia, "Times New Roman", serif;
                list-style-type: decimal-leading-zero;
                list-style-position: inside;
                margin: 0 1% 7px 0;
                padding: 2%;
                width: 28%; }
            
/* Comments */
comments{ width: 1170px; }
    
    comments h3{
        font: normal normal 4em "Collaborate Light", Arial, Tahoma, sans-serif;
        padding: 20px 0 20px 0;
        text-align: right;
        width: 1150px; }       

    #respond{
        margin: -50px 0 0 0;
        width: 445px; }
        
        #respond h3{
            font: normal normal 2.5em "Collaborate Light", Arial, Tahoma, sans-serif;
            letter-spacing: -0.3px;
            padding: 0 0 20px 0;
            text-align: right; }
            
            form#commentform label{
                background: #000;
                border-radius-top-right: 10px; 
               -moz-border-radius-topright: 10px;
               -webkit-border-top-right-radius: 10px;
               -khtml-border-top-right-radius: 10px;
                border-radius-bottom-right: 10px; 
               -moz-border-radius-bottomright: 10px;
               -webkit-border-bottom-right-radius: 10px;
               -khtml-border-bottom-right-radius: 10px;
                border-right: 1px solid #333;
                border-bottom: 1px solid #333;
                clear: both;
                color: #999;
                font: italic normal 1.3em/1.4em Georgia, "Times New Roman", serif;
                margin: 0 0 10px 0;
                padding: 10px;
                text-align: right;
                width: 159px; }
            
            form#commentform input, form#commentform textarea{
                background: #999;
                border-radius: 10px; 
               -moz-border-radius: 10px;
               -webkit-border-radius: 10px;
               -khtml-border-radius: 10px;
                border: 0 none;
                font: normal normal 1.3em/1.5em "Segoe UI", Arial, Tahoma, sans-serif;
                height: 18px;
                padding: 10px;
                width: 220px; }
                
            form#commentform input:focus, form#commentform textarea:focus{ background: #fff; }
            
            form#commentform textarea{ height: 160px; }
            
            form#commentform input#submit{
                background: #911210;
                background-image: -moz-linear-gradient(100% 100% 90deg, #5f140f, #cc1011 );
                background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cc1011), to(#5f140f));
                border: 1px solid #c14a4a;
                box-shadow: 0 0 10px #000;
               -moz-box-shadow: 0 0 10px #000;
               -webkit-box-shadow: 0 0 10px #000;
               -khtml-box-shadow: 0 0 10px #000;
                color: #fff;
                font: normal normal 1.7em/1em "Collaborate Bold", Arial, Tahoma, sans-serif;
                height: 42px;
                margin: 20px 0 0 0;
                padding: 0 0 2px 0;
                text-align: center;
                width: 238px; }
                
                form#commentform input#submit:hover, ol.commentlist #respond .close a:hover{
                    background: #b40a06;
                    background-image: -moz-linear-gradient(100% 100% 90deg, #850901, #f50c0d );
                    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f50c0d), to(#850901));
                    cursor: pointer; }
                
                form#commentform input#submit:active, ol.commentlist #respond .close a:active{
                    background: #911210;
                    background-image: -moz-linear-gradient(100% 100% 90deg, #cc1011, #5f140f );
                    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5f140f), to(#cc1011));
                    cursor: pointer; }            
    
ol.commentlist{
    padding: 0 0 0 25px;
    width: 700px;}

/* Reply form */    
ol.commentlist #respond{
    background: #1b1213;
    border-radius-bottom-right: 15px; 
   -moz-border-radius-bottomright: 15px;
   -webkit-border-bottom-right-radius: 15px;
   -khtml-border-bottom-right-radius: 15px;
    margin: 0 0 0 -470px;
    padding: 0 20px 20px 0;
    position: absolute; }
    
    ol.commentlist .depth-2 #respond{ margin: 0 0 0 -510px; }
        ol.commentlist .depth-3 #respond{ margin: 0 0 0 -550px; }
            ol.commentlist .depth-4 #respond{ margin: 0 0 0 -590px; }
    
    ol.commentlist #respond h3{ display: none; }
    
    ol.commentlist #respond .close a{
        background: #911210;
        background-image: -moz-linear-gradient(100% 100% 90deg, #5f140f, #cc1011 );
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cc1011), to(#5f140f));
        border-radius: 25px;
       -moz-border-radius: 25px;
       -webkit-border-radius: 25px;
       -khtml-border-radius: 25px;
        border: 1px solid #951322;
        color: #fff;
        font: normal normal 1.3em/1.8em "Segoe UI", Arial, Tahoma, sans-serif;
        height: 30px;
        letter-spacing: -0.2px;
        margin: -70px 0 0 395px;
        padding: 12px 10px 8px 10px;
        text-align: center;
        text-decoration: none; 
        text-shadow: 0px 1px 1px #000;
        width: 30px; }

/* Comments list */         
        ol.commentlist li.depth-1{
            margin: 0 0 40px 0;
            width: 680px; }
            
            ol.commentlist li.depth-2{
                margin: 0 0 0 40px;
                width: 640px; }
                
                ol.commentlist li.depth-3{
                    margin: 0 0 0 40px;
                    width: 600px; }
                    
                    ol.commentlist li.depth-4{
                        margin: 0 0 0 40px;
                        width: 560px; }
                        
    ol.commentlist li.depth-1 div.comment-body{
        background: #303030;
        border-radius-top-left: 10px; 
       -moz-border-radius-topleft: 10px;
       -webkit-border-top-left-radius: 10px;
       -khtml-border-top-left-radius: 10px;
        border-radius-bottom-left: 10px; 
       -moz-border-radius-bottomleft: 10px;
       -webkit-border-bottom-left-radius: 10px;
       -khtml-border-bottom-left-radius: 10px;
       -moz-box-shadow: 0px 5px 10px #000;
        border: 1px dashed #666;
        padding: 20px 20px 10px 20px;
        width: 638px; }
            
        ol.commentlist li.depth-2 div.comment-body,
         ol.commentlist li.depth-3 div.comment-body,
          ol.commentlist li.depth-4 div.comment-body{
            background: #1c1c1c url(images/bg-reply.png) top left repeat-x;
            border-radius-top-left: 0px; 
           -moz-border-radius-topleft: 0px;
           -webkit-border-top-left-radius: 0px;
           -khtml-border-top-left-radius: 0px;
            border-radius-bottom-left: 10px; 
           -moz-border-radius-bottomleft: 10px;
           -webkit-border-bottom-left-radius: 10px;
           -khtml-border-bottom-left-radius: 10px;
            border: 1px dashed #222;
            padding: 20px 20px 10px 20px; }
            
        ol.commentlist li.depth-2 div.comment-body{ width: 598px;}
        ol.commentlist li.depth-3 div.comment-body{ width: 558px;}
        ol.commentlist li.depth-4 div.comment-body{ width: 518px;}
            
        ol.commentlist li div.comment-body p{
            font: normal normal 1.3em/1.8em "Segoe UI", Arial, Tahoma, sans-serif;
            letter-spacing: 0px;
            margin: 0;
            padding: 0;
            text-shadow: 1px 1px 2px #000; }
            
            ol.commentlist li div.comment-body p a{ text-decoration: none }
            
    .comment-author{
        border-right: 1px solid #222;
        margin: 0 20px 10px 0;
        padding: 0 20px 0 0;
        text-align: right;
        width: 92px; }
        
        .comment-author img{
            background: #222;
            border: 1px solid #000;
            margin: 0 10px 5px 0;
            padding: 5px; }
            
        .comment-author cite{
            font: italic normal 1.3em/1.4em Georgia, "Times New Roman", serif;
            letter-spacing: -0.1px;
            text-transform: capitalize;
            word-wrap: break-word;
            width: 100%; }
            
            .comment-author cite a{
                color: #f70d12;
                text-decoration: none; }
                
            .says{
                font-style: italic;
                opacity: 0.5; }
        
/* Date of post */            
.commentmetadata{
    border-bottom: 1px solid #222;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;}
    
    .commentmetadata a{
        color: #999;
        cursor: default;
        font: normal bold 1.3em/1.8em "Segoe UI", Arial, Tahoma, sans-serif;
        text-decoration: none;
        text-shadow: 0px 1px 1px #000; }
            
/* Reply button & highlight */            
    .reply a{
        background: #222;
        border-radius: 10px;
       -moz-border-radius: 10px;
       -webkit-border-radius: 10px;
       -khtml-border-radius: 10px;
        border:1px solid #111;
        color: #ccc;
        font: normal bold 1.6em "Collaborate Light", Arial, Tahoma, sans-serif;
        height: 20px;
        letter-spacing: -0.2px;
        margin: 5px 0 5px 0;
        padding: 8px 7px 6px 7px;
        text-align: center;
        text-decoration: none;       
        width: 60px; }
        
        .reply a:hover{ color: #fff; }
        .reply a:active{
            color: #000;
            text-shadow: 1px 1px 0px #555; }
        
        .reply-highlight{
            background: #b4b4b4 !important;
            color: #000 !important; }
            
            ol.commentlist li div.comment-body.reply-highlight p{
                color: #000;
                text-shadow: 1px 1px 0px #d3d3d3; }
                
            .reply-highlight .commentmetadata{ border-bottom: 1px solid #999; }
            .reply-highlight .comment-author { border-right: 1px solid #999; }
            
                .reply-highlight .commentmetadata a{
                    color: #333;
                    text-shadow: none; }            
            
                .reply-highlight cite a{ color: #000; }
                
/* Subscribe to comments */
.subscribe-to-comments{
    margin: 335px 0 0 0;
    width: 200px; }
    
    input#subscribe{ margin: 30px 0 0 154px; width: 20px !important }
        
    form#commentform .subscribe-to-comments label{
        font: italic 1.1em/1.4em Georgia,"Times New Roman",serif;
        text-align: left; }
                
/* By user stuff */
ol.commentlist li.byuser div.comment-body{
    background: transparent;
    border: 0 none;
    box-shadow: none;
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   -khtml-box-shadow: none;}
   
    li.byuser .comment-author{ border-right: 1px solid #312224; }
    li.byuser .commentmetadata{ border-bottom: 1px solid #312224; }
    
    li.byuser .reply a{ background: #312224; }
    
/* Code */    
    .wp-synhighlighter-outer img{
        margin: 0;
        padding: 0;
        width: auto; }
    
    .wp-synhighlighter-outer div.wp-synhighlighter-expanded{
        border: 0 none;
        border-radius: 0;
       -moz-border-radius: 0;
       -webkit-border-radius: 0;
       -khtml-border-radius: 0; }
    
    .wp-synhighlighter-outer div.wp-synhighlighter-inner{
        border-radius: 0;
       -moz-border-radius: 0;
       -webkit-border-radius: 0;
       -khtml-border-radius: 0;
        background: url(images/code.jpg) top left repeat-y;
        border: 0 none;
        max-height: none;
        overflow: visible;
        padding: 0 0 10px 90px;  }
        
        single entry .wp-synhighlighter-inner ul, single entry .wp-synhighlighter-inner ol{
            background: none;
            clear: none;
            float: none;
            margin: 0;
            width: auto; }
            
            single .wp-synhighlighter-inner ul li, single .wp-synhighlighter-inner ol li{
                background: none;
                border-top: 0 none;
                border-left: 0 none;                
                border-right: 0 none;
                border-bottom: 0 none;
                color: inherit;
                float: none;
                font:  inherit;
                list-style-type: none;
                list-style-position: inside;
                margin: 0;
                padding: 0;
                width: auto; }        

    .wp-synhighlighter-inner ol li div{
        color: #777 !important;
        font: 12px/27.65px "Courier New", Courier, monospace !important;
        letter-spacing: -0.1px;
        margin: 0;
        padding: 0; }
        
    .wp-synhighlighter-outer div.wp-synhighlighter-expanded{
        background: url(images/bg-top-code.png);
        border: 0 none;
        height: 50px;
        margin: 0;
        padding: 0 5% 0 0;
        width: 95%; }
        
        .wp-synhighlighter-outer div.wp-synhighlighter-expanded a{ margin: 0; }
        
        .wp-synhighlighter-outer div.wp-synhighlighter-expanded img{ background: none !important; margin: 0 }
        
    .wp-synhighlighter-outer div.wp-synhighlighter-expanded a.wp-synhighlighter-title{ display: none }
    
/* Search */
h2.searchtitle{
    color: #fff;
    font: normal bold 3em "Collaborate Bold", Arial, Tahoma, sans-serif;
    letter-spacing: -2px;
    margin: -50px 0 0 125px;
    text-transform: uppercase;
    z-index: 9999; }
    
/* 404 */
.error404{
    background: #1b1213 url(images/404.jpg) top center no-repeat;
    height: 700px;
    padding: 330px 0 0 0; }
	
	#error-text{ text-align: right; }
    
    #the404{
        color: #727272;
        font: normal normal 2em/1.5em Georgia, "Times New Roman", serif;
        margin: 0 auto;
        padding: 0 0 0 650px;
        width: 270px; }
        
        #the404 span{
            color: #b7b7b7;
            font-style: italic; }
            
    .error404 h1{
		clear: both;
		display: block;
		float: left;
		margin: 35px 0 0 40px !important; }
		
		.error404 h1 a{ margin: 0 !important }
        
    #error-footer{
        color: #e23c21;
        font: normal normal 0.7em Georgia, "Times New Roman", serif;
        height: 20px;
        left: 50%;
        margin: 0 0 0 -460px;
        text-align: right;
        top: 1000px;
        width: 920px; }
        
/* Willie */
#willie{
    background: tan;
    float: left;
    height: 410px;
    margin-left: 30px;
	text-align: right;
	width: 675px	}
    
    #willie.Radu{
        background: url(images/comment-monster-radu.png) top left no-repeat; }
		
                #willie h5{ font: normal bold 4em "Collaborate Bold", Arial, Verdana, sans-serif; letter-spacing: -0.5px; }
                    
                #willie p{ font: normal normal 1.5em/1.5em Georgia, "Times New Roman", serif; }
                    
                    #willie p span{ font: normal normal 1.72em "Collaborate Light", Arial, Verdana, sans-serif; }

                #willie h5{
                    background: none;
					margin: 40px 0 0 0;
                    color: #fff; }
                    
                    #willie p span{ color: #fff; display: block; float: right; width: 300px; clear: both; margin: 30px 0 0 0}

				#willie p em{ display: block; float: right; width: 300px; }
        
/* Modal Contact */
    #smcf-overlay{ background: url(images/radial.png) top center no-repeat; }
    .smcf-content{ background-color: transparent; }
    .smcf-content{
        background: rgba(255, 255, 255, 0.9) !important;
        border: 10px solid #3b3b3b;
        color: #3b3b3b; }
        
    #smcf-content{
        position: absolute;
        width: 534px; }        
        
    .smcf-content{
        border-radius: 20px;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        -khtml-border-radius: 20px;
        height: 250px !important;
        margin: 0 0 0 2px;
        padding: 30px;
        width: 534px !important; }
        
    .simplemodal-close{        
        display: block;
        position: absolute !important;        
        height: 30px;
        left: auto !important;
        margin: -15px 0 0 -15px;
        right: auto !important;
        top: auto !important;
        width: 30px !important;
        z-index: 9999;}
        
    .simplemodal-close{
        font-size: 0 !important;
        line-height: 0px !important;
        text-indent: -9999 !important; }        
        
    .smcf-title{ text-shadow: 1px 1px 2px #fff; }
    .simplemodal-close{ background: url(images/close.png) 0px 0px no-repeat; }
    .simplemodal-close:hover{ background: url(images/close.png) 0px -30px no-repeat; }
    
    .smcf-title{
        font: normal normal 2em "Collaborate Bold", Arial, Verdana, sans-serif !important;
        letter-spacing: -2px; }    
        
    .smcf-top, .smcf-bottom{
        display: none; }
        
    #smcf-container label{        
        width: 78px !important; }
        
    button.smcf-cancel{
        display: none !important; }
        
    #smcf-container .smcf-content form button.smcf-send{        
        border-radius: 6px;
       -moz-border-radius: 6px;
       -webkit-border-radius: 6px;
       -khtml-border-radius: 6px;        
        height: 50px;
        margin: -212px 0 0 328px;
        padding: 4px 0 0 0;
        position: absolute;
        width: 110px; }
        
    #smcf-container .smcf-content .smcf-message{
        font: italic normal 1.2em Georgia, "Times New Roman", serif;
        height: 40px;
        margin: 0 0 0 10px;
        position: absolute;
        text-align: left;
        width: 350px; }
        
        #smcf-container .smcf-content .smcf-message .smcf-error{
			margin: 68px 0 0 400px;
            padding: 3%;
			position: absolute;
            width: 90px;}
			
		#smcf-container form{ 
			position: relative !important;
			z-index: 9999 !important; }
            
    #smcf-container .smcf-content .smcf-loading{
        float: none;
        height: 42px;
        margin: 64px 0 0 246px;
        position: absolute;
        width: 42px; }
        
    #smcf-container .smcf-content textarea#smcf-message{
        height: 130px; }
        
    #smcf-container .smcf-content input, #smcf-container .smcf-content textarea{
        padding: 5px; }
        
       #smcf-container label{
            color: #4d4d4d !important;
            text-shadow: 1px 0px 2px #fff; }
            
        #smcf-container .smcf-content .smcf-input{
            background: #fff;
            border: 1px dashed #cacaca; }
            
        #smcf-container .smcf-content form button.smcf-send{
            background: #dadada;
            box-shadow: 0px 1px 2px #a0a0a0;
           -moz-box-shadow: 0px 1px 2px #a0a0a0;
           -webkit-box-shadow: 0px 1px 2px #a0a0a0;
           -khtml-box-shadow: 0px 1px 2px #a0a0a0;
            color: #555;
            text-shadow: 1px 1px 1px #fff; }
            
        #smcf-container .smcf-content form button.smcf-send-over{
            background: #FF9500 !important;
            border: 1px solid #c87c11;
            box-shadow: 0px 0px 6px #fff;
           -moz-box-shadow: 0px 0px 6px #fff;
           -webkit-box-shadow: 0px 0px 6px #fff;
           -khtml-box-shadow: 0px 0px 6px #fff;
            color: #fff;
            text-shadow: 0px 2px 1px #000; }
            
        #smcf-container .smcf-content .smcf-message{ color: #000; }
            
        #smcf-container .smcf-content .smcf-message .smcf-error{
            background: #fff;
            border: 0 none;
            color: #f89509;  }
            
        #smcf-container .smcf-content .smcf-loading{ background: url(images/ajax-loader.gif) top left no-repeat; }
        
    #smcf-container label{ font: normal normal 0.8em "Segoe UI", Arial, Verdana, sans-serif !important; }
        
    #smcf-container .smcf-content form button.smcf-send{
        font: normal bold 1.5em "Collaborate Bold", Arial, Verdana, sans-serif;
        letter-spacing: -2px;
        text-transform: uppercase; }
        
    #smcf-container .smcf-content .smcf-message .smcf-error{
        font: normal normal 0.8em "Segoe UI", Arial, Verdana, sans-serif;
        text-align: left; }
        
    #smcf-container .smcf-content input, #smcf-container .smcf-content textarea{ font: normal normal 0.8em/1.4em Segoe UI, Arial, Verdana, sans-serif; }
    
/* Demo Button */
.demo{
	background: #d92e3e;
	border-radius: 7px;
   -moz-border-radius: 7px;
   -webkit-border-radius: 7px;
   -khtml-border-radius: 7px;
	color: #fff;
	display: inline-block;
	font: normal bold 1.5em Arial, Verdana, Tahoma, sans-serif;
	left: 50%;
	letter-spacing: -0.07em;
	padding: 7px 25px;	
	text-decoration: none;
	text-shadow: 0 1px 2px #000;
    z-index: 1000;}
	
	.demo:hover{
		background: #bf0819;
		text-shadow: 0 0 5px #fff; }
		
	.demo:visited{
		color: #fff !important; }
		
#wpmp_analytics{ display: none; }