/*
Theme Name: Fluid Blue
Theme URI: http://srinig.com/wordpress/themes/fluid-blue/
Description: A simple two column fluid width theme. Right sidebar supports widgets. Tags and gravatars supported. Valid XHTML and CSS.
Version: 1.7.2
Author: Srini G
Author URI: http://srinig.com/wordpress
Tags: blue, light, two-columns, flexible-width, right-sidebar, threaded-comments

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

* {
	margin: 0;
	padding: 0;
}

body {
margin:0px;
padding: 0px;
background-color:#f9f9f9;
font-family:Geneva, Tahoma, Arial, Sans serif;
font-size: 11px;
color: #444;
}

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

#sidebar a {
   font-weight: normal,
}

a:hover{
color: #aaa;
}

img {
	border:0;
}

input {
	font-size:1.2em;
}

input[type=text], textarea{
	background:#fff;
	border:1px inset #aaa;
}
input[type=submit] {
	background:#eee;
	border:1px outset #aaa;
}

textarea {
	font-size:12px;
}

pre {
	font-size:12px;
	overflow:auto;
}
code {
	font-size:12px;
	background-color:#f8f8f8;
	color:#222;
}

/* Layout */
#page {
width: 100%;
min-height: 100%;
margin: 0px;
padding: 0px;
}

#wrapper {
margin: 0px auto;
padding:70px 0px 0px 0px;
/*width: 900px;*/
overflow:visible;
}

#content{
	float:left;
        width:750px;
	width:100%;
        margin: 0 auto;
}

#sidebar{
	float:left;
	width:120px;
	margin:0px 0 0 0;
	padding:5px 10px;
        display:none;
	
}

#footer {
	clear:both;
}

#footer {
        width: 100%;
        height: 33px;
}

.footercontent {
padding: 10px 10px 0px 10px;
font-family: Tahoma, Arial !important;
font-size:11px;
color: #777!important;	
height: 23px;
width: 900px;
overflow:auto;
background-color:#f9f9f9;
/*
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
*/
margin: 0px auto;
}

#footer p {
margin: 0px;
padding: 0px;
font-family: Geneva, Tahoma, Arial !important;
font-size:11px;
color: #777!important;	
}

#footer right, #footer .right p {
float: right;
text-align:right;
line-height: 100%;
padding: 2px 0px 5px 0px;
}

#footer .left, #footer .left p {
float: left;
margin-bottom: 0px;
}

#footer .left ul, #footer .left p {
list-style-type: none;
padding: 2px 0px 5px 0px;
margin: 0px;
}

#footer .left ul li {
display:inline;
margin-right: 10px;
}

#footer .left a{
text-decoration:none;
color: #777; 
}

#footer .left a:hover{
color: #444;
}




#header {
position: fixed;
top: 0px;
left: 50%;
margin: 0px 0px 0px -460px;
padding: 0px 10px;
width: 900px;
height: 65px;
-moz-border-radius-bottomleft: 6px;
-moz-border-radius-bottomright: 6px;
z-index: 100;	
}
#header {
position: fixed;
top: 0px;
left: 50%;
margin: 0px 0px 0px -460px;
padding: 0px 10px;
background-color: #f9f9f9;
width: 900px;
height: 65px;
-moz-border-radius-bottomleft: 6px;
-moz-border-radius-bottomright: 6px;
z-index: 100;
}

#header img {
padding-top: 10px;
float:left;
}

#nav {
list-style-type:none;
float: right;
margin: 17px 0px 0px 0px;
text-transform: uppercase;
font-weight:400;
}

#nav li {
letter-spacing:0px;
float: right;
margin: 0px 0px 0px 10px;
letter-spacing: -1px;
font-size: 21px;
}

#nav li a {
text-decoration:none;
color: #aaa;
padding: 0px;
display: block;
height: auto;
font-weight: 400;
font-family:Oswald,Geneva, Arial, Sans serif;
text-transform:uppercase;

}

#nav li a.active
{   
color: #444;
padding: 0px;
}

#nav li a:hover {
text-decoration:none;
color: #222;
padding: 0px;
}
/* Sidebar */


#sidebar ul {
	padding:0;
	margin:0;
        list-style-type: none;
}
#sidebar ul ul {
	font-size:1em;
}

#sidebar ul li {
	margin:0 0 2em 0;

}

#sidebar ul ul {
	margin:0;
	padding:0;
}

#sidebar li li {
font-size: 11px;
margin-bottom: 5px;
width: 160px;
padding-bottom: 5px;
}

#sidebar li a {color: #555}
#sidebar li a:hover {color: #999}

#sidebar li li li {
	padding-left:10px;
}

#sidebar ul h2 {
font-weight: normal;
letter-spacing: -1px;
font-size: 22px;
margin: 0px 0px 10px 0px;
padding: 0px;
color: #999;
font-weight: 200;
font-family:Oswald,Geneva, Arial, Sans serif;
}

/* Post */
.post {
	margin:0 0 10px 0;
	padding: 0px;
	clear:right;
}

.post p, .post ol li, .post ul li{
}
.post li li {
	font-size:1em;
}
.post blockquote {
	padding:0 0 0 2em;
	border-left:0.4em solid #ccc;
	font-size:0.9em;
}
.post blockquote blockquote {
	margin-left:0;
	font-size:1em;
}

.postentry a {
	font-weight: bold;
}
.postentry a:hover {
	text-decoration:none;
}

.postmetadata {
	clear:both;
	margin:1em 0;
	font-size:1.1em;
	color:#888;
	text-align:justify;
}

div.navigation {
clear: both;
	font-size:21px;
        letter-spacing: 0px;
text-transform:uppercase;
       
}

.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;
}

/* Comments */

#comments {
	font-size:1.2em;
}

.commentlist {
	margin:20px 0;
	padding:0;
	border-width:0 0.1em 0.1em 0;
	border-color:#eee;
	border-style:solid;
}

.commentlist li {
	list-style:none;
	margin:0;
	padding:0;
	border-width:0.1em 0 0 0.1em;
	border-color:#eee;
	border-style:solid;
}

li.comment div, li.pingback div {
	padding:20px;
	overflow:auto;
}

li.comment div div, li.pingback div div {
	padding:0;
	overflow:visible;
}

.commentlist li.even {
	background-color:#fafafa;
}

.commentlist li.odd {
	background-color:#f6f6f6;
}

ul.children li {
	list-style:none;
}

img.avatar {
	float:right;
	border:1px solid #eee;
	padding:2px;
	margin:0;
	background:#fff;
}

.comment-meta, .reply {
	margin:0;
	padding:0;
	font-size:0.8em;
}

.comment-author cite {
	font-style:normal;
	font-weight:bold;
	font-size:1.2em;
}


textarea#comment {
	width:100%;

}

#comments div.navigation {
	font-size:0.9em;
}

/* Comment ends */


/* Calendar */
#wp-calendar caption {
	text-transform:uppercase;
	font-weight:bold;
	color:#aaa;
	text-align:left;
}
#wp-calendar thead th {
	font-weight:normal;
	color:#27a;
	text-align:center;
}
#wp-calendar tbody td {
	text-align:center;
}
#wp-calendar tbody td a {
	font-weight:bold;
}
#wp-calendar tbody td.pad {
	border:none;
}
/* Calendar ends */

abbr {	cursor:help;	border-bottom: 0.1em dotted;}

.aligncenter,div.aligncenter {   display: block;   margin-left: auto;   margin-right: auto;}

.alignleft {   float: left;   margin: 5px 5px 5px 0;}

.alignright {   float: right;   margin: 5px 0 5px 5px;}

.wp-caption {   border: 1px solid #ddd;   text-align: center;   background-color: #f3f3f3;   padding-top: 4px;   margin: 10px;}

.wp-caption img {   margin: 0;   padding: 0;   border: 0 none;}

.wp-caption p.wp-caption-text {   font-size: 11px;   line-height: 17px;   padding: 0 4px 5px;   margin: 0;}

.posttitle a  {font-weight: normal;letter-spacing: 0px;font-size: 21px;margin: 20px 0px 10px 0px;padding: 0px;color: #444;font-weight: 400;font-family:Oswald,Geneva, Arial, Sans serif; text-transform:uppercase;}

.posttitle a:hover {         color: #aaa;}

.postentryindex {	color: #666;	border: 0;		margin: 0px;  min-height: 100px;	padding: 0;	}

.postentryindex p{	border: 0;	font-family:Geneva, Tahoma, Sans serif, arial;	font-size: 11px;	color: #444;	line-height: 180%;	padding-top: 10px;}

.postentryindex p a {        font-weight: normal;}

.postentryindex p .more {        font-weight: bold;        letter-spacing: -1px;        float: right;        padding-right: 5px;}

.postmetadata {        font-size: 11px;}

.thumb { float: left;  margin: 0px  0px 0px 0px;  }

.postentry {  margin-top: 10px;	border: 0;	margin-bottom: 50px;}

.postentry p {font-family:Geneva, Tahoma, Sans serif, arial;font-size: 11px;color: #444;line-height: 180%;margin: 0px 0px 10px 0px;}

.navigation .alignleft, .navigation .alignright {        margin-top: 10px;    margin-bottom: 20px;}

.navigation .alignleft a{font-weight: normal;letter-spacing: -1px;font-size: 18px;padding: 0px;color: #444;font-family:Oswald,Geneva, Arial, Sans serif; margin-left: 20px}

.navigation .alignright a{font-weight: normal;letter-spacing: -1px;font-size: 18px;padding: 0px;color: #444;font-family:Oswald,Geneva, Arial, Sans serif; margin-right: 20px}

.navigation .alignright a:hover, .navigation .alignleft a:hover {color:#aaa;} 

.alignright {        text-align: right;   /*     margin-left: 100px;*/}

p {font-family:Geneva, Tahoma, Sans serif, arial;font-size: 11px;color: #555;  }

a.more-link {font-weight:normal;}

/* scrolling homepage */

#wrapper {width: 100%;}

#scrollcontent {width:5050px; height:auto; padding: 0px 0px 0px 10px; float: left; margin-top:-5px;}

#scrollcontent .post {float: left; width: 480px; height: auto; padding: 0px 5px 5px; display:block; position: relative; margin: 0px 15px 0px 0px; }

#scrollcontent .post img {position: absolute; top: 5px; left: 5px;z-index:0; width: 480px;}

#scrollcontent .post .posttitle {position:absolute; top: 5px; left: 5px; z-index:2;width: 480px; height:320px;}

#scrollcontent .post .posttitle a  {
font-size: 21px;
display:block; 
width: 460px; 
height:300px; 
padding: 10px; 
margin: 0px; 
color: transparent; 
font-weight: 400;
background:url('/444.png') repeat-x left 320px;
-webkit-transition: background .3s ease;
-moz-transition: background .3s ease;
-o-transition: background .3s ease;
transition: background .3s ease;
} 

#scrollcontent .post .posttitle a:hover {
display:block; 
width: 460px; 
height:300px; 
padding: 10px; 
color: #fff; 
background:url('/444.png') repeat-x left 0px;

}

#scrollcontent .post .postentryindex  {margin-top: 320px;}

#scrollcontent .post .posttitle a span {diplay:block; padding: 5px 15px; background-color:#222; color:#fff; position: absolute; top: 225px; left: 0px;}
#scrollcontent .post h3.postdate  {font-size: 13px;diplay:block; padding: 5px 15px 0px; background-color:#222; color:#fff; position: absolute; top: 210px; left: 5px; z-index:100;font-family:Oswald,Geneva, Arial, Sans serif; font-weight: normal; text-transform:uppercase;}