/* Praveen Sawh Global CSS

 *

 */



/* General styles */



body {

	background-color: #a9ad93; /* Muted green */

	background-image:url('../images/bottom_bg.jpg');

	background-position: bottom;

	background-repeat:repeat-x;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 75.5%;

	color: #5b2709;

	border: 0;

	margin: 0;

	padding: 0;

}



.clear {

	clear: both;

}



/* Text styles */



h1 {

	font-size: 2.4em;

	line-height: 1.4em;

	font-weight: normal;

	color: #d14100; /* Orange */

}



h2 {

	font-size: 2.4em;

	line-height: 1.4em;

	margin-bottom: 0;

	font-weight: normal;

	color: #837d63; /* Dark tan */

}



h3 {

	font-size: 1.4em;

	color: #d14100; /* Orange */

}



p, ul {

	font-size: 1.2em;

	line-height: 1.5em;

}



ul {

	margin: 0;

	padding-left: 15px;

	list-style: square;

}



ul ul {

	font-size: 1em;

	list-style: circle;

}



a, a:link {

	font-weight: bold;

	color: #c2736b; 

}



a:visited {

	font-weight: bold;

	color: #d8968f; 

}



a:hover {

	text-decoration: none;

	color: #5b2709;

}



a img {

	border: 0;

}



/* Layout elements */



#container {

	width: 938px;

	margin: auto;

}



#edge_left {

	background: url(../images/edge_left.png) repeat-y top left;

}



#edge_right {

	background: url(../images/edge_right.png) repeat-y top right;

}



#inner {

	width: 660px;

	margin: auto;

	padding: 30px 0;

	background: url(../images/line_bkgd.png) repeat-y top left;

}



	#left_column {

		width: 220px;

		float: left;

		margin-left: -40px;

	}

		

		#logo {

			margin-left: 0px;

			margin-bottom: 30px;

		}

		

		#nav {

			margin: 0 0 0 20px;

			padding: 0;

			list-style: none;

			overflow: hidden;

		}

		

			#nav li {

				margin: 0 0 0px 0;

				padding: 0;

				height: 55px;

				list-style: none;

				overflow: hidden;

			}

			

			

			#nav a {

				float: left;

				padding: 55px 0 0 0;

				overflow: hidden;

				height: 0 !important;

			}

			

			#nav a:hover {

				background-position: 0 -56px;

			}

			

			#nav a:active, #nav a.selected {

				background-position: 0 -112px;

			}

			

			#b_home a {

				width: 142px;

				background: url(../images/btn_home.png) no-repeat top left;

			}

			

			#b_gallery a {

				width: 142px;

				background: url(../images/btn_gallery.png) no-repeat top left;

			}


			#b_blog a {

				width: 142px;

				background: url(../images/btn_blog.png) no-repeat top left;

			}

			
			#b_comic a {

				width: 142px;

				background: url(../images/btn_comic.png) no-repeat top left;

			}

			

			#b_about a {

				width: 142px;

				background: url(../images/btn_about.png) no-repeat top left;

			}

			

			#b_contact a {

				width: 142px;

				background: url(../images/btn_contact.png) no-repeat top left;

			}

	

		

	#main_column {

		width: 450px;

		float: left;

		margin-left: 30px;

	}

	

		#collage {

			width: 480px;

			margin-top: 3px;

			margin-bottom: 10px;

			border: 7px solid #7a7354; /* Dark tan border */

		}

		

		#sideimg img {

			float: right;

			border: 7px solid #7a7354; /* Dark tan border */

			margin-left: 10px;

			margin-right: -150px;

		}

		

		.info {

			float: left;

			width: 400px;

			margin-right: 30px;

		}



	#gallery {

		width: 700px;

		height: 525px;

		float: left;

		margin-left: -14px;

		border-top: 7px solid #7a7354;

		border-right: 7px solid #7a7354;

		border-bottom: 7px solid #7a7354;

		border-left: 7px solid #7a7354;

	}



	



#footer {

	background: url(../images/edge_bottom.png	) no-repeat top left;

	padding: 103px 90px 5px 103px;

	font-size: 9px;

	color: eac5b0;

}



	#footer p {

		float: left;

		padding-top: 5px;

		font-size: 1.1em;

	}

	

	#footer ul {

		margin: 0;

		padding: 0;

		list-style: none;

	}

	

		#footer ul li {

			float: left;

			margin-left: 30px;

			padding-top: 5px;

		}

		

	#footer img {

		border: none;

	}