/* CSS Document */
body{
	margin: 0;
	padding: 0;
	background-color: #fff;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #767676;
	}
*{
	outline: none;
	}
img{
	padding: 0;
	margin: 0;
	}
#wrapper{
	margin: 0 auto;
	width: 990px;
	height: auto;
	border: 0px solid red;
	}
#top_spacer{
	float: left;
	width: 990px;
	height: 19px;
	}
#top_container{
	float: left;
	background: url(../images/top_bg.jpg) top repeat-x;
	width: 990px;
	height: 154px;
	}
#logo_area{
	float: left;
	width: 990px;
	height: 114px;
	}
.logo{
	float: left;
	width: 280px;
	}
.sanskrit{
	float: left;
	width: 295px;
	margin-left: 25px;
	}
.ad_col{
	float: left;
	width: 344px;
	height: 114px;
	margin-left: 41px;
	margin-right: 5px;
	}
#nav_area{
	float: left;
	width: 990px;
	height: 29px;
	margin: 6px 0;
	padding: 0;
	border: 0px solid red;
	}
.nav{
	float: left;
	width: 700px;
	margin-top: 5px;
	}
.nav ul{
	margin: 0;
	padding: 0;
	}
.nav ul li{
	float: left;
	text-align: left;
	display: block;
	margin-left: 15px;
	margin-right: 25px;
	list-style: none;
	}
.nav ul li a{
	font-size: 13px;
	color: #854812;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	}
.nav ul li a:hover{
	color: #e11f27;
	}
.login{
	float: right;
	width: 82px;
	margin-right: 5px;
	}
#mid_container{
	float: left;
	width: 990px;
	margin-top: 15px;
	border: 0px solid red;
	}
.feature_container{
	float: left;
	background: url(../images/feature_container_bg.jpg) top repeat-y;
	width: 352px;
	height: 280px;
	}
.feature_mag{
	float: left;
	width: 180px;
	padding: 12px 0 10px 10px;
	}
.feature_content_area{
	float: right;
	width: 145px;
	height: 100px;
	}
.feature_text{
	float: left;
	padding-top: 15px;
	height: 108px;
	width: 130px;
	padding-left: 15px;
	color: #595959;
	font-weight: bold;
	font-size: 20px;
	line-height: 27px;
	border: 0px solid red;
	}
.feature_text span{
	color: #d62923;
	font-size: 16px;
	font-weight: normal;
	}
.feature_button{
	float: right;
	margin: 0;
	padding: 0;
	}
.feature_button ul{
	float: left;
	margin: 0;
	padding: 0;
	}
.feature_button ul li{
	list-style: none;
	text-align: right;
	margin: 0;
	padding: 0;
	width: 140px;
	height: 45px;
	}
.feature_button ul li a div{
	text-align: right;
	padding-right: 10px;
	padding-top: 13px;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #fdf0bc;
	background: url(../images/feature_but_off.jpg) top no-repeat;
	cursor:pointer;
	width: 128px;
	height: 45px;
	}
.feature_button ul li a div:hover{
	background: url(../images/feature_but_on.jpg) top no-repeat;
	}
.editor_container{
	float: left;
	width: 355px;
	margin-left: 30px;
	}
h1{
	font-size: 20px;
	font-weight: normal;
	color: #996633;
	height: 22px;
	margin: 0;
	padding: 0;
	}
h2{
	font-size: 18px;
	font-weight: normal;
	color: #996633;
	height: 22px;
	margin: 0;
	padding: 0;
	}
.text_editor{
	text-align: justify;
	line-height: 17px;
	}
.photo1{
	float: right;
	padding: 0 0 5px 10px;
	}
.date{
	float:right;
	margin-top: 10px;
	}
.editor_border{
	float: left;
	background: url(../images/editor_line_bottom.jpg) top repeat-x;
	margin-top: 18px;
	height: 7px;
	width: 355px;
	}
.right_container{
	float: left;
	width: 223px;
	margin: 0;
	padding: 0;
	margin-left: 30px;
	}
.twitter{
	float: left;
	height: 108px;	
	}
.subscribe{
	float: left;
	margin-top: 18px;
	height: 152px;	
	}
#previous_header{
	float: left;
	width: 990px;
	height: 30px;
	font-size: 20px;
	color: #895211;
	margin: 0;	
	margin-top: 20px;
	}
#previous_issue{
	float: left;
	width: 990px;
	height: 191px;
	margin: 0;
	background: #f8f8f8;
	border-top: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
	}
.month_issue1{
	float: left;
	margin-top: 5px;
	margin-left: 20px;
	width: 284px;
	height: 181px;
	background:url(../images/previous_container_bg.jpg) top no-repeat;
	}
.month_issue2{
	float: left;
	margin-top: 5px;
	margin-left: 46px;
	width: 284px;
	height: 181px;
	background:url(../images/previous_container_bg.jpg) top no-repeat;
	}
.month_issue3{
	float: left;
	margin-top: 5px;
	margin-left: 46px;
	width: 284px;
	height: 181px;
	background:url(../images/previous_container_bg.jpg) top no-repeat;
	}
.month{
	float: left;
	width: 132px;
	height: 181px;
	padding-left: 15px;
	padding-top: 13px;
	}
.issue_area{
	float: left;
	width: 134px;
	height: 181px;
	margin: 0;
	padding: 0;
	}
.issue_month{
	float: left;
	height: 30px;
	font-size: 15px;
	color: #895211;
	font-weight: bold;
	margin: 0;	
	margin-top: 17px;
	}
.button_area{
	float: left;
	margin-top: 3px;
	height: auto;
	}
.button_area ul{
	float: left;
	margin: 0;
	padding: 0;
	}
.button_area ul li{
	list-style: none;
	text-align: right;
	margin: 0;
	padding: 0;
	padding-top: 6px;
	width: 134px;
	height: 37px;
	}
.button_area ul li a div{
	text-align: left;
	padding-left: 10px;
	padding-top: 13px;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #fdf0bc;
	background: url(../images/previous_but_off.jpg) top no-repeat;
	cursor:pointer;
	width: 128px;
	height: 45px;
	}
.button_area ul li a div:hover{
	background: url(../images/previous_but_on.jpg) top no-repeat;
	}	
.more_previous{
	float: right;
	width: 150px;
	text-align: right;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-right: 25px;
	}
.more_previous a{
	text-decoration: none;
	color: #e8362a;
	}
.more_previous a:hover{
	color: #000;
	}
#footer_container{
	float: left;
	background: url(../images/footer_bg.jpg) repeat-x;
	height: 40px;
	width: 990px;
	}
.copy_right{
	float: left;
	color: #fff;
	width: 500px;
	margin-left: 20px;
	margin-top: 13px;
	}
.footer_link{
	float: right;
	text-align: right;
	color: #fff;
	width: 100px;
	margin-right: 20px;
	margin-top: 13px;
	}
.footer_link a{
	text-decoration: none;
	color: #fff;
	}
.footer_link a:hover{
	color: #000;
	}
a{
	text-decoration: none;
	color: #e8362a;
	}
a:hover{
	color: #000;
	}
.more_previous a:hover{
	color: #000;
	}
	
.left_column{
	float: left;
	width: 320px;
	height: auto;
	color: #b5752e;
	}
.right_column{
	float: left;
	width: 640px;
	height: auto;
	line-height: 18px;
	text-align: justify;
	margin-left: 10px;
	padding-left: 15px;
	padding-bottom: 30px;
	}
	
	.inner_column{
	float: left;
	width: 710px;
	height: auto;
	line-height: 18px;
	text-align: justify;
	margin-left: 10px;
	padding-left: 15px;
	padding-bottom: 30px;
	}
	
	.viewed
	{
	 background: #d08b40;  
	 color: #ffffff;
	 text-decoration:none;
	 font-weight: bold;
	 font-size: 12px;
	 text-transform: uppercase;
	 padding-left: 10px;
	}	
.previous_column{
	float: left;
	width: 950px;
	height: auto;
	line-height: 18px;
	text-align: justify;
	margin-left: 10px;
	padding-left: 5px;
	padding-bottom: 30px;
	}
.previous_column a{
	font-size: 15px;
	}
.previous_column a:hover{
	color: #333;
	text-decoration: underline;
	}
	
	
	
/* Start css for verticle menu(previous issue left side)*/

       /* body {
            background: #fff;
            font-family: verdana;
            padding-top: 50px;
        }*/
        #vtab {
		   margin-top: 0px;
            width: 990px;
            height:auto;
        }
        #vtab > ul > li {
            width: 150px;
            height: 15px;
            background-color: #fff !important;
            list-style-type: none;
            display: block;
            text-align: left;
            margin: auto;
            padding-bottom: 10px;
			padding-top: 3px;
			font-size: 15px;			
            border: 1px solid #fff;
            position: relative;
            border-right: none;
            opacity: .8;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
        }
		#vtab > ul > li> a {
		color: #333;
		cursor: pointer;
		}
       
        #vtab > ul > li.selected {
            opacity: 1;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
            border: 1px solid #ddd;
            border-right: none;
            z-index: 10;
            background-color: #fafafa !important;
            position: relative;
        }
        #vtab > ul {
            float: left;
            width: 110px;
            text-align: left;
            display: block;
            margin: auto 0;
            padding: 0;
            position: relative;
            top: 15px;
        }
        #vtab > div {
            background-color: #fafafa;
            margin-left: 150px;
            border: 1px solid #ddd;
            min-height: 300px;
            padding: 12px;
            position: relative;
            z-index: 9;
            -moz-border-radius: 20px;
        }
        #vtab > div > h4 {
            color: #800;
            font-size: 1.2em;
            border-bottom: 1px dotted #800;
            padding-top: 5px;
            margin-top: 0;
        }
        /*#loginForm label {
            float: left;
            width: 100px;
            text-align: right;
            clear: left;
            margin-right: 15px;
        }
        #loginForm fieldset {
            border: none;
        }
        #loginForm fieldset > div {
            padding-top: 3px;
            padding-bottom: 3px;
        }
        #loginForm #login {
            margin-left: 115px;
        }*/
		
  /* End css for verticle menu(previous issue left side)*/