html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

body {
    background-color: #252525;
    color: #999999;
    font-family: Vardana, Helvetica, Arial, Sans-Serif;
}
a, a:visited { 
    color: #AAAAAA; 
    text-decoration: none; 
}

a:hover { color: #ffffff; }

strong {
    font-weight: bold;    
}
.coming-soon {
    display: inline-block;
    color: #555555;
    cursor: pointer;
}

h1 {
    font-size: 20px;
    font-weight: bold;
    color: #F7C911;
    margin-bottom: 80px;
    text-align: left;
}


#home-all {
   margin: auto; 
}  

#home-main {
   float: left; 
   padding: 32px;
}  

#news {
    margin-bottom: 32px;
}    
#news-content {
    background-color: #0B1F26;
    border: 1px solid #000000;
    padding: 12px;
    width: 800px;
    margin-top: 12px;
}  
#news a, #iod a {
    float: right;
    font-size: 12px;
    clear: both;
}

#iod {

}

#twitter {
    float: right;
    margin: 72px 32px 32px 0;
    opacity: 0;
}  

#twitter-widget-1 {
    width: 200px;
} 
        
#user-info {
    width: 120px;
    position: absolute;
    top: 0;
    right: 0;    
    font-size: 14px;
    padding: 4px;
    text-align: right;
}


#footer {
    width: 100%;
    background-color: #0B2222;
    background-repeat: repeat-x;
    min-height: 26px;
    clear: both;
    min-width: 740px;    
}

.social-networking {
    padding: 20px 0 6px 20px;
}

.fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr {
    position:absolute;
    bottom: -70px;    
}
.fb_edge_widget_with_comment {
    margin-left: -20px;
}
.post {
    background-color: #151515;
    border: 1px solid #000000; 
    padding: 0;
    text-align: left;
    margin: 6px;
    margin-bottom: 24px;
}
.post-user, .post-title, .post-text {
    padding: 6px;
}
.post-user {
    color: #AAAAAA;
    font-weight: bold;
    display: inline;
}    
.post-title {
    background-color: #111111;  
    color: #BBBBBB;
}
.re {
    margin-top: -25px;
}
.themes {   
    margin-top: 50px;
    width: 1220px; 
    margin: 15% auto auto;    
}

.theme-holder { 
    float: left;
    text-align: right;    
}

.theme-title { font-weight: bold; color: #CCCCCC; margin-top: 50px; }
.theme-author { padding-right: 20px; }
.theme-icon { 
    display: block; 
    margin-top: -8px; 
}

.theme-coming-soon { 
    color: #BB1111; 
    font-weight: bold; 
    float: left; 
    margin-left: 20px;
    margin-top: -12px;
} 
        
.tonsOLinks {
    width: 80px;
    height: 120px;
    display: inline-block;
    margin: 4px;
    font-size: 10px;
    line-height: 12px;
}

#packDates {
     display: block;
     margin-left: 90px;
     position: absolute;
     width: 700px;
 }

#packNfo {
    width: 35%;
    float: left;
}

#packThumbnails {
    margin-left: 24px;
    width: 65%;
    float: right;
}

#packHolder {
    margin-top: 60px;
}

 #packLinks {
     padding: 48px;
     text-align: center;
 }
.imageHolder {
    background-color: #080808;
    display: block;
    float: left;
    margin: 4px;
    padding: 0;
    width: 80px;
    text-align: center;
}

.addPackHighlight, .addImageOfDay {
    clear: both;
    color: #85DBFF;
    font-size: 10px;
    cursor: pointer;
}

.isImageOfDay {
    background-color: #0F1F26;
    color: #FFFFFF;
    font-size: 10px;

}

.addPackHighlight:hover, .addImageOfDay:hover {
    background-color: #273A41;
    box-shadow: inset 0 0 2px #677A81;
    box-shadow: inset 0px 0px 1px 1px #677A81;
}    

.imageHolder .highlighted {
    color: #AFFFEE;            
}

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

.thumbnailHolder {
    width: 88px;  
    float: left;
}

/* lightview styles */
.lv_title {
    font-weight: bold;
    line-height: 14px;
}

#formAddIOD {
    display: none;            
}

#ajaxHidden, #ajax-hidden {
    display: none;            
}

.debugInfo {
    color: #000000;
    background-color: #FFFFFF;
}


        
/* Styles for Tiles Section */


.quilt-title {
    font-size: 16px;
    color: #97DBFF;
    font-weight: bold;
}

.quilt-started-by {
    font-size: 14px;
    margin-bottom: 18px;
}

.quilt {
    margin: auto;
    margin-top: 24px;
}

.quilt-row {
    display: block;
    clear: both;
}  

.quilt img {
    display: inline-block;
    margin-left: -5px;
    margin-bottom: -5px;        
}

.quilt img:hover {
    opacity: .5;
}

#tiles-holder {
    margin: auto;
    text-align: center;
}

.tiles-info {
    margin: 24px 72px;
    display: inline-block;
    text-align: left;
    vertical-align: top;
}

.tiles-neighbors {
    margin: auto;
    display: inline-block;
    margin: 24px 72px;
} 

.tiles-neighbors img {
    margin-left: -5px;
    margin-bottom: -5px;
}

.tiles-neighbors img:hover {
    opacity: .5;
}    



/* Styles for tutorials */

    .tutorial {
        padding-left: 32px;
    }
    
    .tutorial h1 {
        margin-left: 0;
        margin-bottom: 20px;
    }    
    
    .tutorial p {
        font-size: 16px;
        color: #82A4BD;
    }
    
    .tutorial td {
        vertical-align: middle;
        font-size: 14px;
        color: #82A4BD;
        padding: 12px;
    }
    
    
    
/* About Page */
            
.about p, .about ul {
    margin: 12px 48px;
}
.about li, .about .coming-soon {
    list-style-type: disc;
}    
.about .beginning {
    color: #44FF44;
}
.about img { margin: 0 24px 24px 24px; }
table {
    margin: auto;
        border-collapse: separate;
        border-spacing: 1px;
}
table th {
    color: #ADD6F7;
}

table td {
    background-color: #071A21;
    padding: 4px 8px;
}
.table-most-prolific-artists {
   margin-bottom: 48px;
}
.centerIt {
    text-align: center;
}





/* Tutorials */


.tutorial .tutorial-listing {
    margin: 12px 20px 12px 20px;
    background-color: #142429;
    border: 1px solid #000000;    
    padding: 6px;
    display: inline-block;
    width: 200px;
    vertical-align: top;
}
.tutorial .tutorial-listing .tutorial-info {
}
.tutorial .tutorial-listing .tutorial-image {
    width: 200px;
    height: 200px;
    overflow: hidden;
}
.tutorial .tutorial-listing .description {
    font-size: 12px;
    line-height: 16px;
    margin-top: 4px;
}





/* Tiles */


      .quilt-listing {
            margin: auto;
            padding: 32px;
            width: 860px;
      }
      .quilt-holder {
           clear: both;
           width: 860px;
           margin-bottom: 20px;
      }
      .quilt-info { 
           background-color: #142429;
           border: 1px solid #000000; 
           padding: 0;
           text-align: left;
           margin: 6px;
           margin-bottom: 24px;  
           padding: 6px;          
          float: left; 
          width: 600px;
      }
      
      .quilt-title {
          font-size: 16px;
          color: #97DBFF;
          font-weight: bold;
          margin-bottom: 6px;
      }
      .quilt-description {
          font-size: 14px;
          margin-bottom: 6px;
          color: #89C3F3;
      }      
      .quilt-started-by {
          font-size: 14px;
      }
    .quilt-preview {
        float: right;
        margin-bottom: 20px;
        margin-top: 5px;
        padding: 0;
        width: 200px;
    }
    .quilt-preview img {
        border: 1px solid #000000;
    }