/*
Theme Name: F2
Theme URI: http://srinig.com/wordpress/themes/f2/
Description: F2 is a fast loading flexible width theme for WordPress. Customizable header, any of the two sidebars can be optionally turned off, and much more options in the settings page. Compatible with WordPress 2.8 and above. Valid XHTML, CSS.
Version: 0.9
Author: Srini G
Author URI: http://srinig.com/wordpress
Tags: blue, light, flexible-width, two-columns, three-columns, right-sidebar, left-sidebar, theme-options, custom-header, threaded-comments, translation-ready

	The CSS, XHTML and design is released under GPL:
	http://wordpress.org/about/gpl/

*/
body {
	margin:0;
	padding:0px;
	background:#f5f4e8 url(images/bg-body.gif) repeat-x left top;
	color:#444;
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Arial,Helvetica,sans-serif; /*'Lucida Grande', Sans-Serif;*/
}

a { 
	color:#258;
	text-decoration:none;
}

a:hover {
	text-decoration:underline; 
}

h1, h2, h3, h4, h5, h6 {
	color:#555;
	font-family:'Times New Roman', Times, serif;
	text-align:left;
}

h1 {font-size:2.6em;}
h2 {font-size:2.4em;}
h3 {font-size:1.8em;}
h4 {font-size:1.4em;}
h5 {font-size:1.2em;}
h6 {font-size:1em;}

img {
	border:0;
}

input, textarea {
	font-size:12px;
}

input[type=text], textarea{
	background:#fff;
	border:1px inset #aaa;
}

input[type=submit] {
	background:#ddd;
	border:1px outset #aaa;
}

pre {
	font-size:1.2em;
	overflow:auto;
}
code {
	font-size:1.2em;
	background-color:#f8f8f8;
	color:#111;
}

.floatleft{float:left;}
.floatright{float:right;}
.clearboth{clear:both;}

/* Layout */
#page {
	min-width:760px;
	max-width:1240px;
	margin:0 auto;
}

#container{
  margin:0;
  padding:0 240px 0 240px;
  z-index:9;
}

#wrapper{
  /*background-color:#fff;*/
  float:left;
  border-left:240px solid #fff; /* Sidebar left background color */
  border-right:240px solid transparent; /* Siderab right background color */
  margin-left:-240px;
  margin-right:-240px;
  width:100%;
  display:inline;
}

.sidebar {
	padding:20px;
}

#sidebar_left{
	float:left;
	width:200px;
	margin:0 0 0 -240px;
	position:relative;
}

#content{
	background:#fff;
	float:left;
	margin-right:-100%;
	width:99%;
	padding:0px;
}

#sidebar_right{
	float:right;
	width:200px;
	margin:0 -240px 0 0;
	position:relative;
}

/* Header */
#header {
	margin:0;
	height:145px;
	background:url(images/img.jpg) no-repeat right top;
}

#headerlogo {
	position:relative;
	margin:0px auto;
}

#headerlogo h1{
	position:absolute;
	top:0px;
	left:0px;
	margin:0;
}

/* Footer */
#footer { 
	text-align:center;
	font-size:1.2em;
	background:#f7991d url(images/bg-footer.gif) repeat-x left top;
	color:#333;
	clear:both;
	padding:5px 0px;

}

#footer ul{
	list-style:none;
	margin:0px;
	padding:0px;
}

#footer ul li{
	float:left;
	display:inline;
}

#footer ul li a{
	color:#fff;
	font-weight:bold;
	font-style:italic;
	display:block;
	padding:3px 10px 3px 0px;
}

#footer ul ul{
	display:none;
}

#footer #footer_credit{
	line-height:39px;
}

#footer p{
	margin:3px 0px;
}

#footer a {
	color:#333;
}

/* Top navigation */
#hmenu {
	/*background:url(images/bg-hmenu.gif) repeat-x left top;*/
	height:36px;
    position:relative;
    z-index:999;	
}

#hmenu ul {
	list-style:none;
	padding:0;
	margin:0 auto;
}

#hmenu ul li {
	display:inline;
	float:left;
	padding:0;
	margin:0;
	position:relative;
}

#hmenu ul li a {
	display:block;
	color:#010101;
	padding:10px 20px;
	margin:0;
	line-height:16px;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	font-size:1.2em;
}

#hmenu ul li a:hover, #hmenu ul li.hmenu_rss a:hover {
	color: #fff;
}

#hmenu ul li ul {
	display:block;
	padding:0 0 0 0;
	position:absolute;
	left:0px;
	visibility:hidden;
	z-index:599;
	width:220px;
	background:url(images/bg-hmenu.gif) repeat left top;
}

#hmenu ul li:last-child ul, #hmenu ul li.hmenu_rss ul {
	right:0;
}

#hmenu ul li:hover ul {
	/*visibility:visible;*/
}

#hmenu ul ul li {
	display:block;
	float:none;
}

#hmenu ul ul a {
	margin:0px;
        padding:10px 20px;
	height:16px;
}

#hmenu ul li.hmenu_rss a {
	background:#27567a url('images/feed.png') no-repeat 95% 50%;
	padding:4px 30px 4px 20px;
}

/* Sidebar */
.sidebar {
	color:#222;
}

.sidebar ul {
	padding:0;
	margin:0;
	list-style: none;
	font-size:1.2em;
}

.sidebar ul ul {
	font-size:1em;
	margin:0;
	padding:0;
	_margin-top:10px;
	background:url(images/bg-ul.gif) no-repeat left bottom;
}

.sidebar ul li {
	margin:0 0 0;
}

.sidebar li li {
	padding:0 0;
	margin:0px;
}

.sidebar li li a{
	background:url(images/bg-li.gif) no-repeat left bottom;
	padding:5px 0px 5px 40px;
	display:block;
	height:19px;
	color:#565656;
}
/*
.sidebar li li:before {
	content: "\203A \0020";
	font-size:1.2em;
}
*/
.sidebar ul ul  ul{
	_margin-top:10px;
}

.sidebar li li li {
	padding-left:10px;
}

.sidebar li li li a{
	background:url('images/arrow.gif') no-repeat 30px center;
	padding:5px 0px 5px 50px;
}

.sidebar h2 {
	margin:0;
	padding:15px 0px 0px 35px;
	font-size:1.5em;
	text-transform:uppercase;
	color:#fff;
	background:#f4f3e7 url(images/bg-h2.gif) no-repeat center bottom;
	height:29px;
}

.sidebar h2 a{
	color:#fff;
}

.sidebar a.rsswidget img {
	border:0;
	float:right;
}

/* Post */
.post, .page {
	clear:both;
}

.blog .post, .archive .post, .search-results .post, .search-results .page {
	margin:0 0 4em 0;
}

div.postentry {
	font-size:1.4em;
	line-height:1.4em;
}

.postentry p, .postentry blockquote, .postentry ul, .postentry ol {
	text-align:justify;
}

.postentry blockquote {
	margin:10px 20px;
	padding:0 0 0 10px;
	border-left:0.4em solid #ddd;
	font-size:0.8em;
	line-height:1.2em;
}

.postentry blockquote blockquote {
	margin-left:0;
	font-size:1em;
}

.postentry a {
	border-bottom:1px solid #ddd;
}
.postentry a:hover {
	border-bottom:1px solid #258;
	text-decoration:none;
}

div.navigation {
	font-size:1.1em;
}

.postentry table {
	border-width:0 1px 1px 0;
	border-style:solid;
	border-color:#ccc;
	font-size:0.9em;
}

.postentry table tr td {
	padding:5px 10px;
	border-width:1px 0 0 1px;
	border-style:solid;
	border-color:#ccc;
}

.postentry table tr th {
	border-width:1px 0 0 1px;
	border-style:solid;
	border-color:#ccc;
	padding:5px 10px;
	background:#f4f4f4;
	color:#666;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
}

h2.posttitle {
	margin:0 0 5px 0;
	padding:0;
}

.postmetadata {
	clear:both;
	margin:1em 0;
	font-size:1.1em;
	color:#888;
	text-align:left;
}

.posttagscat {
	margin:0 0 10px 0;
}

.postcat {
	margin:0 10px 0 0;
}

.postcomment {
	font-size:1.1em;
}

.postedit:before {
	content:' | ';
}

div.archive-desc {
	border:1px solid #ccc;
	background-color:#f8f8f8;
	padding:5px 10px;
	margin:0 0 10px 0;
	font-size:1.4em;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
}

.wp-caption a, .wp-caption a:hover, .gallery a, .gallery a:hover, .attachment a, .attachment a:hover {
	border:none;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 0.8em;
   margin:4px 0 0 0;
   padding:0 4px;
}

.gallery {
	border:1px solid #ddd;
	background-color: #f3f3f3;
}

.gallery-item {
	margin:10px;
}

.gallery-caption {
	font-size:0.8em;
}

.attachment img {
	border:1px solid #ddd;
	background-color:#f3f3f3;
	padding:4px;
}

/* Comments */
textarea#comment {
	width:100%;
}

.commentlist {
	margin:0;
	padding:0;
}

.children {
	margin: 0 -21px -21px 0;
	padding:0;
}

li.comment, li.trackback, li.pingback {
	list-style:none;
	border:1px solid #eee;
	padding:20px;
	margin:10px 0;
}

ul.children li.comment {
	margin: 10px 0 -11px 0;
}
	
.comment-body {
	overflow:auto;
}

.commentlist li.even {
	background-color:#fafafa;
}

.commentlist li.odd {
	background-color:#f6f6f6;
}

.commentlist li.bypostauthor {
	background-color:#fffff8;
}

.commentlist li.bypostauthor > .comment-body > .comment-author > cite {
	border-bottom:1px solid #aaa;
}

.comment-body p {
	font-size:1.3em;
}

.comment-body blockquote {
	margin:5px 10px;
	padding:0 0 0 5px;
	border-left:0.4em solid #ddd;
	font-size:0.9em;
}

.comment-body blockquote blockquote {
	font-size:1em;
}

.comment-body img.avatar {
	float:right;
	border:1px solid #eee;
	margin:0;
	background:#fff;
}

.comment-author cite {
	font-style:normal;
	font-weight:bold;
	color:#555;
	font-size:1.4em;
}

.comment-meta {
	margin:4px 0 0 0;
}

.reply {
	margin:5px 0;
	padding:0;
	font-size:1.1em;
}

/* Calendar */
#wp-calendar {
	text-align:center;
	width:100%;
}

#wp-calendar caption, #wp-calendar thead th{
	font-weight:bold;
	text-transform:uppercase;
	color:#555;
}

#wp-calendar tbody td {
	border:1px solid #ccc;
	background:#f2f2f2;
}

#wp-calendar tbody td a {
	font-weight:bold;
}

#wp-calendar td#today {
	background:#e4e4e4;
}

#wp-calendar tbody td.pad {
	border:none;
	background:transparent;
}

#search{
	float:right;
}

#searchform {
	margin: 0px auto;
	padding: 3px 3px 3px 30px;
	background:url(images/bg-label-search.gif) no-repeat left center;
}

.sidebar #searchform #s, #searchform #s {
	width: 168px;
	height:20px;
	vertical-align:top;
	padding: 2px;
	background:#f3f3f3;
	border:1px solid #242017;
}

.sidebar #searchsubmit, #searchsubmit {
	margin-left: 7px;
	background:url(images/btn-search.gif) no-repeat left center;
	width:66px;
	height:27px;
	border:0px;
}

.screen-reader-text {
     position: absolute;
     left: -1000em;
}

abbr {
	cursor:help;
	border-bottom: 0.1em dotted;
}

.aligncenter,div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
   margin: 0 10px 0 0;
}

.alignright {
   float: right;
   margin: 0 0 0 10px;
}

.breadcum-fz {
	font-size:122%;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.breadcum-fz li#breadcrumb-navxt, .widget_breadcrumb_navxt{
	float:left;
	margin-top:9px;
	padding-bottom:10px;
}

.box{
	background-color:#fff;
}

.box .topleft{
	background:url(images/topleft.gif) no-repeat left top;
	margin:0px;
}

.box .topleft .topright{
	background:url(images/topright.gif) no-repeat right top;
	margin:0px;
}

.box .topleft .topright .bottomright{
	background:url(images/bottomright.gif) no-repeat right bottom;
	margin:0px;
}

.box .topleft .topright .bottomright .bottomleft{
	background:url(images/bottomleft.gif) no-repeat left bottom;
	margin:0px;
}

.box .topleft .topright .bottomright .bottomleft .contain{
	padding:20px;
}

.sidebar .box .topleft .topright .bottomright .bottomleft .contain{
	padding:0px;
}

li.Advman_Widget h2{
     margin-bottom:10px;
}

.twitter-avatar{
    padding:5px 10px;
}

li.widget_twitter ul li{
    background:url(images/arrow.gif) no-repeat 10px 5px;
    padding:0px 10px 10px 25px;
    text-align:justify;
}

li.widget_twitter ul li span.entry-content{
    display:block;
}

.sidebar li li span a{
    background:none;
    display:inline-block;
    padding:0px 5px 0px 0px;
    vertical-align:top;
}

.textwidget{
     padding:10px 0px;
     background:url("images/bg-ul.gif") no-repeat left bottom;
}
