body {
    
    position:               relative;
    min-width:              600px;  
    margin:                 0;
    padding:                2%;

    background:             white;

    font-family:            arial, verdana, sans-serif;
    font-size:              11px;
    line-height:            14px;
    color:                  #757236;

}

a 
{

    color:                  #bcb757;
    font-weight:            none;
    text-decoration:        none;

}


a:hover {

    text-decoration:		underline;

}


img 
{
	background:				none;
    border:                 2px solid #fff;
}

img:hover 
{
	background:				none;
    border:                 2px solid #333;
}


a img
{
    background:             white;
    border:                 2px solid #dbdb2a;
}

a:hover img
{
    background:             white;
    border:                 2px solid #e5a30e;
}





#feature,
#news
{
	background: #e4ffa1;
	
	padding: 8px;
	
}

#feature h2,
#feature h2 a,
#feature .title-box
{
	color: #e5a30e;
}

#submit,
#contributors,
#pastissues
{
	background: none;
	padding: 8px;


}

#submit h2,
#submit a
{
	color: #e5a30e;
}

.odd
{
	background: #e4ffa1;
	
	padding: 8px;
	
}

.even
{
	background: none;
	
	padding: 8px;
	
}


#uploadform
{
    text-align:             center;
    color:                  black;
	padding: 0;
}



#logotype
{
	padding: 				8px;
    text-align:             center;
}

#logotype a,
#logotype img,
#logotype img:hover,
#logotype a img,
#logotype a img:hover,
#sidebar img,
#sidebar #logotype
{
    border:                 none;
	background:				none;
}



#submissions
{
	background: #dfefce;
	
	padding: 8px;
}


#menu {
	background: 			#dfefce;
	padding: 				8px;
	
    font-size:              16px;
    line-height:            18px;
    text-align:             center;
    font-weight:            bold;
    color:                  #dbdb2a;
}


#menu a
{

    color:                  #dbdb2a;
    font-weight:            bold;
	

}



#sidebar 
{

    width:                  35%;

    float:                  left;
    
    min-height:             235px;
    margin:                 0px; /*fixes glitch on right bar */

    background:             #ecffde;
}


#main 
{

    min-height:             260px; 
    width:                  65%;
    
    float:                  right;
    
    background:             #eeffcc;
    
	border-left:			3px solid white;
	margin-left: 			-3px;

}



#main li 
{

    line-height:            20px;
}





#topmenu
{

	padding: 4px;
	margin: 0;
	
	text-align:				right;
	
	font-size: 10px;
}

#topmenu form
{
	padding: 0;
	margin: 0;
}

#topmenu a
{
		font-weight: 		bold;
		padding-left: 		6px;
		padding-right: 		6px;
}

#topmenu input.button,
#topmenu input.text-input
{
	padding: 				0;
	margin: 				0;
	background: 			#eee;
	border: 				1px solid #ccc;
}



table {

    margin-left:            auto;
    margin-right:           auto;
    width:                  100%;
        
    clear:                  both;

    border-collapse:        collapse;
		
    background:             none;
}


td {

    border:                 1px dotted #cddbbd;
    /* width:                  50%; */
    vertical-align:         top;
	padding: 				4px;

}


tr.title, 
td.title {
    font-weight:            bold;
    border:                 1px solid #cddbbd;
}


table.comment {
/*    position:               absolute;
    
    top:                    0;
    left:                   0;
    
    display:                block;

    margin-left:            none;
    margin-right:           none;
    background:             #fff;
    width:                  480px;
    padding:                8px;
*/

    /* border:                 1px dotted #fff; */

}

table.comment td {
    border:                 1px dotted #fff;
    padding:                8px;

}

table.comment td.title {
    text-align:             right;
    font-weight:            bold;

}



    

hr {
    width:                  100%;
    height:                 1px;
    background-color:       #eee;
    color:                  #eee;

    border:                 none;
    
}

#main hr {
    background-color:       #ecffde;
    clear:                  both;
}








#footer {

    font-size:              10px;
    font-weight:            none;
    line-height:            normal;
    text-align:             center;
    margin:                 8px;

    clear:                  both;
	
	background: none;
    
}





h2,
#main .title-box,
#main .title-nobox
{
	padding-top:			4px;
	padding-bottom: 		8px;
	margin: 0;
    
    color:                  #bcb757;
    font-size:              17px;
    font-weight:            bold;
    line-height:            normal;
    
    clear:                  both;
 
}



h3, .h3 
{
	
	padding-bottom: 		8px;
	margin: 0;

    font-weight:            bold;
    font-size:              15px;
    line-height:            normal;
    
}

.title, h4, .h4 
{
    font-weight:            bold;
    font-size:              12px;
    line-height:            normal;
}





.post {
    /* nothing yet */
}


.caption {
    font-size:              9px;
    letter-spacing:         0.05em;

}


p.navigation {
    text-align:             right;
}



.placeholder {
    text-align:             center;
}


/* LIST TYPES */

ul.notype {
    list-style:             none;
}

ul {
    list-style:             square;
}

ul.disc {
    list-style:             disc;
}


img.float {
    float:                  left;

    margin-top:             12px;
    margin-right:           10px;
    margin-bottom:          20px;
}

img.float-transparent {
    float:                  left;

    margin-top:             12px;
    margin-right:           10px;
    margin-bottom:          20px;
    
    border:                 none;
}

img.thumbnail {
    float:                  left;

    margin-top:             3px;
    margin-right:           12px;
    margin-bottom:          14px;
}



.alert {

    color:                  red;
}


/* FORM STUFF */

SELECT, option, textarea, input  {

    color:                  #000000; 
    font-size:              11px; 

    background: 		    #eee; 
    border:                 1px solid #bbb;

    margin:                 8px 0 0 0;

}

/* now make them all have nice hovers */

SELECT:hover, option:hover, textarea:hover, input:hover 
{
    background:       	     #fafafa; 
}