/*  

Theme Name: Philindex
Theme URI: http://webrevolutionary.com/
Description: A greyscale WordPress theme by <a href="http://webrevolutionary.com/">WebRevolutionary</a>.
Version: 1.5.1
Author: E. Harrison
Author URI: http://webrevolutionary.com/
Tags: light, grey, black, clean, classy

*/

body {

	text-align: center;

	font-family: Georgia, serif;

	color: #333;

	font-size: 14px;

	line-height: 19px;

	background: url('gfx/background.jpg') center top no-repeat fixed #7e252b; 

}

a {
	text-decoration: none;
}

h1 a.image {

	display: block;

	width: 271px;

	height: 41px;

	background: url('images/WebRev_logo.png') top left;

	border: none!important;

	float: left;

}

h4 a.image {

	display: block;

	width: 30px;

	height: 30px;

	background: url('images/30X30_RSS.png') top right;

	border: none!important;

	float: right;

	margin: 10px 0 0 10px;

}

/*h1 a.image:hover {

	background: url('images/webrevolutionary-infinite.png') bottom left;

}*/

div#wrapper {

	text-align: left;
	margin: auto;
	width: 850px;
	border: 0px #ff0000 solid;

}

div#topbar {
	width: 100%;
	height: 42px;
	background: #1c1616;
	color: #CCCCCC;
}

div#topcontent {
	width: 850px;
	height: 42px;
	margin-left: auto;
  	margin-right: auto;
	color: #CCCCCC;
	border: 0px #ff0000 solid;
	vertical-align: middle;
}

div#topleftcontent {
	/*float: left;*/
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	color: #CCCCCC;
	border: 0px #ff0000 solid;
	margin-top: 0px;
}

div#toprightcontent {
	height: 29px;
	display: block;
	float: right;
	color: #CCCCCC;
	margin-top: 10px;
	border: 0px #00ff00 solid;
}

.search_textbox {
	width:145px;
	height:26px;
	float:left;
	background-image:url(gfx/search_box_bg.jpg);
	background-repeat:no-repeat;
	margin-right:4px;
	border: 0px #0000ff solid;
	}

.search_textbox input {
	width:133px;
	height:auto;
	float:left;
	padding:5px 6px;
	font-size:11px;
	color:#cccccc;
	background:none;
	border:0;
	}
	
.search_button {
	width:auto;
	height:auto;
	float:left;
	}

.search_button input {
	width:60px;
	height:24px;
	float:left;
	background-image:url(gfx/btn_search.jpg);
	background-repeat:no-repeat;
	border:0;
	cursor:pointer;
	}

#top_contactus {
	font-family: Geneva, sans-serif;
	font-size: 12px;
	margin-top: 2px;
	margin-left: 10px;
	float:left;
	border:0;
	color: #ffffff;
	}
	
#top_contactus a, #top_contactus a:hover, #top_contactus a:visited {
	color: #ffffff;
	text-decoration: none;
	border-bottom: none;
	}

#top_contactus a:hover {
	color: #ffffff;
	text-decoration: underline;
	border-bottom: none;
	}
	
div#center-content {
	width: 850px;
	border: 0px #00ff00 solid;
	background: #ffffff;
	display: block;
	overflow: hidden;
}

div#outer-content {
	margin-top: 38px;
	margin-left: 38px;
	margin-right: 38px;
	border: 0px #ff0000 solid;
	display: block;
	overflow: hidden;
}

div#home-header {
	width: 776px;
	display: block;
	overflow: hidden;
	background: url('gfx/home_img.jpg') center top no-repeat;
}

div#center-content-footer {
	background: url('gfx/bottom.png') center top no-repeat; 
	width: 850px;
	height: 8px;
	display: block;
	overflow: hidden;
	border: 0px #00ff00 solid;
}

div#header {
	height: 85px;
	margin: 0px 0 0px 0;
	background: url('gfx/pi_logo.png') left top no-repeat;
	border: 0px #ff0000 solid;
}

.breadcrumb {
	font-family: 'Trebuchet MS', Geneva, sans-serif;
	font-size: 12px;
	margin-top: 50px;
	margin-right: 5px;
	float: right;
	border: 0px #00ff00 solid;
	color: #ffffff;
	text-decoration: none;
}

.breadcrumb a {
	color: #cccccc;
	text-decoration: none;
}

.breadcrumb a:visited {
	color: #cccccc;
	text-decoration: none;
}

.breadcrumb a:hover {
	color: #ffffff;
	/* text-decoration: underline; */
}

#topspacer {
	display: block;
	overflow: hidden;
	height: 50px;
	width: 850px;
	border: 1px #00ff00 solid;
}

div#main-column {
	width: 550px;
	float: left;
	border: 0px #00ff00 solid;
}

div#main-column-home {
	display: block;
	overflow: hidden;
	margin-top: 200px;
	margin-left: 23px;
	width: 435px;
	float: left;
	border: 0px #00ff00 solid;
}

div#sidebar-home {
	display: block;
	overflow: hidden;
	margin-top: 200px;
	background: #e4dfdb url('gfx/news_hdr.jpg') center top no-repeat;
	width: 295px;
	float: right;
	border: 0px #00ff00 solid;
	display: block;
	overflow: hidden;
}

div#sidebar-home-content {
	font-size: 12px;
	margin: 10px;
	margin-top: 25px;
	width: 275px;
	float: right;
	border: 0px #00ff00 solid;
}

div#sidebar-home-content a {
	/* font-size: 13px; */
	color: #2F2F2F;
}

div#sidebar-home-content p {

	margin: 0 0 0px;

}

div#sidebar {

	width: 200px;
	float: right;
	border: 0px #00ff00 solid;
}

div#sidebar ul {

	list-style: none;

	margin: 0 0 18px 0;

}

div#sidebar ul ul {

	list-style: disc;

	margin: 0 0 18px 18px;

}

div#sidebar ul ol {

	margin: 0 0 18px 18px;

	list-style: decimal;

}

p {

	margin: 0 0 18px;

}

a {

	color: #555;

	text-decoration: none;

	border-bottom: 1px solid #ccc;

}

a.no-border-bottom {
	border-bottom: none;
}

a:hover {

	color: #333;

	border-bottom: 1px solid #999;

}

h2, h2 a {

	font-size: 18px;

	line-height: 30px;

	margin: 0 0 18px;

	font-family: Georgia, Times, 'Times New Roman', serif;

	color: #000;

	border: none;


}

h3, div#sidebar h2 {

	font-size: 16px;

	line-height: 18px;

	margin: 0 0 18px;

	font-family: Georgia, Times, 'Times New Roman', serif;

	color: #000;

}

ul {

	margin: 0 0 18px 18px;

	list-style: disc;

}

ul#navigation {

	display: block;

	float: right;

	margin: 11px 0 0 0;


}

ul#navigation li {

	list-style-type: none!important;

	margin: 0;

	display: inline;

	overflow: hidden;

	width: 100%;

}

a.navbtn {

	background: transparent url('images/oval-gray-left.gif') no-repeat top left;

	display: block;

	float: left;

	font: normal 11px Arial; /* Change 13px as desired */

	line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */

	height: 24px; /* Height of button background height */

	padding-left: 11px; /* Width of left menu image */

	text-decoration: none;

	border-bottom: none;

}

a:link.navbtn, a:visited.navbtn, a:active.navbtn {

	color: #494949; /*button text color*/
	text-decoration: none;
}

a.navbtn span {

	background: transparent url('images/oval-gray-right.gif') no-repeat top right;

	display: block;

	padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/

}

a.navbtn:hover { /* Hover state CSS */

	background-position: bottom left;

}

a.navbtn:hover span { /* Hover state CSS */

	background-position: bottom right;

	color: #D1132A;

}

.center, .wrap {

	display: block;

	margin: auto;

	text-align: center;

}

div.youtube {

	margin: 0 auto 18px;

	text-align: center;

}

div#comments {

	margin: 32px 0 0 0;

}

h3#respond {

	margin-top: 32px;

}

/*div.post a img {

	border: 1px solid #ccc;

	background: white;

	padding: 3px;

}*/

ol.commentlist {

	list-style: none;

	border-bottom: 1px solid #ccc;

}

ol.commentlist li {

	display: block;

	border-top: 1px solid #ccc;

	padding: 18px 18px 9px;

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

}

li.alt {

}

ol.commentlist li.author {

	background: url('images/comment-background.png') top left no-repeat #f0f0f0;

}

span.name a {

	color: #333;

}

span.name a:hover {

	border-bottom: 1px solid #ccc;

	color: #222;

}

span.name {

	font-family: Georgia, Times, 'Times New Roman', serif;

	color: #555;

	font-size: 18px;

	line-height: 36px;

}

p.postmetadata {

	color: #999;

}

p.postmetadata a {

	color: #777;

	border-bottom: 1px solid #ddd;

}

p.postmetadata:hover {

	color: #333;

}

p.postmetadata:hover a {

	color: #555;

	border-bottom: 1px solid #ccc;

}

div.post {

	margin: 0 0 64px;

}

div.navigation a {

	font-size: 18px;

	font-family: Georgia, Times, 'Times New Roman', serif;

	color: #999;

	border: none;

}

div.navigation a:hover {

	color: #555;

	border-bottom: 1px solid #ccc;

}

div.navigation div {

	display: block;

	width: 230px;

	float: left;

	margin: 0 0 15px 0;

}

div.navigation div.alignleft {

	text-align: left;

}

div.navigation div.alignright {

	text-align: right;

}

ul.meta {

	display: block;

	border-top: 1px dotted #ccc;

	margin: 36px 0 0 0;

}

ul.meta li {

	border-bottom: 1px dotted #ccc;

	display: block;

	height: 16px;

	padding: 6px 5px;

}

ul.meta li div.title {

	font-family: Georgia, Times, 'Times New Roman', serif;

	color: #000;

	font-size: 14px;

	font-weight: normal;

	display: block;

	width: 150px;

	float: left;

}

li.sharethis ul {

	list-style: none;

	display: block;

	width: 340px;

	float: left;

	margin: 0;

}

li.sharethis ul li {

	padding: 0!important;

	width: none;

	margin: 0!important;

	display: inline;

	border: none;

}

li.sharethis ul li a {

	display: block;

	float: left;

	padding: 0 0 0 22px;

	margin: 0 14px 0 0;

	height: 16px;

	border: none!important;

}

li.sharethis ul li a.digg {

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

}

li.sharethis ul li a.digg:hover {

	background: url('images/digg.png') left bottom no-repeat;

}

li.sharethis ul li a.delicious {

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

}

li.sharethis ul li a.delicious:hover {

	background: url('images/delicious.png') left bottom no-repeat;

}

li.sharethis ul li a.technorati {

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

}

li.sharethis ul li a.technorati:hover {

	background: url('images/technorati.png') left bottom no-repeat;

}

li.sharethis ul li a.stumble {

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

}

li.sharethis ul li a.stumble:hover {

	background: url('images/stumble.png') left bottom no-repeat;

}

span.f {

	font-style: italic;

}

div.entry blockquote {

	margin: 0 0 0 26px;

	font-family: Georgia, Times, 'Times New Roman', serif;

	line-height: 20px;

	font-size: 12px;

/* 	background:#CACACA; */

}

div.author {

	margin: -20px 0 20px 10px;

	font-family: Georgia, Times, 'Times New Roman', serif;

	line-height: 12px;

	font-size: 10px;

}

form#commentform textarea {

	width: 500px;

}

input.searchinput {

	width: 180px;

}

a.sponsor-left {

	border: none;

	margin: 0 5px 0 0;

}

a.sponsor-right {

	border: none;

	margin: 0 0 0 5px;

}

img.alignleft, img.alignright {

	display: block;

	margin: 5px;

	clear: left;

	float: left;

	clear: none;

}

img.alignright {

	float: right;

	clear: right;

}
.widgettitle{
	padding-top:15px;
}

#footer {
	font-family: 'Trebuchet MS', Geneva, sans-serif;
	font-size: 12px;
	color: #ffffff;
}

/* MENU */


div#navbar {
	height: 24px;
	width: 100%;
	margin-top: 20px;
	margin-left: 26px;
}

#nav2{
        background-color: #ffffff;
        display: block;
		overflow: hidden;
        font-size: 1.1em;
        height: 50px;
        width: 100%;
		border: 0px #ff0000 solid;
}


#nav2, #nav2 ul {
	line-height: 1;
	list-style: none;
	margin-left: 0;
}

#nav2 a ,#nav2 a:hover{
	border:none;
	display: block;
	text-decoration: none;
}

#nav2 li {
	float: left;
	list-style:none;
}

#nav2 a,#nav2 a:visited {
	color:#333333;
	display:block;
	font-weight:bold;
	padding:6px 12px;
}

/*#nav2 a:hover, #nav2 a:active {
	color:#00ff00;
	text-decoration:none
}	*/

#nav2 li ul {
	/*border-bottom: 1px solid #a9a9a9;*/
	height: auto;
	display: block;
	/*left: -999em;*/
	left: auto;
	position: absolute;
	width: auto;
	z-index:998;
}

#nav2 li a,#nav2 li a:visited {
    color: #333333;
	font-weight:bold;
	font-size:0.9em;
	border-right: 0px solid #999999;
}

#nav2 li a:hover,#nav2 li a:active {
	font-weight:bold;
	color: #AD1517;
}

#current a, #current a:visited, #current a:link {
	color: #AD1517;
}

#nav2 li li {
	font-family: 'Trebuchet MS', Geneva, sans-serif; 
	font-weight: bold;
	font-size: 13px;
	width: auto;
}

#nav2 li li a,#nav2 li li a:visited {
    color: #AD1517;
	font-weight:bold;
	font-size:0.9em;
	border-right: 0px solid #999999;
}

#nav2 li li a:hover,#nav2 li li a:active {
	font-weight:bold;
	color:#333333;
}	

/*#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul, #nav2 li li li.sfhover ul {
	left: auto;
}*/

#nav2 li li:hover ul, #nav2 li li li:hover ul, #nav2 li li.sfhover ul, #nav2 li li li.sfhover ul {
	left: auto;
}


#nav2 li li li a, #nav2 li li li a:link, #nav2 li li li a:visited {
	color: #333333;
	opacity: .90;
	font-family: Georgia, serif;
	font-weight: normal;
	font-size: 12px;
	filter: alpha(opacity=90);
	background: #FDE7E4;
	width: 250px;
	float: none;
	margin-left: 8px;
	padding: 4px 6px 4px 6px;
	border-bottom: 1px solid #ffffff;
	border-right: none;
	}
	
#nav2 li li li a:hover, #nav2 li li li.sfhover a:hover {
	font-weight: normal;
	color: #AD1517;
	left: auto;
}	
	
#nav2 li li li {
	float: none;
	list-style:none;
}

#nav2 li ul ul {
	/*margin: -30px 0 0 222px;*/
	position: absolute;
	left: -999em;
	}

#nav li:hover ul ul ul li, #nav li.sfhover ul ul ul {
	left: auto;
	}

/* Nav Tabs */

#navtabs {
	display: block;
	overflow: hidden;
	width: 850px;
	height: 24px;
	text-decoration: none;
	background-image: url(gfx/navtabs.png); 
	background-position: 0px 0px ;);
}

#tab1 {
	float: left;
	width: 76px;
	height: 24px;
}

#tab2 {
	float: left;
	width: 95px;
	height: 24px;
}

#tab3 {
	float: left;
	width: 71px;
	height: 24px;
}

#tab4 {
	float: left;
	width: 178px;
	height: 24px;
}

#tab5 {
	float: left;
	width: 135px;
	height: 24px;
}

#tab6 {
	float: left;
	width: 109px;
	height: 24px;
}

#tab7 {
	float: left;
	width: 112px;
	height: 24px;
}

a#tab2 { background-position: -24px -76px; }

a#tab1:hover { background-image: url(gfx/navtabs.png); background-position: 0px 0px ;}
a#tab2:hover { background-image: url(gfx/navtabs.png); background-position: -76px -24px ;}
a#tab3:hover { background-image: url(gfx/navtabs.png); background-position: -171px -48px ;}
a#tab4:hover { background-image: url(gfx/navtabs.png); background-position: -242px -72px ;}
a#tab5:hover { background-image: url(gfx/navtabs.png); background-position: -420px -96px ;}
a#tab6:hover { background-image: url(gfx/navtabs.png); background-position: -555px -120px ;}
a#tab7:hover { background-image: url(gfx/navtabs.png); background-position: -664px -144px ;}

a.rollover {
	display: block;
	width: 150px;
	height: 24px;
	text-decoration: none;
	background: url("gfx/navtabs.png");
	}

a.rollover:hover {
	background-position: -150px 0;
	}

.displace {
	position: absolute;
	left: -5000px;
	}