/* CSS Document
For Githa Hariharan website
Created by Abhay Adhikari (Dhyan Design)
27-07-2008 */

body{
margin: 0;
padding: 0;
text-align: center; /*To make content centre aligned for IE*/
font-size: 1em;
}

/*
1. Master Container
--------------------
*/
#container{
width: 800px;
margin: 75px 0;
margin-left: auto; /*To make content centre aligned in all other browsers*/
margin-right: auto;
text-align: left;
color: #333333;
font-family: arial, verdana, sans-seriff;
font-size: .8em;
}

/*
2. Home Page Div 1: Image
--------------------
*/

#image{
float: left;
margin: 0;
border: 0;
margin-right: 25px;
}

/*
3. Home Page Div 2: Links and Website Header
--------------------
*/

#links_title{
float: left;
}

#links_title img{margin-bottom: 59px;}

#links_title ul{
margin: 0;
padding: 0;
list-style-type: none;
}

#links_title ul li{
margin: 0;
padding: 0;
line-height: 200%;
}

#links_title ul li ul{
margin: 5px 5px 20px 15px;
font-size: .8em;
padding: 0;
line-height: 200%;
}

#links_title ul li ul li ul{
margin: 5px 5px 10px 15px;
font-size: 1em;
padding: 0;
line-height: 200%;
}

.dots{background-image: url(../images/home_page/primary_links_divider.gif);  background-repeat: no-repeat;}

#links_title ul li a{
font-size: 1.2em;
text-decoration: none;
margin-left: 7px;
}


#links_title ul li a:hover{
color: #999999;}

/*
5. Home Page Div 3: News Blurbs
--------------------
*/


#main_news{
float: left;
margin-left: 25px;
width: 336px;
}

#main_news h2{
font-size: 1em;
margin-top: 145px;
}
#main_news ul{
list-style-type: none;
margin: 0;
padding: 0;
}

#main_news ul li{
line-height: 130%; 
background-image: url(../images/home_page/bullet.gif);
background-repeat: no-repeat;
background-position: 0 .4em;
padding-left: 1.2em;
margin-bottom: 15px;
}

/*
6. Common To All Pages: Footer
--------------------
*/

#footer{
clear: both;
width: 800px;
padding: 75px 0;}

.left {float: left; width: 400px;}
.right{float: right;}
#footer a:hover{text-decoration: none;}


/*
DIV TAGS for Inner Pages
-------------------------
*/

/*
1. Content
--------------------
*/
#content{
float: left;
margin: 0 25px;
width: 334px;
}

#content p{text-align: justify; line-height: 160%;}
#content h3{font-size: 1em;}
#content ul{text-align: left; line-height: 160%; margin: 0; padding:0; list-style-type: none;}
#content ul li{margin-bottom: 20px;}
#content a:hover{text-decoration: none;}

#bread_crumb{margin-top: 67px; margin-bottom: 20px;}
#bread_crumb h2{font-size: 1em; font-weight: normal; display: inline;}
#bread_crumb a:hover{text-decoration: none;}
#bread_crumb img{margin: 0 7px;}


/*
2. RHS Column
--------------------
*/

#rhs_column{
float: left;
margin-top: 170px;
width: 190px;
}

#rhs_column a:hover{text-decoration: none;}

/*Common Elements
------------------*/
a{color: #333333;}
.clear_both{clear:both;}
.upper_margin{margin-top: 50px;}
.image_with_caption p{padding: 0; margin-top: 5px; margin-bottom: 20px; font-size: .7em;}
.quote_box{font-size: 1em; line-height: 160%; font-style: italic;}
.quote{font-size: 1.5em;}
.bold_text{font-weight: bold;}
.h3_ital{font-weight: normal; font-style:italic;}