/*
Title: Abhilash.us Global Styling
Copyright: (c) 2008
Author: Phil Renaud
Description: Global and General Styling and Aesthetics for Abhilash.us
*/

/*----------------------------------------------------------
=Reset
Corrects cross-browser styling disparities. Heavily based
upon the Yahoo! UI Library CSS Reset:
http://developer.yahoo.com/yui/reset/
--------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
   margin:0;
   padding:0;
   }

body {
   behavior: url(../css/csshover.htc);
}

table {
   border-collapse:collapse;
   border-spacing:0;
   }
fieldset,img { 
   border:0;
   }
address,caption,cite,code,dfn,em,th,var {
   font-style:normal;
   font-weight:normal;
   }
ol,ul {
   list-style:none;
   }
caption,th {
   text-align:left;
   }
h1,h2,h3,h4,h5,h6 {
   font-size:100%;
   font-weight:normal;
   }
q:before,q:after {
   content:'';
   }
abbr,acronym { border:0;}

html { font-size:100.01%; }   /* the font-size: 100.01% corrects disparities in default font size for Internet Explorer and font resizing in Safari */


/*----------------------------------------------------------
=Universals
Basic elemental aesthetic definitions.
--------------------------------------------------------- */

body {
   background: #d2bea1 url(../images/upperbg.jpg) top left fixed repeat-x;
   font-family: Helvetica, Arial, sans-serif;
   }

a {
   color: #930;
   text-decoration: none;
   }

a:hover {
color: #000;
}

h2 {
font-family: Univers, Helvetica, Arial, sans-serif;
text-transform: uppercase;
border-bottom: 1px solid #000;
margin-bottom: 5px;
height: 35px;
}

h2 a {
text-decoration: none;
position: relative;
top: 5px;
}




/*----------------------------------------------------------
=Containers
Surrounding and containing named elemental aesthetic,
layout, and structure.
--------------------------------------------------------- */

#worldcontainer {
   margin: auto;
   width: 950px;
   min-height: 1000px;
   font-size: 95%;
   }

#header {
   height: 245px;
   width: 950px;
   background: transparent url(../images/headerbg.png) top left no-repeat;
   behavior: url(../css/iepngfix.htc);
   }

#content {
   line-height: 160%;
   width: 630px;
   float: left;
   }


#sidebar {
float: left;
width: 300px;
margin-left: 20px;
}

/*----------------------------------------------------------
=Header
Aesthetic and layout of elements within the site header.
--------------------------------------------------------- */

#header h1 {
   height: 100px;
   width: 270px;
   position: absolute;
   top: 75px;
   text-indent: -9999px;
   }

#header h1 a {
   display: block;
   height: 100px;
   width: 270px;
   }

#header ul#nav {
   float: right;
   width: 350px;
   height: 50px;
   margin-top: 112px;
   }

/*\*/
* html #header ul#nav {
margin-top: 12px;
}
/**/


#header ul#nav li {
   float: left;
   height: 50px;
   }

#header ul#nav li a {
   display: block;
   text-indent: -9999px;
   height: 50px;
   }

#header ul#nav li.one {
   background: transparent url(../images/nav1.png) top left no-repeat;
   width: 59px;
   behavior: url(../css/iepngfix.htc);
   }

#header ul#nav li.two {
   background: transparent url(../images/nav2.png) top left no-repeat;
   width: 70px;
   behavior: url(../css/iepngfix.htc);
   }

#header ul#nav li.three {
   background: transparent url(../images/nav3.png) top left no-repeat;
   width: 89px;
   behavior: url(../css/iepngfix.htc);
   }

#header ul#nav li.four {
   background: transparent url(../images/nav4.png) top left no-repeat;
   width: 97px;
   behavior: url(../css/iepngfix.htc);
   }

#header ul#nav li.five {
   background: transparent url(../images/nav5.png) top left no-repeat;
   width: 35px;
   behavior: url(../css/iepngfix.htc);
   }

#header ul#nav li.one:hover {
   background-image: url(../images/nav1b.png);
   }
#header ul#nav li.two:hover {
   background-image: url(../images/nav2b.png);
   }
#header ul#nav li.three:hover {
   background-image: url(../images/nav3b.png);
   }
#header ul#nav li.four:hover {
   background-image: url(../images/nav4b.png);
   }
#header ul#nav li.five:hover {
   background-image: url(../images/nav5b.png);
   }



/*----------------------------------------------------------
=Footers
Aesthetic and layout of elements within the site header.
--------------------------------------------------------- */

#fixedfooter {
width: 100%;
height: 111px;
position: fixed;
bottom: 0px;
background: transparent url(../images/fixedfooter.png) 50% 0% no-repeat;
z-index: 2;
}

/*\*/
* html #fixedfooter {
display: none;
}
/**/


/*\*/
* html #uberfooter {
color: #930 !important;
}
/**/
/*\*/
* html #uberfooter a {
color: #930 !important;
}
/**/
/*\*/
* html #uberfooter p {
color: #930 !important;
background-color: #D2BEA1;
}
/**/


#staticfooter {
width: 950px;
height: 168px;
background: transparent url(../images/staticfooter.png) 0% 0% no-repeat;
margin: auto;
position: static;
bottom: 0px;
z-index: 1;
clear: both;
behavior: url(../css/iepngfix.htc);
}

#uberfooter {
margin-left: -475px;
left: 50%;
width: 950px;
height: 35px;
overflow: hidden;
margin-top: -35px;
position: absolute;
z-index: 2;
clear: both;
font-size: 85%;
}

#uberfooter ul {
padding-top: 15px;
float: left;
}

#uberfooter ul li {
float: left;
margin-right: 10px;
}

#uberfooter a {
color: #fff;
}

#uberfooter p {
float: right;
color: #fff;
}


/*----------------------------------------------------------
=Content
General content aesthetic.
--------------------------------------------------------- */

#content p {
margin-bottom: 20px;
}

#content p a {
font-weight: bold;
color: #000;
border-bottom: 1px solid #930;
}

#content p a:hover {
color: #930;
}


#content div.posthead span.postmeta {
font-size: 90%;
margin-top: -8px;
display: block;
}


/*----------------------------------------------------------
=Sidebar
Sidebar styling
--------------------------------------------------------- */

#sidebar h3 {
text-indent: -9999px;
display: block;
height: 65px;
width: 300px;
behavior: url(../css/iepngfix.htc);
}

#sidebar div.section.about h3 {
   background: transparent url(../images/h3about.png) top left no-repeat;
   }
#sidebar div.section.rssfeeds h3 {
   background: transparent url(../images/h3feeds.png) top left no-repeat;
   }
#sidebar div.section.ontheweb h3 {
   background: transparent url(../images/h3ontheweb.png) top left no-repeat;
   }
#sidebar div.section.categories h3 {
   background: transparent url(../images/h3categories.png) top left no-repeat;
   }

#sidebar div.section {
margin-bottom: 35px;
}

#sidebar div.section p, #sidebar div.section ul {
margin-left: 45px;
line-height: 130%;
margin-top: -20px;
}

#sidebar div.section ul li {
list-style-image: url(../images/listbubble.png);
margin-left: 15px;
}


/*----------------------------------------------------------
=Type
sIFR styling
--------------------------------------------------------- */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
	text-transform: uppercase;
}

/*----------------------------------------------------------
=Social Media Icons
list styling
--------------------------------------------------------- */

div.section.ontheweb ul li.one { list-style-image: url(../images/sm1.png) !important; }
div.section.ontheweb ul li.two { list-style-image: url(../images/sm2.png) !important; }
div.section.ontheweb ul li.three { list-style-image: url(../images/sm3.png) !important; }
div.section.ontheweb ul li.four { list-style-image: url(../images/sm4.png) !important; }
div.section.ontheweb ul li.five { list-style-image: url(../images/sm5.png) !important; }
div.section.ontheweb ul li.six { list-style-image: url(../images/sm6.png) !important; }
div.section.ontheweb ul li.seven { list-style-image: url(../images/sm7.png) !important; }
div.section.ontheweb ul li.eight { list-style-image: url(../images/sm8.png) !important; }
div.section.ontheweb ul li.nine { list-style-image: url(../images/sm9.png) !important; }
div.section.ontheweb ul li.ten { list-style-image: url(../images/sm10.png) !important; }
div.section.ontheweb ul li.eleven { list-style-image: url(../images/sm11.png) !important;}
div.section.ontheweb ul li.twelve { list-style-image: url(../images/sm12.png) !important; }
div.section.ontheweb ul li.thirteen { list-style-image: url(../images/sm13.png) !important; }
div.section.ontheweb ul li.fourteen { list-style-image: url(../images/sm14.png) !important;}
div.section.ontheweb ul li.fifteen { list-style-image: url(../images/sm15.png) !important; }
div.section.ontheweb ul li.sixteen { list-style-image: url(../images/sm16.png) !important;}


.alignleft { float:left; text-align:left; }

.contactleft {
	display:inline;
	float:left;
	margin:5px 0;
	padding:4px;
	text-align:right;
	width:25%;
}
.contactright {
	display:inline;
	float:right;
	margin:5px 0;
	padding:4px;
	text-align:left;
	width:70%;
}