/* CSS Document */

/*css for all pages*/
html, body {
    background-color: #271200;
    background-image: url('../Images/bgMain.png');
    background-repeat: no-repeat;
    font-family: Arial;
    font-size: 14px;
	height: 100%;
    margin:0;
}

.smaller{
    font-size: 12px;
}

.smallest{
    font-family: Arial;
    font-size: 11px;
}


/*a img { is a fix so IE doesn't display blue box around any image links*/
a img {
border:none;
}

a {
    background: #fff;
    color: #ff7546;
    text-decoration: none;
}

a:hover{
    background: #fbd500;
    color: #4d2707;
    text-decoration: none;
}

h1 {
    color: #333;
    font-size: 24px;
    font-weight: bold;
    font-family: Arial;
    margin: 0 0 5px 0;
    padding: 0;
}

h2 {
    color: #ff7546;
    font-size: 20px;
    font-weight: bold;
    font-family: Arial;
    margin: 0;
    padding: 0;
    }

h3 {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    font-family: Arial;
    margin: 0;
    padding: 0;
    }

h4 {
    color: #333;
    font-size: 14px;
    font-weight: normal;
    font-family: Arial;
    margin: 0;
    padding: 0;
    }

h5{
    color: #333;
    font-size: 12px;
    font-family: Arial;
    font-weight: normal;
    margin: 1px 0 1px 0;
    padding: 0;
    }
    
h6 {
    color: #333;
    font-size: 11px;
    font-family: Arial;
    font-weight: normal;
    margin: 2px 0 5px 0;
    padding: 0;
    }

p {
    font-size: 12px;
    line-height: 1.3;
}

#container {
	position: relative;
	height: 100%;
	top: 0px;
	width: 990px;
	margin: 0 auto;
	
	}

    /*header.layout.begin*/
    
    #header {
        background-image: url('../images/bgHeader.png');
        height: 147px;
    }
        #logomain {
            background-color: Transparent;
            float: left;
            margin-top: 8px;
            padding-left: 10px;
        }
        
        #bannerMain{
            float: right;
            margin-top: 20px;
            margin-right: 20px;
        }
    
    /*header.layout.end*/
    #body {
		position: relative;
        background-image: url('../images/bgBody.png');
		background-repeat: repeat;
		overflow: hidden;
		padding: 10px 0 20px 30px;
	    
    }
		
		#maincontenttop{
			background-image: url('../images/bgMainTop.png');
			background-repeat: no-repeat;
			float: left;
			height: 15px;
			width: 750px
		}
		
		#maincontent{
			position: relative;
			background-color: #fff;
			clear: left;
			float: left;
			min-height: 550px;
			padding: 0 15px 0 15px;
			width: 720px
		}
		    /* HOME PAGE */
            #highlightedArticles{
                border: solid 1px #aaa;
                height: 245px;
                margin: 0 0 10px 0;
                padding: 9px;
                width: 700px;
            }
                #highlightedSingle{
                    height: 245px;
                    width: 700px;
                }
            
            .titleHeader{
                border-bottom: solid 1px #fff;
                border-left: solid 1px #aaa;
                border-right: solid 1px #aaa;
                border-top: solid 1px #aaa;
                float: right;
                font-size: 13px;
                font-weight: bold;
                margin-bottom: -1px;
                padding: 2px 5px 0 5px;
                position: relative;
                z-index: 100;
                
            }
            
            .titleHeaderLeft{
                border-bottom: solid 1px #fff;
                border-left: solid 1px #aaa;
                border-right: solid 1px #aaa;
                border-top: solid 1px #aaa;
                float: left;
                font-size: 13px;
                font-weight: bold;
                margin-bottom: -1px;
                padding: 2px 5px 0 5px;
                position: relative;
                z-index: 100;
            }
            
            .homeColumnLeft{
                float: left;
                margin: 0 0 15px 0;
                width: 227px;
            }
                .homeRowLeft{
                    border-bottom: solid 1px #fff;
                    border-left: solid 1px #aaa;
                    border-right: solid 1px #fff;
                    border-top: solid 1px #aaa;
                    float: left;
                    min-height: 500px;
                    width: 225px;
                }
                
                .homeRowLeftItem{
                    position: relative;
                    clear: both;
                    margin: 15px;
                }
                
                    .homeRowLeftItem h1{
                        font-size: 14px;
                        font-weight: bold;
                        
                    }
                    
                        .homeRowLeftItem h1 a{ 
                        background: #fff;
                        color: #ff7546;
                        padding-left: 0;
                        }
                    
                    .homeRowLeftItem a.readmore{
                        float: right;
                    }
                    
                    .homeRowLeftItem img{
                        float: left;
                        margin: 0 0 15px 0;
                        padding: 5px; 
                        border: 1px solid #aaa; 
                    }
                    
                    
            
            .homeRowRight{
                border-bottom: solid 1px #fff;
                border-left: solid 1px #fff;
                border-right: solid 1px #aaa;
                border-top: solid 1px #aaa;
                float: right;
                min-height: 150px;
                margin: 0 0 15px 0;
                overflow: visible;
                width: 475px;
            }
            
                .homeRowRightItem{
                    position: relative;
                    clear: both;
                    margin: 15px;
                    
                }
                
                    .homeRowRightItem h1{
                        font-size: 14px;
                        font-weight: bold;
                    }
                        .homeRowRightItem h1 a{ 
                            background: #fff;
                            color: #ff7546;
                            padding-left: 0;
                        }
                        
                    .homeRowRightItem a.readmore{
                        float: right;
                    }
                    
                    .homeRowRightItem img{
                        float: left;
                        margin: 0 10px 15px 0;
                        padding: 5px; 
                        border: 1px solid #aaa; 
                    }
            
		#sidebar{
			float: right;
			padding: 0 10px 0 10px;
			width: 190px;
		}
		
			/*nav*/
			ul#navbar{
                    margin: 0 0 10px 0;
                    padding:0;
                    list-style-type:none;
                    width:147px;
                    display:block;
                    height:170px;
                    }
                    ul#navbar li{
                        display:block;
                        float:left;
                        padding:0;
                        }
                        
                        li#nav_music a{
                            display:block; background: url('../images/nav/btnMusic.png');
                            background-repeat: no-repeat;
                            float:left; padding: 0; width: 196px; height:34px;
                            }
                            li#nav_music a:hover{
                                background: url('../images/nav/btnMusic_o.png');
                                background-repeat: no-repeat; width: 196px; 
                                }
						li#nav_movies a{
                            display:block; background: url('../images/nav/btnMovies.png');
                            background-repeat: no-repeat;
                            float:left; padding: 0; width: 196px; height:34px;
                            }
                            li#nav_movies a:hover{
                                background: url('../images/nav/btnMovies_o.png');
                                background-repeat: no-repeat; width: 196px; 
                                }
                        li#nav_tech a{
                            display:block; background: url('../images/nav/btnTech.png');
                            background-repeat: no-repeat;
                            float:left; padding: 0; width: 196px; height:34px;
                            }
                            li#nav_tech a:hover{
                                background: url('../images/nav/btnTech_o.png');
                                background-repeat: no-repeat; width: 196px; 
                                }
                        li#nav_books a{
                            display:block; background: url('../images/nav/btnBooks.png');
                            background-repeat: no-repeat;
                            float:left; padding: 0; width: 147px; height:34px;
                            }
                            li#nav_books a:hover{
                                background: url('../images/nav/btnBooks_o.png');
                                background-repeat: no-repeat;
                                }
                        li#nav_about a{
                            display:block; background: url('../images/nav/btnAbout.png');
                            background-repeat: no-repeat;
                            float:left; padding: 0; width: 147px; height:34px;
                            }
                            li#nav_about a:hover{
                                background: url('../images/nav/btnAbout_o.png');
                                background-repeat: no-repeat;
                                }	
                        
                                
                        li#nav_theband a{
                            display:block; background: url('../images/nav/btnTheBand.png');
                            background-repeat: no-repeat; margin: 0 0 20px 0;
                            background-color: #4d2707;
                            float:left; padding: 0; width: 196px; height:34px;
                            }
                            li#nav_theband a:hover{
                                background: url('../images/nav/btnTheBand_o.png');
                                background-repeat: no-repeat; width: 196px; 
                                background-color: Blue;
                                }
                                
			/*end nav*/
            .sidebar_bottom_white{
                background: url('../images/bg_translucentwhite.png');
                background-color: #fff;
                margin: 5px 4px 0 0;
                padding: 5px;
                width: 182px;
            }
            .sidebar_bottom_translucent{
                background: url('../images/bg_translucentwhite.png');
                margin: 5px 4px 0 0;
                padding: 5px;
                width: 182px;
            }
                #sidebar_bottom img{
                    vertical-align: middle;
                }
    #footer {
        color: #fff;
        font-size: 10px;
        padding: 10px 25px 10px 25px;
        height: 15px;
    }


.hide{display: none;}

.show{display: block;}
    
.form{
     width: 600px;
     float: left;
}

.required{
    color: Red;
}

.subcontent{
    float: right;
    width: 298px;
    min-height: 400px;
    background-color: #ddd;
}
    
.formtitle{
    height: 45px;
    text-align: right;
}
.formfield{
    text-align: left;
}

.textfield1wm{
    background: #4d2707;
    color: #eee;
    height: 18px;
    width: 146px;
    border: solid 1px #fff;
    font-family: Arial;
    font-size: 14px;
    padding: 4px 0 0 4px;
    margin: 2px 0 2px 0;
}

.textfield1{
    background: #ffd800;
    color: #4d2707;
    height: 18px;
    width: 146px;
    border: solid 1px #fff;
    font-family: Arial;
    font-size: 14px;
    padding: 4px 0 0 4px;
    margin: 2px 0 2px 0;
}

.textfield2{
    height: 18px;
    width: 300px;
    border: solid 1px #665c58;
    font-family: Arial;
    font-size: 14px;
    padding: 4px 0 0 4px;
    margin: 2px 0 2px 0;
}

.textarea1{
    background: #ffd800;
    color: #4d2707;
    height: 198px;
    width: 546px;
    border: solid 1px #fff;
    font-family: Arial;
    font-size: 14px;
    padding: 4px 0 0 4px;
    margin: 2px 0 2px 0;
}
.textarea1wm{
    background: #4d2707;
    color: #4d2707;
    height: 198px;
    width: 546px;
    border: solid 1px #fff;
    font-family: Arial;
    font-size: 14px;
    padding: 4px 0 0 4px;
    margin: 2px 0 2px 0;
}

.radio{}

.checkbox{}


.dropdown1wm{
    background: #4d2707;
    border: solid 1px #fff;
    color: #fff;
    font-size:150%;
    font-family: Arial;
    font-size: 14px;
    height: 25px;
    width: 300px;
    padding: 4px 4px 4px 2px;
}

.dropdown1{
    background: #ffd800;
    border: solid 1px #fff;
    font-size:150%;
    font-family: Arial;
    font-size: 14px;
    height: 25px;
    width: 300px;
    padding: 4px 4px 4px 2px;
}

#form .error {
	margin-left: 10px;
	width: auto;
	display: inline;
}

.dvMainChoices
{
    padding: 25px;
}

.dv1col
{
    float: left;
    width: 195px;
}
.dv2col
{
    float: left;
    width: 410px;
}
.dv3col
{
    float: left;
    width: 625px;
}
.dv4colleft
{   
    clear: both;
    text-align: left;
    width: 840px;
}

.dv4colright
{
    clear: both;
    text-align: right;
    width: 840px;
}
.dvPad{width: 20px;}


/*blog classes*/

yellowHover a{
    background: #fbd500;
    color: #333;
    padding: 0 3px 0 3px;
}
yellowHover a:hover{
    background: blue;
    color: #fff;
}

h1 a,h2 a,h3 a,h4 a{
    background: #4d2707;
    color: #fff;
    padding: 0 3px 0 3px;
}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover{ 
    background: #fbd500;
    color: #4d2707;
}

h5 a, h6 a{ 
    background: #fbd500;
    border: solid 1px #4d2707;
    color: #4d2707;
    padding: 1px 3px 1px 3px;
}

h5 a:hover, h6 a:hover{
    background: #4d2707;
    border: solid 1px #fff;
    color: #fff;
    
}

.separatorLine
{
    height: 1px;
    background-color: #ccc;
    text-align: left;
    border: 0;
    margin: 20px 0 15px 0;
}

.blogImage{

}

.clear {clear: both;}
.alignRight { float:right; margin: 0 0 15px 15px; }
.alignLeft { float:left; margin: 0 15px 15px 0; }
.textRight {text-align: right;}
.frame { padding: 5px; border: 1px solid #aaa; }
.topmargin {margin-top: 15px;}

.commentAddBox{
    border: solid 1px #aaa;
    padding: 20px;
    margin: 40px 0;
}

/*end blog classes*/