body { 
    font-family: 'Noto Sans', sans-serif;
    font-size: 13px;
    line-height: 17px;
    background-color: #898989;
    background-image: url(images/background.png);
    background-repeat: repeat-x;
}

h1 {
    font-family: 'Yanone Kaffeesatz', sans-serif;
    letter-spacing: 1px;
    color: #303030;
    margin-bottom: 8px;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 0;
}

h2 {
    margin: 8px 0;    
}

p {
    margin-bottom: 12px;    
}

a, a:visited {
    color: #CCCCCC;
}

#ajax-hidden {
    display: none;
}

#logo {
    background-repeat: no-repeat;
    height: 139px;
    left: 20px;
    line-height: 600px;
    overflow: hidden;
    position: absolute;
    top: -35px;
    width: 303px;
}

.thumbnail {
    border: 1px solid #050505;
    border-radius: 4px 4px 4px 4px;
    float: right;
    height: 80px;
    margin: auto;
    max-height: 120px;
    min-height: 20px;
    width: 80px;
    border: none;
}

#login {
    background-color: #141414;
    border-radius: 3px 3px 3px 3px;
    color: #D7D7D7;
    float: right;
    font-size: 11px;
    margin-right: 11px;
    margin-top: -260px;
    margin-bottom: -200px;
    padding: 30px 12px 4px;
    position: relative;
    height: 200px;
    width: 200px;
    z-index: 999999;
}


#login-content {
   position: absolute;
   bottom: 10px;
   width: 100%;
}

#login-content .label-username, #login-content .label-password {
    display: block;
}

#login-content .login-password {
    margin-bottom: 8px;    
}

.login-rember-me {
    display: block;
}

.button-settings {
    background-image: url("images/settings.png");
    display: inline-block;
    height: 16px;
    margin-bottom: -6px;
    margin-top: 0;
    width: 16px;
    float: right;
    margin-right: 20px;
}

#form-login {
    background-color: #444444;
    border-radius: 4px 4px 4px 4px;
    margin: 12px 4px 8px 0;
    padding: 12px 8px 4px;
    width: 180px;
}

#login-help {
    background-color: #666666;
    border-radius: 4px 4px 4px 4px;
    float: right;
    margin-right: 20px;
    padding: 4px;
    width: 112px;
    text-align: center;
}


#form-login .submit {    
    margin-bottom: 12px;
    display: block;
    margin-top: 4px;
}

#container {
    width: 927px;  
    margin: auto;
    height: auto;
}

#header {
    background-color: #444444;
    border-radius: 6px 6px 6px 6px;
    height: 72px;
    line-height: 72px;
    margin-top: 60px;
    padding-right: 24px;
    vertical-align: middle;
    z-index: 9999;
    position: relative;
}
#header li { 
    display: inline;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-size: 23px;
    margin: 2px;

}
#header li a {
    color: #d7d7d7;
    padding: 6px;
}

#header .active { 
    background-color: #2d2d2d;
    padding: 6px;
}
#header .inactive, #header .inactive:hover { 
    background-color: #444444;
    color: #303030;
}
.coming-soon {
    display: inline-block;
    color: #222222;
    cursor: pointer;
}

#menuRight  { 
    text-align: right;
}

#home-main {
    width: 927px;
}

#home-all .thumbnails .thumbnailBar {
    margin-top: 0;
}

#home-all .thumbnails h1 {
    margin-top: 24px;
}

#news {
    background-color: #909090;
    border-radius: 6px 6px 6px 6px;
    box-shadow: -195px 700px 0 168px #818181;
    color: #303030;
    float: right;
    height: 920px;
    margin-bottom: 32px;
    margin-right: 20px;
    margin-top: -52px;
    padding-left: 324px;
    padding-right: 6px;
    padding-top: 50px;
    position: relative;
    width: 272px;
    z-index: 2;
}

#news a {
    float: none;
}

#news li {
    list-style-type: disc;
    margin-left: 20px;
}

#news-content {
    background-color: transparent;
    border: none;
    margin-top: -6px;
    padding: 12px;
    width: auto;
    font-size: 12px;
    line-height: 16px;
}
#news .item {
    border-top: 1px solid #69696a;  
    padding: 4px;
}
#news .more {
    border-top: 1px solid #69696A;
    color: #444444;
    margin-top: 16px;
    padding-top: 4px;
    text-align: center;
    width: 100%;
}
#news .date {
    background-color: #444444;
    color: #E9E9E9;
    display: inline-block;
    padding: 2px 6px;
    font-weight: bold;
    margin: 16px 0 8px 0;
}
#news h1 {
    color: #303030;
    margin-left: 12px;
    margin-top: 2px;    
}

#news p {
    color: #202020;
}

#iod {
    position: relative;
    float: left;
    z-index: 3;
    margin-left: -30px;
    color: #303030;
    width: 660px;
    margin-right: -400px; /* allows overlap */
}
#iod h1 {
    color: #303030;   
    margin-left: 12px;
}

#iod h2 {
    margin: 8px 16px;
    text-align: right;
}
#iod .artwork { 
    max-height: 920px;
    min-height: 640px;
    margin-left: 4px;
    overflow: hidden;
    border: 8px solid #141414;
    border-radius: 6px;
    background-color: #141414;
    text-align: center;
}
    
#iod .artwork img {
    max-width: 660px;
}

#iod a {
    float: none;
    color: #303030;
    font-size: 18px;
    font-family: 'Yanone Kaffeesatz', sans-serif;    
}

#iod .more {
    float: right;
    color: #444444;
    font-size: 12px;
    font-family: 'Noto Sans', sans-serif; 
}

.thumbnails {
    z-index: 1;
    height: 200px;
    margin-left: -10px;
    width: 900px;
    position: relative;
}

.thumbnails .thumbnailBar {
    background-color: #141414;
    border-radius: 6px 6px 6px 6px;
    display: block;
    height: 98px;
    margin-left: -30px;
    margin-top: 40px;
    overflow: hidden;
    padding-left: 16px;
    position: relative;
    width: 946px;
}

#sideBar { display: none; }

#footer { 
    display: inline-block;
    position: relative;
    width: 100%;
    text-align: center;
    margin-top: -6px;
    z-index: 999;

    background: #222222; /* Old browsers */
    background: -moz-linear-gradient(top,  #050505 0%, #2c2c2c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#050505), color-stop(100%,#2c2c2c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #050505 0%,#2c2c2c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #050505 0%,#2c2c2c 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #050505 0%,#2c2c2c 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #050505 0%,#2c2c2c 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#050505', endColorstr='#2c2c2c',GradientType=0 ); /* IE6-9 */


}

.social-networking {
    
}


.imageHolder {
    border: 2px solid #303030;
    border-radius: 4px;    
    margin: 8px;
    background-color: #303030;
    float: none;
    display: inline-block;
}




/** Generic page holder *****************************************************************/

#page-generic {
    background-color: #909090;
    border-radius: 6px 6px 6px 6px;
    color: #202020;
    margin-left: 10px;
    margin-top: -6px;
    padding: 32px 20px;
    width: 862px;
    height: 340px;
}






/** Registration ************************************************************************/

#page-register {
    background-color: #909090;
    border-radius: 6px 6px 6px 6px;
    color: #202020;
    margin-left: 10px;
    margin-top: -6px;
    padding: 32px 20px;
    width: 862px;
    height: 340px;
}

#page-register-confirmed {
    background-color: #909090;
    border-radius: 6px 6px 6px 6px;
    color: #202020;
    margin-left: 10px;
    margin-top: -6px;
    padding: 32px 20px;
    width: 862px;
    height: 340px; 
}

#page-register .register-form {
    float: left;
    margin-left: 96px;
    margin-top: 96px;
    position: relative;
}

#page-register .register-form ul {
    background-color: #AAAAAA;
    border-radius: 6px 6px 6px 6px;
    color: #991010;
    font-size: 14px;
    font-weight: bold;
    left: 270px;
    margin-top: -40px;
    padding: 6px;
    position: absolute;
    width: 140px;
}

#page-register .register-content {
    background-color: #818181;
    border-radius: 6px 6px 6px 6px;
    float: right;
    height: 270px;
    margin-right: 40px;
    margin-top: -32px;
    padding: 90px 40px 40px;
    width: 240px;
}

#page-register label {
    width: 100px;
    text-align: right;
    margin-bottom: 16px;
    margin-right: 4px;
    display: inline-block;
}

#page-register input {
    float: right;
}

#content .loginHolder { margin-top: -32px; }

.login-failed {
    color: #DD2222;
    margin-bottom: -10px;
}


/** Profile *******************************************************************************/


#fos_user_profile_form  {
    text-align: right;
    margin-left: 200px;
    width: 300px;
}

#fos_user_profile_form input {
    margin-bottom: 8px;
    margin-left: 4px;
}

.fos_user_profile_edit {
    margin: 48px;    
}

.profile-submit {
    margin-left: 432px;
}













/** Password reset ************************************************************************/

#page-password-reset {
    background-color: #909090;
    border-radius: 6px 6px 6px 6px;
    color: #202020;
    margin-left: 10px;
    padding: 32px 20px;
    width: 862px;
    height: 340px;
    margin-top: 32px;
}

#page-password-reset .password-reset-content {
    margin: 48px;
    padding: 24px;
    background-color: #818181;
}

#page-password-reset .fos_user_resetting_request {
    width: 100%;
    text-align: center;
}



/** Image of the Day ************************************************************************/

#page-iod {
    background-color: #818181;
    margin: auto;
    padding-top: 12px;
    width: 912px;
}


#page-iod h1 {
    margin-top: 24px;
    margin-left: 12px;
}

#page-iod #datepicker {
    margin-left: 8px;
    font-size: 14px;
    margin-top: -2px;
    height: 24px;
}

#page-iod .artwork img {
    max-width: 880px;
    border: 8px solid #303030;
    border-radius: 6px;
}


#page-iod h2 {
    margin-top: 12px;
    margin-left: 12px;
    color: #505050;
    text-align: center;
}

#page-iod a {
    color: #303030;
    float: none;
    font-family: 'Yanone Kaffeesatz',sans-serif;
    font-size: 22px;
}

#page-iod #artworkHolder {
    margin: auto;
    text-align: center;
}

#page-iod .thumbnailBar {
    width: 880px;
    margin: auto;
    text-align: center;
}

/** About Page ******************************************************************************/

.about {
    background-color: #909090;
    border-radius: 6px 6px 6px 6px;
    color: #303030;
    float: left;
    font-size: 13px;
    margin-left: -8px;
    margin-right: -40px;
    margin-top: -20px;
    padding: 50px 50px 50px 24px;
    width: 300px;
}

.about h1 {
    margin-left: 12px;
    margin-top: 48px;
}
.about p {
    margin: 12px;
    margin-bottom: 20px;
    padding: 4px;
}

.about img {
    border: 8px solid #303030;
    border-radius: 6px 6px 6px 6px;
    float: left;
    margin: 0 12px 0 -56px;
}

.charts {
    background-color: #818181;
    border-radius: 6px 6px 6px 6px;
    float: right;
    margin-right: 18px;
    margin-top: 32px;
    padding: 24px 10px 10px;
    width: 550px;
}

.charts h1 {
    margin-bottom: 24px;
}

.charts .table-most-prolific-artists {
    width: 440px;
}

.charts table {
    border-spacing: 0;
}

.charts table th {
    color: #C7C7C7;
    text-align: right;    
}

.charts table td {
    background-color: #195517;
    border-bottom: 1px solid #3A6100;
    padding: 8px;
    text-align: right;
}






/** Artists Page ******************************************************************************/

#page-artist {
    background-color: #909090;
    padding-top: 32px;
    width: 912px;
    margin: auto;
    text-align: center;
}

#page-artist h1 {
    text-align: center;
}

#page-artist h2 {
    color: #444444;
}

#page-artist .artwork-holder {
    text-align: center;
}

#page-artist .artwork {
    display: block;

}

#page-artist .artwork {
    margin: auto;
    margin-top: 12px;
    margin-bottom: 12px;
}

#page-artist img {
    border: 8px solid #141414;
    border-radius: 6px 6px 6px 6px;
    max-width: 880px;
    margin-bottom: 32px;
}


#page-artist .imageHolder {
    height: 80px;
}


#page-artist .imageHolder img {
    border: none;
    border-radius: 0;
    
}

#posts {
    border-radius: 6px;
    background-color: #818181;   
    margin: auto;
    margin-top: 24px;
    margin-bottom: -16px;
    padding-bottom: 32px;
    width: 880px;
}

#posts h1 {
    padding-top: 24px;
    margin-left: 24px;
}

#posts .post {
    border-radius: 0 0 0 6px;
    margin-right: 1px;
}


#page-artist #posts h1 {
    padding-top: 24px;
    text-align: left;
    margin: 48px 24px 24px 24px;
}

#page-artist #page-artwork img {
    margin-bottom: 0;
}



/** All artpacks listing & Tutorials ******************************************************************************/

#page-artpacks, #page-tutorials {
    background-color: #909090;
    width: 916px;
    margin: -6px auto 0 auto;
    padding-top: 24px;
}

#page-artpacks #packLinks {
    padding: 0 48px 48px 48px;
}

#page-artpacks h1, #page-tutorials h1 {
    text-align: center;
}    

#page-tutorials .tutorial-jump h2 {
    margin: 8px 20px;
    display: inline-block;
} 

#page-artpacks p, #page-tutorials p {
    color: #202020;
} 

#page-artpacks .tonsOLinks {
    color #303030;
}

#page-artpacks .tonsOLinks img {
    border: 2px solid #303030;
    border-radius: 4px;
    margin-top: 12px;
}

#page-tutorials .tutorial {
    width: 800px;
    margin: auto;
    padding: 0;    
}


#page-tutorials .tutorial .tutorial-listing {
    background-color: #202020;
    border-radius: 6px;
}

#page-tutorials .tutorial .tutorial-listing .tutorial-image {
    margin: 4px 0;
}

#page-tutorials .tutorial img {
    border-radius: 4px;
}

#page-tutorials .tutorial table td {
    background-color: #202020;
    color: #909090;
}

#page-tutorials .tutorial table td p {
    color: #909090;    
}

#page-tutorials .tutorial-jump {
    background-color: #606060;
    border-radius: 6px;
    margin: 0 auto -28px auto;
    padding: 12px;
    text-align: center;
    width: 760px;
    padding-bottom: 48px;
}




/** JS Art Viewer (Lightview) ******************************************************************************/


.lv_title_caption_slide {
    position: fixed;
    top: 20px;
    left: 20px;
    text-shadow: 1px 1px #000000;
    font-family: 'Noto Sans', sans-serif;
    font-size: 14px;
    line-height: 32px;
}

.lv_title_caption_slide .lv_title {
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
}

.lv_window_dark .lv_button_top_close {
    position: fixed;
    top: 30px;
    left: auto;
    right: 30px;
}

.lv_side_button_previous {
    position: fixed;
    top: 110px;
    left: 20px;
}

.lv_side_button_next {
    position: fixed;
    top: 110px;
    right: 30px;
}

.lv_slider {
    position: fixed;
    top: 6px;
}




/** View a pack ******************************************************************************/

#page-artpack h1 {
    margin-left: 20px;
}

#page-artpack #posts {
    background-color: #818181;
    border-radius: 6px 6px 6px 6px;
    clear: both;
    margin: 62px auto -16px;
    padding-bottom: 32px;
    padding-left: 20px;
    padding-top: 12px;
    width: 880px;
}

#packHolder {
    background-color: #909090;
    border-radius: 6px 6px 6px 6px;
    float: right;
    margin-right: -6px;
    margin-top: -92px;
    margin-bottom: 32px;
    padding-bottom: 32px;
    padding-left: 280px;
    padding-top: 110px;
    position: relative;
    text-align: center;
    width: 400px;
    z-index: 1;
}

#packNfo {
    background-color: #818181;
    border-radius: 6px 6px 6px 6px;
    color: #303030;
    float: left;
    margin-left: 10px;
    margin-right: -400px;
    padding: 20px;
    position: relative;
    width: 500px;
    z-index: 99;
    margin-bottom: 32px;
}



/*  Pack jumper ******************************************************************************/

        #packJumper {
            display: block;
            margin-right: 10px;
            margin-top: 10px;
            font-size: 15px;
            text-align: right;
            position: relative;
            z-index: 999;
        }
        #packJumper .title { display: none; }
        #packJumper .year {
            display: inline-block;
            background-color: #303030;
            color: #AAAAAA;
            padding: 2px;
            cursor: pointer;
            text-align: center;
            width: 42px;
            margin-left: -6px;
        }
        #packJumper .year:hover, #packJumper .year .selectedYear {
            background-color: #606060;
            color: #EEEEEE;
        }
        #packJumper .year .months {
            margin-top: 2px;
            display: none;
            position: absolute;
            width: 40px;
        }
        
        #packJumper .year .months .month { 
            cursor: pointer;
            background-color: #101010;
            display: inline-block;
            text-align: center;
            width: 40px;
            color: #AAAAAA;
            padding: 2px;
            border-left: 1px solid #C0C0C0;
            border-right: 1px solid #C0C0C0;
            -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, .5);
            box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, .5);            
        }
        
        #packJumper .year .months .month:hover, #packJumper .year .months .selectedMonth {
            background-color: #808080;
            color: #EEEEEE;
        }        
        
        
        
/*  Tiles ******************************************************************************/        

#page-tiles .quilt-listing {
    background-color: #818181;
    overflow: visible;
    width: 640px;
}

#page-tiles .quilt-title {
    color: #303030;
    font-family: 'Yanone Kaffeesatz',sans-serif;
    font-size: 24px;
    letter-spacing: 0;
    line-height: 30px;
    margin-bottom: 8px;
}

#page-tiles .quilt-title a {
    color: #303030;
}

#page-tiles .quilt-description {
    color: #303030;
    font-family: 'Noto Sans', sans-serif;

}

#page-tiles .quilt-info {
    background-color: #909090;
    border: medium none;
    border-radius: 6px 6px 6px 6px;
    color: #303030;
    margin-left: -46px;
    min-height: 166px;
    padding: 12px 120px 12px 12px;
}

#page-tiles .quilt-info p {
    color: #303030;    
}

.quilt-preview {
    float: right;
    margin: 15px -132px 20px 10px;
    padding: 0;
    width: 200px;
}

#page-tiles .quilt-preview img {
    border: 4px solid #303030;
    border-radius: 6px 6px 6px 6px;
    margin-top: 24px;
}

#page-tiles .link-more {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 32px;
}

/*  Quilt ******************************************************************************/ 

#page-quilt h1 { 
    margin-top: 20px;
    margin-left: 12px;
}

#page-tile {
    background-color: #818181;
    color: #303030;
}

#page-tile h1 {
    padding-left: 24px;
    padding-top: 24px;
}

#page-tile .section-label {
    color: #303030;
    font-family: 'Yanone Kaffeesatz',sans-serif;
    font-size: 24px;
    letter-spacing: 0;
    line-height: 30px;
    margin-top: 12px;
    margin-bottom: -18px;
    text-align: center;
    font-weight: bold;
}

.tiles-info {
    background-color: #909090;
    border-radius: 6px 6px 6px 6px;
    display: inline-block;
    margin: 24px 72px;
    padding: 24px;
    text-align: left;
    vertical-align: top;
}