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

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

* {
	margin: 0;
	padding: 0;
}

body {
	margin:0px auto;
	padding:0px;
	color: #999999;
	position: relative;
	background: #F0EEE1 url('images/background.png') repeat-x center top;
	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;
}

/***OUTER CONTAINER***/
.outercontainer {
	width: 760px;
    margin: 0 auto;
	min-height: 500px;
}

/***HEADER***/
.header {
	height: 120px;
    width: 760px;
    margin-top: 10px;
}

    .header_left {
        width: 200px;
        float: left;
    }
    
        .logo {
            width: 178px;
            height: 100px;
            background: url('images/logo.png') no-repeat center top;
        }
    
    .header_right {
        width: 540px;
        float: left;
        height: 1%; /*peekaboo bug*/
        margin-left: 5px;
        text-align: right;
    }
    
        /***NAVIGATION***/
        .navigation {
            background: url('images/navigation_left.png') no-repeat left top;
            height: 42px;
            margin: 0;
            margin-top: 34px;
            padding: 0;
            min-width: 300px;
            float: right;
        }
        
            .navigation-inner {
                background: url('images/navigation_right.png') no-repeat right top;
                height: 42px;
                margin-left: 19px;
                margin-top: 0;
                margin-bottom: 0;
                margin-right: 0;
                padding-right: 19px;
            }
        
        .nav{
            padding: 13px 0;
            margin-left: 0;
            font: 14px Arial, Verdana, Tahoma;
            list-style-type: none;
            text-align: center;
        }
        
        .nav li{
            display: inline;
            margin: 0;
            padding: 0;
        }
        
        .nav li a{
            text-decoration: none;
            padding: 3px 10px;
            margin-right: 3px;
            color: #B4B4A7;
            text-transform: lowercase;
            border: none;
        }
        
        .nav li a:visited{
            color: #B4B4A7;
        }
        
        .nav li a:hover{
            color: #777766;
        }
        
        .nav li a:active{
            color: black;
        }
        
        .nav li.selected a{
            position: relative;
            top: 1px;
            padding-top: 4px;
            background-color: #DBFF6C;
            color: black;
        }
        
        
        
/***BANNER***/
.banner {
    width: auto;
    height: 287px;
    background: url('images/banner_background.png') no-repeat center center;
}

/***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;
	        }