/* Copyrighted 2005 The Different District. Any/all property will not be allowed to be used. This site was completely designed and coded by the hard efforts of:

Tristan Mace
Email: tristanmace@tm11design.com
AIM: tristanmace11
http://www.tm11design.com

*/





/* Universal */

body {
    background: #91979E url(gui/bg.gif) repeat-x top left;
    background-attachment: fixed;
    margin: 0px;
    padding: 0px;
    font-family: "Lucida Grande", Arial;
    }

.clear {
    clear: both;
    }

.button {
    margin: 0px;
    padding: 0px;
    font-size: 10px;
    }

.center {
    text-align: center;
    margin: 0px auto;
    margin-left: auto;
    margin-right: auto;
    }

.imgleft {
    float: left;
    }

.imgright {
    float: right;
    }

.separator {
    margin-bottom: 10px;
    border-top: 1px solid #C3BFC0;
    }

/* End Universal */




/* Fonts & Colors */

a {
    text-decoration: none;
    }

p, h1, h2, h3, h4, h5, h6 {
    margin: 0px;
    font-weight: normal;
    }

p, h1, h2 {
    color: #555;
    font-size: 11px;
    }

p {
    padding: 3px 6px;
    line-height: 15px;
    }

p a {
    color: #003570;
    }

p a:hover {
    text-decoration: underline;
    }

h1 {
    padding: 6px 0px 6px 6px;
    }

h1 span {
    text-shadow: #A2A2A2 0px 1px 1px; 
    }
    
h2 {
    padding: 3px 3px;
    text-shadow: #A2A2A2 0px 1px 1px; 
    }

h2 a {
    color: #555;
    }

h2 a:hover {
    color: #000;
    }

h3 {
    padding: 0px 6px;
    color: #FFF;
    font-size: 13px;
    font-weight: bold;
    text-shadow: #787D82 0px 1px 1px;
    letter-spacing: .5px;
    }

h3 a {
    color: #FFF;
    }

h3 a:hover {
    color: #4F5E6E;
    text-shadow: #D6D6D6 0px 1px 1px; 
    }

h4 {
    padding: 0px 3px;
    color: #474747;
    font-size: 14px;
    }

h4 a {
    color: #474747;
    }

h5 {
    padding: 0px 6px 6px 6px;
    color: #5A5A5A;
    font-size: 9px;
    line-height: 9px;
    }

h5 span {
    display: block;
    padding: 6px 0px 0px 0px;
    font-size: 11px;
    line-height: 10px;
    text-shadow: #D6D6D6 0px 1px 1px;
    }

h6 {
    margin: 0px 3px 3px 3px;
    color: #B0B0B0;
    font-size: 9px;
    }

h6 a {
    margin: 0px 3px 3px 3px;
    color: #5A5A5A;
font-weight:bold;    font-size: 9px;
    }

/* End Fonts & Colors */




/* Container & Boxster */

#container {
    width: 75%;
    min-width: 800px;
    max-width: 900px;
    margin: 0px auto;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    }

#boxster {
    background: #F2F2F2;    
    border: 1px solid #90A0B0;
    border-width: 0px 1px;
    }

/* End Container & Boxster*/




/* Main Elements */

    /* Header */

    #header {
        background: url(gui/h_bg.gif) repeat-x top left;
        height: 72px;
        padding: 0px 10px;
        }
        
        /* alert bar */
        #alertbar {
        	background: url(gui/alertbar.jpg) repeat-x top left;
        	height: 32px;
        	padding: 0 0;
        }
        #alertbartext p {
        	text-align: center;
        	width: 100%;
  	     	padding:10px 0 0 0;    	
        }
        #alertbartext p a { 
        	color:#ffffff;
        	font-size: 14px;   
         }
         #alertbartext a:hover {
         	color:#cccccc;
         	text-decoration: none;
         }
    
        /* Logo */
    
        #logo a, #logo a:hover {
            background: url(gui/logo.gif) no-repeat top left;
            height: 67px;
            width: 275px;
            float: left;
            display: block;
            }
    
        /* End Logo */
    
        /* Inset */
    
        #inset {
            background: url(gui/i_bg.gif) no-repeat top left;
            height: 18px;
            width: 134px;
            margin: 0px;
            padding: 0px 7px 0px 0px;
            float: right;
            text-align: center;
            color: #FFF;
            font-size: 11px;
            font-weight: bold;
            text-shadow: #787D82 0px 1px 1px;
            }
    
        #inset a {
            color: #FFF;
            }
    
        #inset a:hover {
            color: #444;
            text-shadow: #D6D6D6 0px 1px 1px;
            }
        
        /* End Inset */
        
    /* End Header */

    /* Footer */
    
    #footer {
        background: #9AAABA;
        display: block;
        }
    
    #footer h3 {
        text-align: center;
        padding: 0px 0px 6px 0px;
        font-size: 11px;
        line-height: 10px;
        letter-spacing: 0px;
        }
    
    #footer h3 span {
        display: block;
        padding: 6px 0px 0px 0px;
        }
    
        /* Objects */
    
        #widthset {
            background: #F2F2F2;
            height: 1px;
            width: 500px;
            }

        #c_b {
            background: url(gui/c_b.gif) repeat-x top left;
            height: 30px;
            margin: 0px 1px;
            }

        #c_bl {
            background: url(gui/c_bl.gif) no-repeat top left;
            height: 30px;
            width: 30px;
            float: left;
            }

        #c_br {
            background: url(gui/c_br.gif) no-repeat top left;
            height: 30px;
            width: 30px;
            float: right;
            }
    
        /* End Objects */
    
    /* End Footer */
    
    /* Menu */
    
    #menu {
        background: url(gui/m_bg.gif) repeat-x top left;
        height: 22px;
        padding: 0px 0px 0px 10px;
        border: 1px solid #90A0B0;
        border-width: 1px 0px;
        }
    
    #menu a {
        background-image: url(http://www.differentdistrict.com/core/gui/m_itm_on.gif) no-repeat top left;
        background: url(http://www.differentdistrict.com/core/gui/m_itm.gif) no-repeat top left;
        height: 21px;
        width: 84px;
        display: block;
        float: left;
        margin: 0px 4px;
        padding: 3px 0px 0px 0px;
        text-align: center;
        color: #FFF;
        font-size: 11px;
        font-weight: bold;
        text-shadow: #787D82 0px 1px 1px;
        }
    
    #menu a:hover {
        background: url(gui/m_itm_on.gif) no-repeat top left;
        }

    /* End Menu */
    
    /* Content */

    #content {
        margin: 12px 12px 0px 12px;
        }

        /* Major Separations */
    
        .side {
            width: 178px;
            margin: 0px;
            padding: 0px;
            }

        #s_left {
            float: left;
            }
    
        #s_right {
            float: right;
            }

        #middle {
            margin: 0px 186px;
            padding: 0px 7px;
            border: 1px solid #C3BFC0;
            border-width: 0px 1px;
            }

        #mainleft {
            margin: 0px 186px 0px 0px;
            padding: 0px 7px 0px 0px;
            border-right: 1px solid #C3BFC0;
            }
        
        /* End Major Separations */
        
        /* Blocks */
        
            /* Standard Block */
            
            .block {
                margin-bottom: 10px;
                }
            
            .block .imgleft {
                width: 50px;
                height: 50px;
                float: left;
                margin: 0px 5px 3px 0px;
                }
    
            .block p {
                padding: 3px;
                }
            
            /* End Standard Block */
            
            /* Blue Block */
    
            .b_block {
                background: #9AAABA;
                height: 28px;
                display: block;
                margin-bottom: 10px;
                }
    
            .b_block h3 {
                padding: 6px 0px 7px 6px;
                }
    
            .b_b_tr {
                background: url(gui/b/g/tr.gif) no-repeat top right;
                }
    
            .b_b_tl {
                background: url(gui/b/g/tl.gif) no-repeat top left;
                }
    
            .b_b_br {
                background: url(gui/b/g/br.gif) no-repeat bottom right;
                }
    
            .b_b_bl {
                background: url(gui/b/g/bl.gif) no-repeat bottom left;
                }

            /* End Blue Block */
    
            /* Standard Gray Block */
            
            .g_block, .a_block {
                background: #E1E1E1;
                display: block;
                height: 100%;
                margin-bottom: 10px;
                }
    
            .a_block:hover, #p_block:hover {
                background: #D4D4D4;
                }

            .b_g_tr {
                background: url(gui/b/g/tr.gif) no-repeat top right;
                }
    
            .b_g_tl {
                background: url(gui/b/g/tl.gif) no-repeat top left;
                }
    
            .b_g_br {
                background: url(gui/b/g/br.gif) no-repeat bottom right;
                }
    
            .b_g_bl {
                background: url(gui/b/g/bl.gif) no-repeat bottom left;
                }

            /* End Standard Gray Block */
            
            /* Other Gray Blocks */
                     
            .d_block {
                background: #D4D4D4;
                display: block;
                margin-bottom: 10px;
                }
    
            .s_block {  
                background: #E1E1E1;
                display: block;
                margin-bottom: 10px;
                }
            
            .c_block {
                background: #9AAABA;
                margin-bottom: 10px;
                }
                
            /* End Other Gray Blocks */
                
        /* End Block */

    /* End Content */
    
/* End Main Elements */



/* Pages */

    /* All Pages */
    
        /* Advertisements */
        
        #s_ad {
            background: url(gui/s_ad.gif) no-repeat top center;
            width: 178px;
            }

        #s_ad_img {
            width: 178px;
            height: 178px;
            border: 0px;
            outline: none;
            margin-top: 12px;
            }

        #b_ad {
            background: url(gui/b_ad.gif) no-repeat top center;
            width: 500px;
            height: 71px;
            margin: -15px auto 12px auto;
            padding-top: 19px;
            text-align: center;
            }

        #b_ad_img {
            outline: none;
            border: none;
            }
        
        /* End Advertisements */
        
        /* Drop Down */
    
        #drop {
            margin: 15px 0px 0px 0px;
            }
    
        #dropselect {
            background: url(gui/d/select.gif) no-repeat top left;
            width: 178px;
            height: 22px;
            margin: 0px;
            padding: 0px;
            }
    
        #dropdown li ul.droplist {
            background: url(gui/d/bg.gif) no-repeat top left;
            height: 300px;
            }
        
        #dropdown {
            height: 30px;
            margin: 0px;
            padding: 0px;
            text-align: center;
            }
        
        #dropdown li li a {
            display: block;
            margin: 0px;
	        padding: 2px 0px 2px 6px;
	        border-bottom: 1px solid #FFF;
	        text-align: left;
	        color: #474747;
	        font-size: 11px;
	        font-weight: normal;
            text-shadow: none;
            }

        #dropdown li li a:hover {
            background: #C9C9C9;
            color: #FFF;
            font-size: 11px;
            text-shadow: #787D82 0px 1px 1px;
            }

        #dropdown li {
            float: left;
	        position: relative;
            margin: 0px;
	        padding: 0px;
	        list-style: none;
	        text-align: center;
	        text-shadow: none;
            }

        #dropdown li ul {
            display: none;
	        position: absolute;
	        top: 100%;
	        width: 178px;
	        overflow: hidden;
	        font-weight: normal;
	        padding: 0px;
	        text-shadow: none;
            }

        #dropdown li ul em {
            display: normal;
            float: right;
            font-style: normal;
            }

        #dropdown li>ul {
	        top: auto;
            left: 0px;
            }

        #dropdown li li {
            display: block;
	        float: none;
	        padding: 0px;
	        border: 0px;
	        text-shadow: none;
            }

        #dropdown li:hover ul, #dropdown li.over ul {
            display: block;
            }
    
        /* End Drop Down */
        
        /* Images */
        
        .imgl {
            background: #FFF;
            margin-right: 3px 5px 0px 0px;
            padding: 1px;
            border: 1px solid #C3BFC0;
            }
    
        .imgr {
            background: #FFF;
            margin: 3px 0px 0px 5px;
            padding: 1px;
            border: 1px solid #C3BFC0;
            }
        
        /* End Images */

    /* End All Pages */
    
    /* Homepage */

        /* Poll */
    
        #poll {
            padding: 3px 4px 3px 4px;
            }
    
        .poll_l {
            width: 25px;
            text-align: left;
            }
    
        .poll_r {
            width: 153px;
            }
    
        .p_block {
            background: #E1E1E1;
            float: left;
            width: 80px;
            display: block;
            margin: 0px 0px 10px 0px;
            text-align: center;
            }
    
        #p_block_r {
            margin-left: 18px;
            }
    
        /* End Poll */
        
    /* End Homepage */
    
    /* Reviews */
    
    #review_l {
        margin-right: 40%;
        }
        
    #review_r {
        float: right;
        width: 40%;
        }
    
    #review_rr {
        margin-left: 10px;
        border-left: 1px solid #C3BFC0;
        padding-left: 10px;
        }
    
    #review_rating p {
        color: #FFF;
        font-size: 14px;
        font-weight: normal;
        }
        
        /* Story Links */
        
        .storylinks p {
            font-size: 9px;
            }

        .storylinks a {
            color: #555;
            }    

        /* End Story Links */
    
    .rseparator {
        height: 7px;
        margin-bottom: 7px;
        border-bottom: 1px solid #C3BFC0;
        }
    
    /* End Reviews */
    
     /* Store */
    
        /* Browse Store */
        
        .b_store {
            background: #9AAABA;
            display: block;
            margin-bottom: 10px;
            }
        
        .b_store p {
            text-align: center;
            color: #FFF;
            font-size: 11px;
            }
            
        /* End Browse Store */
        
        /* Major Separations */
        
        .thirds {
            width: 33%;
            float: left;
            }
    
        .mthirds {
            width: 34%;
            float: left;
            }
    
        .mspacer {
            margin-right: 10px;
            }
    
        .halves {
            width: 50%;
            float: left;
            }

    /* End Store */
    
    /* About */
    
    .about_l {
        float: left;
        width: 75%;
        }
    
    .about_r {
        float: left;
        width: 25%;
        }
    
    .about_rr {
        margin-left: 10px;
        }        
    
    /* End About */

/* End Pages */

/* Other     */
    
    #loginbottom {
        margin-bottom: 5px;
        }