/*

Wider for flatscreens and bigger screens

*/

@import url('//www.bavarghese.com/images/main.css');


a
{
/* ---------------------------------------------- Link Color --------------------------------- */
color: #97211D;
/* ------------------------------------------------------------------------------------------- */
text-decoration: none;
}

#menu
{
position: relative;
/* ------------------------------------ Bottom Menu Padding Color ------------------------------*/
background: #DA8247 url('menubg.gif') repeat-x top left;
/* ---------------------------------------------------------------------------------------------*/
height: 3.5em;
padding: 0em 1.0em 0em 1.0em;
 
}

body
{
background: #000000 url('bg1.jpg');
}


h3
{
background-image: url('db1.gif');
}


.divider1
{
background: #fff url('border2.gif') repeat-x;
}


  

.box
{
background: #FDFCF6 url('boxbg.gif') repeat-x;
}


 

#header
{
background: #2B2B2B url('topbg.gif') repeat-x;
}


#headerpic
{
background: #fff url('hdrpic.jpg') no-repeat top left;
}

#menu ul li a.active
{
background: #7F8400 url('menuactive.gif') repeat-x top left;
}

#menubottom
{
background: #fff url('border1.gif') repeat-x;
}


#footer
{
background: #fff url('border2.gif') repeat-x 0em 1em;
}



/*

Below Items change for smaller screens

*/


#outer
{
/*
	The width value below controls the overall width of the design. By default it's set to 82%
	(so it'll take up 82% of the browser window's width). You can set it to a different percentage
	value (70%, 90%, etc.) or even a pixel value (760px, 800px, etc.) to enforce a fixed width.
*/
width: 80%;
}

#rightsideheader
{
top: 1.5em;

}

#secondarycontent
{
float: right;
}

#iconsection
{
padding-top: 1.0em;
}

#footer .left
{
bottom: 1.2em;
}

#footer .right
{
bottom: 1.2em;
}