/*****************ReseT***********************************/
*
{
	margin: 0em;
    padding: 0em;
}

body 
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    overflow: -moz-scrollbars-vertical;
  
    background-color: #4380d3;
    color: #000000;
}

#container 
{
    margin: auto;
/*    min-width: 800px;*/
    width: 940px;
    
    padding: 0.5em;    
    background-color: #ffffff;
}

p, h2, h3, h4, a, img
{
	padding: 0.5em;
}

ul
{
	list-style: none; /*this removes the bullets and numbers from lists */
}

hr
{
	margin: 0.5em;
	height: 0.1em;
	width: 70%;
	
	text-align: center;
    background-color: #000000;
    
    clear: both;
}

.clear 
{
	clear: both;
}
.left
{
	text-align: left;
	float: left;
}

.right
{
	text-align: right;
	float: right;
}

/*.hidden
{
	visibility: hidden;
}*/


/*********************************************** HEADER ****************************************/
 
#header 
{
    padding: 1em 0em 1em 0em;
}

 #topTitle
{
	padding: 0em 0em 0em 1em;
	width: 300px;

	float: left;
}

 #topTitle img,  #topTitle .logo
 {
 	float: left;
 	width: 50%;
 }

#topTitle a
{
	font-size: 0.75em;
} 
 /*topTitle Text require*/
 
 #topNav
{
	display: block;
	
    text-align: center;
}

 #topNav ul 
{
    list-style-type: none;
}

 #topNav li 
{
    float: right;
}

 #topNav a,  #topNav:visited 
{
    padding: 0 1em 0 1em;
    display: block;

    text-decoration: none;
    font-size: 0.75em;
    
    background-color: 0;
	border: none;
}

 #topNav a:active 
{
    background-color: #4380d3;
    color: #ffffff;
}

 #topNav a:hover 
{
    background-color: #4380d3;
    color: #ffffff;
}

 #topNav a.current
{
    background-color: #4380d3;
    color: #ffffff;
}

/*****************************Magazine Menu****************************/
#magazine_nav
{	
	clear: both;
}

#magazine_nav ul 
{	
    list-style-type: none;
    
/*    border: 2px solid red;*/
}

#magazine_nav li 
{
    float: left;
}

#magazine_nav a,  #magazine_nav visited 
{
    display: block;
    text-decoration: none;
    
    padding: 0 1em 0 1em;
    
    background-color: 0;
	border: none;
}

#magazine_nav a:active 
{
    background-color: #4380d3;
    color: #ffffff;
}

#magazine_nav a:hover 
{
    background-color: #4380d3;

}


.magalist
{
	float:left;
	padding-bottom: 10px;
	width: auto;
	height: auto;
	margin: 0 auto;
	border: 0px solid rgb(225,219,220);
}


.magalist a:link, .mid .magalist a:visited{
	color: rgb(157,120,121);
	text-decoration: none;
	display: block-inline;
	padding: 2px;
}

.magalist a:hover{
	color: black;
	background-color: rgb(255,170,191);
}

.magalist a#current{
	border-bottom: 4px solid rgb(255,170,191);
}






/***************************** Lifestyle Menu ***************************/

#lifestyle_menu
{	
	margin: 0.5em 0.5em 0.5em 0.5em;

	float: left;
	clear: both;
	
	border: 4px solid grey;
}

#lifestyle_menu ul 
{
    list-style-type: none;    
}

#lifestyle_menu li 
{
   /** float make horizontal float: left; **/
}

#lifestyle_menu a,#lifestyle_menu visited 
{
    text-decoration: none;
    display: block;
    
    padding: 0 1em 0 1em;
    
    background-color: none;
	border: none;
}

#lifestyle_menu a:active 
{
    background-color: #4380d3;
    color: #ffffff;
}

#lifestyle_menu a:hover 
{
    background-color: #4380d3;

}

/***************************** Feed Content ****************************/

#magtext
{
	margin: 0.5em 0.5em 0.5em 0.5em;

	width: 350px;
	
	float: left;
	
	border: 4px solid grey;
}

#stream
{
	clear: both;
	float: left;
}

.imgbox
{
	float: left;
	width: 75px;
	
	clear: both;
}

.btitle
{
	float: left;
	width: 250px;
}

.author
{
	float: left;
	display: inline; /*?*/
}

.author a
{
	text-decoration: none;
	color: #000000;
}

.post_title
{
	float: left;
}
.bimg
{
	float:left;
	width: 75px;
	
	clear: both;
}

.bsum
{
	float:left;
	width: 250px;
	
	//border: 2px solid red;
}

.bsum .date
{
	float: right;
	font-size: 0.7em;
}

#paging
{
	//for page numbers
}

/***************************** Photo Section ****************************/

#photos
{
	margin: 0.5em 0.5em 0.5em 0.5em;

	float: left;
	width: 10em;
	
	border: 4px solid grey;
}

/***************************** Video Section ****************************/

#videos
{
	margin: 0.5em 0.5em 0.5em 0.5em;
	
	float: left;
	width: 10em;
	
	border: 4px solid grey;
}

/***************************** Widgets Section ****************************/

#widgets
{
	margin: 1em 0.5em 0 0.5em;
	
	float: left;
	width: 10em;
	
	border: 4px solid grey;
}


/***************************** Fonts****************************/

h1
{
	font-size: 1.4em;
}

h2
{
	
}

h3
{
	/* Main Div Titles */
	font-size: 1em;
}

/***************************** Footer Section ****************************/

#footer
{
	padding: 1em 0 0 0 ;
	width: 100%;
	
	font-size: 0.75em;
	clear: both;
}

#footer .copyright-notice
{
	float: right;
}

