/*
Theme Name: F2 Custom
Theme URI: http://srinig.com/wordpress/themes/f2/
Description: Customized version of the F2 theme.
Version: 1.0.4
Author: Srini G
Author URI: http://srinig.com/wordpress
Template: f2
*/

@import url("../f2/style.css");

body { 
background:#000000;
color:#555;
}
#page {width: 920px;  }
a, a:visited { 
	color:#555;
	font-size:1.0em;
        font-weight:bold;
        text-decoration:none;
}

a:hover, a:active {
	color:#eee;
	font-size:1.0em;
        font-weight:bold;
        text-decoration:bolder; 
        background: #e79427;
       
}
#header {
	margin:0;
	height:90px;
	border:none; 
	background:transparent;
}

#headerlogo {left:190px;}

#headerlogo h1 {
	color:#000000;
        font-size:3em;
}

#headerlogo h1 a, #headerlogo h1 a:visited {
	background:transparent;
	color:#555;
        font-size:1.2em;
}

#headerlogo h1 a:hover {
	text-decoration:none;
}
#headerlogo div.description {
	background:transparent;
	color:#fff;
	font-size:1.2em;
}

#wrapper{
  border-left:240px solid #000000; /* Sidebar left background color */
  border-right:240px solid #ffffff; /* Sidebar right background color */
  background-color:#ffffff;
  filter:alpha(opacity=80);
  opacity:0.8;}

#content{ 
   background:transparent; 
   color: #000;
   filter:none;
   opacity:none;
}

#footer { 
	background:#000000;
	color:#eee;
	border:1px solid #000000;
        filter:alpha(opacity=80);
        opacity:0.8;}
}
.img-shadow {
float:right;
background-image:url('/wp-content/themes/f2/images/shadow.png') no-repeat bottom right; /* Most major browsers other than IE supports transparent shadow. Newer release of IE should be able to support that. */
}

.img-shadow img {
display: block; /* IE won't do well without this */
position: relative; /* Make the shadow's position relative to its image */
padding: 5px; /* This creates a border around the image */
background-color: #fff; /* Background color of the border created by the padding */
border: 1px solid #cecece; /* A 1 pixel greyish border is applied to the white border created by the padding */
margin: -6px 6px 6px -6px; 
}


/* <span class="img-shadow"><img class="img-shadow img src="/xxxxxxxxxxxxxxxx.jpg."/></span> */