/*
Theme Name: Flow Indicator
Theme URI: http://www.widgetreadythemes.com/
Description: Flow Indicator is a 2 cloumns theme designed by <a href="http://www.widgetreadythemes.com/"> WidgetReadyThemes </a> and IWedi <a href="http://www.iwedi.com/">Web Directory</a> .
Version: 1.0
Author: Banhawi
Author URI: http://www.banhawidesigns.com
*/

* {
margin : 0;
padding : 0;
outline : none;
}

body, h1, h2, h3, h4, h5, h6, blockquote, p {
margin : 0;
padding : 0;

}

p {
padding : 10px 0 0 0;
}

a img {
border : 0;

}

body {

margin : 0;
background : #6e9cc7 url('images/bg.JPG') repeat-y center;
font-family : Arial, Helvetica, Georgia, Sans-serif;
font-size : 12px;
vertical-align : top;
color : #666;
font-weight:bold;
line-height:18px;
}

#page {

width : 878px;
margin : 0 auto;
background:#FFF url('images/pbg.jpg') repeat-x top;
}

a, a:visited {

color : #c5150e;

text-decoration : none;

}

a:hover {

text-decoration : underline;

}

#header {
width : 100%;
height:200px;;
margin:0 auto;
background:#fff url('images/header.jpg') no-repeat;
}
#logo{
float:left;
padding-left:20px;
padding-top:10px;
}
#header h1 {
font-family:Century Gothic, Helvetica, Arial, sans-serif;
font-size:32px;
font-weight:lighter;
}
#header h1 a{
color:#01d7ff;
}
#header h1 a:hover {
text-decoration : none;
}

#description {
padding-left : 10px;
font : 14px Century Gothic, Helvetica, Arial, sans-serif;
color : #fff;
padding-top:15px;
}

#wrapper {
width : 100%;
margin-top:20px;
}

#content {
float : left;
width : 600px;
margin-left:5px;
margin-right:5px;
margin-top:5px;
}

#nav {
margin:0 auto;
width:878px;
padding-top:170px;
padding-right:5px;
}
#nav.in{
float : left;
width:500px;
}

#nav ul {
clear : both;
float : right;
}

#nav ul li {
float : left;
display : block;
margin-left:10px;
}

#nav ul li a {
float : left;
display : inline;
color : #FFF;
text-decoration : none;
font: 16px Century Gothic, Helvetica, Arial, sans-serif;
padding:2px 10px 3px 10px;
}
#nav ul li a:hover{
background:#0361a4;
}
#searchform{
float:left;
}
#searchform input {
background : #0361a4;
border:1px #00416e solid;
color : #fff;
padding:2px 10px 2px 10px;
margin-left:5px;
}

#searchform #s {
width : 200px;
background : #FFF;
padding:4px;
color:#333;
}
.post-h{
width:680px;
}
.post h2 a:hover,.post h2 a:visited,.post h2 a {
font : 24px Century Gothic, Helvetica, Arial, sans-serif;
text-decoration : none;
color:#0272c6;
padding-top:4px;
}

.post {
padding : 0 5px 10px 5px;
margin-bottom:20px;

}

.post ul, .post li {

margin-left : 25px;

}

.entry {

margin : 5px;
padding : 5px 10px 10px 10px;

}

.post a img {
border :0;
margin : 5px;
}

.navigation {

padding : 10px;

font-size : 14px;

}

.alignleft {

float : left;

}

.alignright {

float : right;

}

blockquote {

background-repeat : no-repeat;
background-position : left top;
margin : 25px;
background:#f7fff0;
clear : both;
padding : 20px;
border-top:1px #e2ffcc solid;
border-bottom:1px #e2ffcc solid;
}
p.postmetadata {
background:#f7fff0;
border:1px #e2ffcc solid;
color : #999;
padding : 5px;
font-size : 11px;
}

#sidebar {
width : 220px;
float : right;
margin-right:5px;
margin-top:5px;
}
#sidebar ul {
list-style : none;
}

#sidebar ul h2 {
color : #5cc238;
text-transform : uppercase;
font-size : 14px;
padding:5px;
}

#sidebar ul ul {
margin : 5px 5px 20px 5px;
padding :0 5px 5px 5px;
}
#sidebar li{
background:#f6faff;
border:1px #dfeaf7 solid;
margin-bottom:10px;
margin-right:10px;

}
#sidebar ul ul li {
line-height : 28px;
background:url('images/li.jpg') no-repeat left;
padding-left:15px;
margin-bottom:0;
margin-right:0;
border:0px;
margin-left:10px;
}


#sidebar ul ul ul li {

padding-left : 20px;

}

#sidebar p{

padding : 10px;

color : #ccc;

}
h3#respond, h3#comments {
font-size : 14px;
padding : 5px;
}

ol.commentlist {
list-style : none;
font-size : 12px;
color : #999;
}

ol.commentlist li {

margin-bottom : 20px;
padding-bottom : 20px;
padding : 5px;
background:#f7fff0;
border-top:1px #e2ffcc solid;
border-bottom:1px #e2ffcc solid;

}

ol.commentlist li.alt {

margin-bottom : 20px;

padding-bottom : 20px;

}

#comment_title {

margin-bottom : 5px;

}

#commentform {
padding:10px 10px 20px 10px;
}

#commentform p {

margin-bottom : 10px;

}

#commentform textarea {

width : 99%;

padding : 2px;

font-size : 12px;

background-color : #fff;

border : 1px solid #2b0500;

}

.comtxt {

padding-left : 10px;

}

p.comto {

background : #2b0500;

padding : 5px;

font-size : 12px;

font-family : Arial, Helvetica, sans-serif;

font-weight : bold;

}
#footer{
width:100%;
clear : both;
padding:10px;
}

#footer a {
color : #800c00;
}

hr {
display : none;
}

small {
float : left;
margin-left:5px;
margin-top:-5px;
color:#999;
}