﻿/* TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/ */

#PAGE_WRAPPER{width: 970px; min-height: 600px; padding: 5px 0px; margin: 0 auto;

              background: #fff; text-align: left; /*padding-bottom: 50px;*/

              -moz-border-radius: 3px;

              -webkit-border-radius: 3px; overflow:visible;}



/* HEADER STYLE STARTS */

#HEADER{
	width: 100%;
	height: auto;
	clear: left;
	float: left;
	margin:0px 0px 10px 0px;
	background:#FFF;
}
  #LOGO{ width: 360px; height: 71px; float: left; margin: 5px 5px 0px 5px; padding: 0px 0px 0px 0px;}
  #FOLLOW_US{ 
  	width: 150px; 
	height: auto; 
	float: left; 
	margin: 25px 0px 0px auto; 
	text-align: center; 
	color: #366493;
	}
  .follow_box{
    background: none repeat scroll 0 0 transparent;
    border-style: none;
    display: inline-block;
    float:left;
    font-size: 1px;
    height: 15px;
    line-height: normal;
    margin: 0;
    padding: 0;
    text-indent: 0;
    vertical-align: baseline;
    width: 24px;
    text-decoration: none;
  }
  .toplinks{ width: auto; height: auto; float: right; margin: 5px; margin-top: -5px; padding: 20px 5px 0px 10px; text-align: right;}
	.toplinks a { text-decoration:none;}
	.toplinks a:hover {color:#FF00FF;}
    /*.toplinks li { text-align: right; direction: rtl; list-style-type:none;}*/
    
    
    /*background: url(/assets/new_style_img/horizonal_menu_tab_bg.png) top center no-repeat;} */
    
  #MENU_TAB{
	width: 100%;
	height: 40px;
	clear: left;
	float: left;
	background-color: #066;
	color: #CCC;
			 }
			 
    #MENU_TAB ul{ margin: 12px 0px 0px 12px; padding: 0;}
    .tab_links { 
	list-style-type: none; 
	display: inline;
	}
	
    .tab_links a {
	text-transform: uppercase;
	color:#CCC;
	/*color: #fff7df;*/ 
	text-decoration: none;
	padding: 3px;
	}
    .tab_links a:current{}
    .tab_links a:hover { color: #2e5877; background: #fff7df; padding: 3px;
                         -moz-border-radius: 3px; -webkit-border-radius: 3px;}
/* HEADER STYLE ENDS */

/* MOST RECENT & MOST POPULAR STARTS */
#RECENT_POPULAR_WRAPPER{ width: 100%; clear: left; float: left;}
    #MOST_RECENT { width: auto; height: auto; float: left; margin: 0px 0px;
    			/*color: #366493;*/ 
				 margin-left: 20px;}
                 
	#MOST_RECENT a {font-size:16px; }
	
.blue_text {
	font-size:14px;
	color:#069;
			}
.red_text {
	font-size:14px;
	color: #900;
		}
	
/*top left box styles*/
    .mr_fieldset{
	width: 240px;
	min-height: 150px;
	margin-bottom: 5px;
	border: 2px solid #066;
	font-size: 14px;
	}
	
       .mr_fieldset p { margin: 0; padding: 0; }
       /*.mr_fieldset a { color: #a52916;}*/
	   
	   .mr_fieldset h1 {
	font-size:14px;
	color:#069;
			}
		.mr_fieldset h2 {
	font-size:14px;
	color: #900;
		}
    .mr_legend{
	border: 1px none #F00;
	padding: 2px 3px;
	color: #FFF;
	font-size: 13px;
	margin-left:6px;
	font-weight:800;
	background-color: #066;
	}
        


             
                                     
    #MOST_POPULAR { 
	width: auto; 
	height: auto; 
	float: left; 
	margin: 0px 0px 0px 0px; 
	/*color: #066; */
	}
	/*#MOST_POPULAR a { color: #066; font-size:16px; }*/
    .mp_fieldset{
		width: 320px; 
		min-height: 150px; 
		margin-bottom: 5px; 
   		 border: 1px solid #ccc; 
		 font-size: 14px; 
		 }
        .mp_fieldset p { font-size: 13px;}
       /*.mp_fieldset a { color: #066; }*/
    .mp_legend{ border: 1px solid #ccc; background: #fff7df; padding: 2px 3px; color: #a52916;
                font-size: 13px;
             -moz-border-radius: 3px;
             -webkit-border-radius: 3px; margin-left:6px;}
				}
#mostviewed div.article{
		height: auto;
		overflow: hidden;
		text-align: center;
		margin: 1px 1px 1px 5px;
		padding: 1px 1px 1px 5px;
		overflow: visible;
	}	

	#mostviewed h1 {
	font-size:14px;
	color:#069;
			}
	#mostviewed h2 {
	font-size:14px;
	color: #900;
		}

	span.count{
		float:left;
		width:30px;
		height:18px;
	}

/* MOST RECENT & MOST POPULAR ENDS */


/*Top Center box*/
/* GRUBSTREET INTERVIEW STARTS */
    #the_grubstreet_interview{
	width: 280px;
	height: auto;
	float: left;
	margin: 0px 20px 0px 20px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color: #FFF;
}
	
 #the_grubstreet_interview h2 {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 14px;
	font-style: normal;
	background: #900;
	padding-left:20px;
	color: #faebd7;
	font-weight: 600;
	width: 100%;
	margin-top: 2px;
	overflow:hidden;
	padding-left: 10px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
}
    
    .h3 { background: #fff7df; padding: 3px 3px; color: #a52916; width: 95%; margin: 0 auto; margin-top: 5px; color:  #366493;
             -moz-border-radius: 3px; -webkit-border-radius: 3px;}
             
		.h1 { margin:0; padding:0; font-size:16px; color:  #366493;}
		
    .inner_interview {
	width: 280px;
	height: auto;
	padding-bottom: 2px;
	clear: left;
	float: left;
	text-align: left;
	background: white;
	overflow:hidden;
	color:  #066;
	border-top-width: thick;
	border-right-width: thick;
	border-bottom-width: thick;
	border-left-width: thick;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-right-color: #066;
	border-left-color: #066;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
	padding-top: 2px;
	padding-right: 5px;
	padding-left: 2px;
	border-bottom-color: #900;
	 }
                     
           .inner_interview_img{
			   width: 48px; height: 48px; float: left; background: #faf9dc;}
			   
           .inner_interview_text { 
		   width: auto; 
		   height: auto; 
		   float: left; 
		   padding: 0px; 
		   font-size: 12px; 
		   color: #366493;
			margin-right: 4px; 
			margin-bottom: 4px; 
			margin-left: 1px;
			 margin-top: 1px; }
	
	
           .inner_interview_text h4 { color: #fff7df; margin:0; height: auto; color: #366493;}
           .inner_interview_text p { padding: 0px; color: #fff7df; width: auto; color: #366493;}
           .inner_interview a { color: #fff7df; font-size: 10px;}


/* Done */

  #GRUBSTREET_INTERVIEWS{ 
  width: 95%; clear: left; float: left; margin: 25px 0px;}
    #GRUBSTREET_INTERVIEWS h4{ color: #345d7b; margin: 1px; padding: 0; font-size:14px;}
    #GRUBSTREET_INTERVIEWS fieldset{ 
	border-bottom: 5px thick #00C; 
	border-right: 15px thick #00C;
	/*border-top: 1px #ccc;*/
	border-left: 0px #FFF;}
	
     #GRUBSTREET_INTERVIEWS legend{ /*border: 1px solid #ccc;*/ /*background: #fff7df;*/ 
	 background:#FF0;
	 padding: 2px 3px; 
	 color: #345d7b;
	 text-transform:uppercase;
             -moz-border-radius: 3px;
             -webkit-border-radius: 3px;}
    .intervew{ width: 40%; height: auto; float: left; padding: 5px; }
    .intervew_img{ width: 80px; height: 100px; border-right: 1px dashed #ccc; padding-right: 10px;}
    .intervew_p, p{ width: 300px; float: right; text-align: left; padding: 2px;}
/* GRUBSTREET INTERVIEW ENDS */

/*middle sections*/

div.article {
		border: 1px solid white;
		cursor: pointer;
		margin: 1px 1px 1px 5px;
		padding: 1px 1px 1px 5px;
		text-align: center;
		/*width: 91%;*/
		width:250px;
		float:left;
		color:#900;


	}
	div.count{
		width:30px;
		float:left;
		margin-left:10px;
	}
	
	div.article:hover {
		border-color: #A31721;
	}
	
	#MOST_RECENT li {
		border: 1px solid white;
		cursor: pointer;
		margin: 1px 1px 1px 5px;
		padding: 1px 1px 1px 5px;
		text-align: center;
		width: 91%;
		list-style-type: none;
	}
	
	#MOST_RECENT li:hover {
		border-color: #A31721;
	}
	
	#mainmiddle  div.article {
		border: 1px solid white;
		cursor: pointer;
		margin: 5px;
		padding: 5px;
		/*width: 200px !important;*/
	}
	
	#mainmiddle  div.article:hover {
	border-top-color: #F00;
	border-right-color: #F00;
	border-bottom-color: #F00;
	border-left-color: #F00;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	padding-right: 0px;
	}
	
	#mainmiddle div.article h1{
	color: #066;
	font-size: 16px;
	margin: 0;
	background:none;
	padding:0;
		}
	 #mainmiddle div.article h2{
	color: #900;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	margin: 0;
	}

	#mainmiddle{
		clear: both;
   /* 	width: 1036px;*/
   		width:100%;
		height:auto;
		overflow:hidden;
		float:left;
		margin-top:10px;
		color: #275679;
		text-align: center;
	}
	#mainmiddle h1{
	background-color: #FFF;
	color: #00C;
	font-size: 16px;
	height: 25px;
	margin:0;
	padding: 0 0 0 10px;
	}

	
	#mostviewed div.article{
		height: auto;
		overflow: hidden;
		/*text-align: center;*/
		margin: 1px 1px 1px 5px;
		padding: 1px 1px 1px 5px;
	}	
	
	#mostviewed h1 {
		font-size:14px;
		color:#069;
		}
	
	#mostviewed h2 {
		font-size:14px;
		color: #900;
		}
		

	span.count{
		float:left;
		width:30px;
		height:18px;
	}

 .mid_fieldset{
	width: 290px;
	margin-left: -5px;
	margin-right: 10px;
	padding: 10px;
	background-color:#FFF;
	/*width: auto; */
	min-height: 150px;
	margin-bottom: 5px;
	font-size: 13px;
	text-align: center;
	float: none;
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #900;
	border-right-color: #900;
	border-right-length: 20px;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	}
       .mid_fieldset p { margin: 0; padding: 0; }
	   
       .mid_fieldset a { color: #a52916;}
	   
    .mid_legend{ 
		border: 1px solid #ccc; 
		/*background: #fff7df;*/ 

		padding: 2px 3px; 
		color: #a52916;
         font-size: 13px;  
		 margin-left:6px; 
		 }
		.mid_legend a { color: #a52916;}
		
/*end of middle sections*/


/* background: url(/assets/new_style_img/profiles_main_bg.png) bottom left no-repeat; */

/* GRUBSTREET PROFILES STARTS
  #GRUBSTREET_PROFILES{ 
  		width: 100%; 
		margin: 0px; 
		margin-top:15px; 
		height:380px; 

		float: left; 
  		background: #FFF;
  }
    .profile{
	width: 275px;
	height: 80%;
	float: left;
	color:#00F;
	border-bottom-width:2px;
	border:#F00;
	margin: 20px 0px 20px 25px;
	padding: 4px;
	-moz-border-radius:3px;
	-webkit-border-radius: 3px;
	
	*/

             .profile{
	width: 275px;
	height: 80%;
	float: left;
	color:#00F;
	border-bottom-width:2px;
	border:#F00;
	margin: 20px 0px 20px 25px;
	padding: 4px;
	-moz-border-radius:3px;
	-webkit-border-radius: 3px;
	
	*/

             /* For IE 5.5 - 7 */
			 
/*             filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#000000');
*/	/* For IE 8 */
/*             -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#000000')";
*/	/* Firefox */
/*             -moz-box-shadow: 3px 3px 10px #000;
*/	/* WebKit */
/*             -webkit-box-shadow: 3px 3px 10px #000;
*/	/* Standard */
             -box-shadow: 3px 3px 10px #000;
	background-color: #FFF;
}
    
	/*.profile h3 {
	margin-top: 5px;
	margin-left: 15px;
	margin-bottom: 0px;
	padding-left:3px;
	background:#900;
	color: #FF0;
	font-size: 16px;
		}
      .inner_profile {
	width: 270px;
	height: auto;
	padding: 2px;
	clear: left;
	float: left;
	margin-top: 10px;
	margin-left: 5px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-color: #F00;
	border-right-color: #F00;
	border-bottom-color: #F00;
	border-left-color: #F00;
			}
			
           .inner_profile_img {width: 48px; height: 48px; float: left;}
          .inner_profile_text {
	width: 200px;
	height: auto;
	float: right;
	padding: 2px;
	margin: 0px;
	color:#066;
	background:#FFF;
	border: 2px solid #066;
		   }
			 .inner_profile_text h4{
	margin: 0px 0px 0px 0px;
	padding: 2px;
	color: #066;
	font-size:12px;
			 }
           .inner_profile_text p {margin: 0; padding: 0;}
           .inner_profile a {
	text-decoration:none;
	color: #900;
}
					 .inner_profile a:hover {
	color:#000;
}
GRUBSTREET PROFILES ENDS */


/* PAGE FOOTER ADS STARTS */
 #BOTTOM_ADS{ width: 100%; height:auto; clear: left; float: inherit; margin: 0px; padding: 0px; border: 0px solid #ccc;}
							
/* PAGE FOOTER ADS ENDS */

 /* background: url(/assets/new_style_img/footer_bg.png) top center repeat-x; */

/* FOOTER STARTS 
 #FOOTER{
	width: 100%;
	height: 30px;
	clear: left;
	float: left;
	padding-left: 0px;
	/*margin-left: 155px; color: #CCC;
	text-align: center;
	padding-top: 7px;
	background-color: #066;
}
    #FOOTER ul { margin: 0; padding: 0;}
    #FOOTER li { list-style-type: none; display: inline;
                 padding:  0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
    #FOOTER a {
	color: #CCC;
}
    #FOOTER li a:hover { padding: 0px 0px 0px; margin: 0px 0px 0px 0px;}
 FOOTER ENDS */
