/*********************************************
Theme Name: SazzadHossain
Theme URI: http://www.sazzadhossain.org
Version: 1.0
Description: Custom theme for Sazzad Hossain
Author: Sazzad Hossain
Author URI: http://www.sazzadhossain.org
**********************************************/

/*******GENERAL TAGS*******/

* {
	margin: 0;
	padding: 0;
}

body {
	width: auto;
	width: 100%;
    height: auto;
    height: 100%;
	margin:0px auto;
	padding:0px;
	color: #999999;
    background-color:#EAEAEA;
    /*background: #F0EEE1;*/
	font: 14px "Times New Roman", Verdana, Arial, Helvetica, sans-serif;
}
a, strong a {
    border-bottom: 1px dotted #777766;
    color: #999999;
    text-decoration: none;
}
a:visited {
    border-bottom: 1px dotted #777766;
}
a:hover {
	color: #777766;
}
p {
	margin: 0px 0px 14px;
}

/***HEADER TAGS***/
h1, h2, h3, h4, h5, h6 { font-family: Arial, "Times New Roman", Verdana, Helvetica, sans-serif; }
h2, h3, h4, h5 { display: block; margin: 0px; padding: 0px;}
h2, h2 a, h3, h4, h5 { color: #999999; font-size: 16px; text-decoration: none; }
h2 a:hover { text-decoration: underline; }
h2 { margin-top: 10px; margin-bottom: 10px; font-size: 25px; font-weight: normal; }
h3, h4 { font-size: 17px; }
h4 { margin: 10px 0px -4px 0px; }
h5 { margin: 10px 0px -4px 0px; font-size: 14px; font-style: italic;  }

/***QUOTE & CODE***/
code{
	font: 12px/14px "Courier New", Courier, monospace;
	color: #000000;
	background: #F5F5F5;
	margin: 5px 10px;
	padding: 10px;
	display:block;
	border: 1px dashed #818141;
	width: auto;
}
.code .indent {
	padding-left: 15px;
}
blockquote {
	margin: 10px 15px 20px;
	padding: 3px 10px;
	border-left: 3px dotted #d6e5aa;
	border-right: 3px dotted #d6e5aa;
	border-top: 1px dotted #d6e5aa;
	border-bottom: 1px dotted #d6e5aa;
	line-height: 140%;
	width: auto;
}

/***Absolute Containers***/
.top {
	width: auto;
	width: 100%;
    margin: 0 auto;
	height: 50px;
	background: url('../images/background_top.png') repeat-x center top;
	top: 0;
	text-align: center;
	position: fixed !important;
}

.bottom {
	width: auto;
	width: 100%;
    margin: 0 auto;
	height: 70px;
	background: url('../images/background_bottom.png') repeat-x center top;
	bottom: 0;
	text-align: center;
	position: fixed !important;
}
/***Top >> Header***/
.header {
	height: 50px;
    width: 800px;
    margin: 0 auto;
}

    .header_left {
        width: 200px;
        height: 50px;
        float: left;
        background: url('../images/logo.png') no-repeat center top;
    }
    
    .header_right {
        width: 580px;
        float: left;
        height: 1%; /*peekaboo bug*/
        margin-left: 5px;
        text-align: right;
        padding-top: 10px;
    }
    
        .header_right img {
            border: none;
            padding: 0 3px;
            opacity:.50;
            filter:alpha(opacity=50);
        }
        
        .header_right img:hover {
            border: none;
            opacity:1;
            filter:alpha(opacity=100);
        }
        
        .header_right a {
            border: none;
        }
    
/***Bottom***/
.bottom_nav {
    height: 35px;
    margin: 0px;
    padding: 0px;
    width: auto;
}
    
    /***Navigation***/
    .nav{
        padding: 10px 0;
        margin-left: 0;
        font: 12px Verdana, Tahoma, Arial;
        list-style-type: none;
        text-align: center;
        letter-spacing: 0.5em;
    }
    
    .nav li{
        display: inline;
        margin: 0;
        padding: 0;
    }
    
    .nav li a{
        text-decoration: none;
        padding: 3px 10px;
        margin-right: 3px;
        color: #949483;
        text-transform: uppercase;
        border: none;
    }
    
    .nav li a:visited{
        color: #B4B4A7;
    }
    
    .nav li a:hover{
        color: #0099cc;
    }
    
    .nav li a:active{
        color: black;
    }
    
    .nav li.selected a{
        position: relative;
        top: 1px;
        padding-top: 4px;
        background-color: #DBFF6C;
        color: black;
    }
        
.bottom_copy {
    height: 35px;
    font: 10px Verdana, Tahoma, Arial;
    text-transform: uppercase;
    list-style-type: none;
    text-align: center;
    letter-spacing: 0.3em;
    margin-top: 5px;
}
        
/***OUTER CONTAINER***/
.outer_container {
    width: 760px;
    height: 100%;
    margin: 70px auto;
    
}

/***BODY***/
.textbody {
	width: 760px;
	background: url('../images/bodybg_middle.png') repeat-y center top;
	margin-bottom: 30px;
}

.textbody_top {
	width: 760px;
	background: url('../images/bodybg_top.png') no-repeat center top;
}

.textbody_bottom {
	width: 760px;
	background: url('../images/bodybg_bottom.png') no-repeat center bottom;
}

.textbody_text {
	padding: 0 30px;
	font: 16px "Times New Roman", Arial, Verdana, Tahoma;
}

/***LINKS***/
.bodylinks {
	width: 720px;
	margin: 0 auto;
	margin-bottom: 20px;
}

.bodylinks_1 {
	width: 190px;
	float: left;
}

.bodylinks_2 {
	width: 190px;
	float: left;
	height: 1%; /*Peekaboo bug*/
	margin-left: 10px;
}

.bodylinks_3 {
	width: 320px;
	float: left;
	height: 1%; /*Peekaboo bug*/
	margin-left: 10px;
}

	.bodylinks_3 h2 {
		color: #686148;
		font: 14px/20px Arial, "Trebuchet MS", "Lucida Grande", Verdana, Georgia, Sans-Serif;
	}
	
	/***LINK Navigations***/
	.wireframe{
		border: none;
		border-bottom-width: 0;
		width: 180px;
		margin-bottom: 20px;
	}
	
	.wireframe h2 {
		color: #686148;
		font: 14px/20px Arial, "Trebuchet MS", "Lucida Grande", Verdana, Georgia, Sans-Serif;
	}
	
	* html .wireframe{ /*IE only rule. Original menu width minus all left/right paddings */
		width: 180px;
	}
	
	.wireframe ul{
		padding: 0;
		margin: 0;
		list-style-type: none;
	}
	
	.wireframe a{
		font: 14px/20px Arial, "Trebuchet MS", "Lucida Grande", Verdana, Georgia, Sans-Serif;
		padding: 4px 3px;
		display: block;
		width: 100%; /*Define width for IE6's sake*/
		color: #8D805A;
		text-decoration: none;
		border-bottom: 1px dashed #B5AC91;
	}
	
	html>body .wireframe a{ /*Non IE rule*/
		width: auto;
	}
	
	.wireframe a:hover{
		background: #EFE3B4;
	}

/***FOOTER***/
.footer {
    width: auto;
}

    .footer-copyright {
        width: auto;
        border-top: 1px solid #DFDDC8;
        margin: 0;
        padding: 0;
    }
    
    .footer-copyright-inner {
        width: auto;
        border-top: 1px solid #FEFDFA;
        margin: 0;
        padding: 0;
        min-height: 100px;
    }
    
    .footer-copyright-container {
        width: 750px;
        margin: 10px auto;
    }
    
        .footer-copyright-left {
            width: 200px;
            float: left;
            text-align: center;
        }
        
            .footer-copyright-left img {
                border: none;
            }
            
        .footer-copyright-right {
            width: 530px;
            float: left;
            text-align: right;
            height: 1%; /*Peekaboo bug*/
            font: 20px Tahoma, Arial, Verdana;
            color: #999999;
        }
        	
        	.footer_tos {
	            padding: 0;
	            margin-left: 0;
	            font: 14px Arial, Verdana, Tahoma;
	            list-style-type: none;
	            text-align: right;
	        }
	        
	        .footer_tos li{
	            display: inline;
	            margin: 0;
	            padding: 0;
	        }
	        
	        .footer_tos li a{
	            text-decoration: none;
	            padding: 0 10px;
            	font: 20px Tahoma, Arial, Verdana;
            	color: #999;
	            text-transform: lowercase;
	            border: none;
	        }
	        
	        .footer_tos li a:visited{
	            color: #999;
	        }
	        
	        .footer_tos li a:hover{
	            color: #cdb98a;
	        }