/*
Theme Name: TwiColors
Theme URI: http://www.widgetreadythemes.com/
Description: TwiColors is a 3 cloumn colorful theme designed by <a href="http://www.widgetreadythemes.com/"> WidgetReadyThemes </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;
margin-top: 10px;
margin-bottom: 10px;
padding : 0;

}

p {
padding : 10px 0 0 0;
margin-top:10px;
margin-bottom:10px;
}
a img {
border : 0;
}

body {

margin : 0;
background : #e8f5ff;
font-family : Arial, Helvetica, Georgia, Sans-serif;
font-size : 12px;
vertical-align : top;
color : #666;
}
#container {
background : url('images/pbg.gif') repeat-y;
width : 1100px;
margin : 0 auto;

}
#page {

width : 1000px;

margin : 0 auto;

background : #fff;


}

a, a:visited {

color : #1990f8;

text-decoration : none;

font-weight:bold;

}

a:hover {

text-decoration : underline;

}

#header {
width : 100%;
background : url('images/header.jpg') no-repeat;
height : 350px;
}
#logo{
float:left;
padding-left:10px;
}
#header h1 {
padding : 100px 10px 10px 10px;
font-family:Century Gothic, Helvetica, Arial, sans-serif;
font-size:36px;
font-weight:lighter;
}
#header h1 a{
color:#FFF;
}
#header h1 a:hover {
text-decoration : none;
}

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

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

#content {
float : left;
width : 550px;
margin-left:20px;
margin-right:5px;
margin-top:-15px;
}

#nav {
margin:0 auto;
float : left;
width:998px;
background:#e8f5ff;
border:1px #b7d9f3 solid;
margin-bottom:20px;
}

#nav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}

#nav a {
	color: #FFFFFF;
	display: block;
        font-weight: bold;
        margin: 0px 5px 0px 0px;
	padding: 8px 10px 7px 10px;
	}
	
#nav a:hover {
	background: #4A7EB8;
	color: #FFFFFF;
	display: block;
	text-decoration: none;
        margin: 0px 5px 0px 0px;
	padding: 8px 10px 7px 10px;
	}

#nav li {
	float: left;
	margin: 0px;
	padding: 0px;
	}
	
#nav li li {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 140px;
	}
	
#nav li li a, #nav li li a:link, #nav li li a:visited {
	background: #4A7EB8;
	color: #FFFFFF;
	width: 155px;
	float: none;
	margin: 0px;
	padding: 6px 10px 5px 10px;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	}
	
#nav li li a:hover, #nav li li a:active {
	background: #1A4E88;
	color: #FFFFFF;
        width:155px;
	}

#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	}

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

#nav ul li a {
color : #047702;
}

.post h2 a:hover,.post h2 a:visited,.post h2 a {
font : 24px Century Gothic, Helvetica, Arial, sans-serif;
text-decoration : none;
color:#22cd03;
}
#info {
padding:5px;
font-size:12px;
background:url('images/info.gif') repeat-x top;
margin-top:5px;
}
#info a{
color:#22cd03;
}


.post ul, .post li {

margin-left : 35px;

}
.post {
padding:10px;
margin:0 0 20px 0;
}

.entry {
padding:20px;
}

.post a img {

border :0;

/*padding : 10px;*/


}

.navigation {

padding : 10px;

font-size : 18px;

}

.alignleft {

float : left;

}

.alignright {

float : right;

}

blockquote {

background-repeat : no-repeat;
background-position : left top;
margin : 10px 20px;
font-family:"Times New Roman", Times, serif;
font-size:14px;
padding:20px;
background:#e8f5ff;
clear : both;
border-top:1px #b7d9f3 solid;
border-bottom:1px #b7d9f3 solid;
}
p.comments {
font-size : 12px;
font-weight:bold;
float:right;
margin-right:20px;
background:#e8f5ff;
padding:5px;
}
p.comments:hover{
background:#a0d1f6;	
}
#sidebar-right {
width : 195px;
float : right;
margin-right:10px;
text-align:center;
}
#sidebar-left {
width : 195px;
float : left;
margin-left:5px;
text-align:center;

}
#sidebar-right ul,#sidebar-left ul {
list-style : none;
}

#sidebar-right ul h2,#sidebar-left ul h2 {
padding : 10px 5px;
color : #FFF;
background:url('images/h2bg.gif') no-repeat;
width:195px;
height:20px;
text-transform : uppercase;
font-size : 14px;
text-align:center;
}
#sidebar-right ul ul,#sidebar-left ul ul {
margin : 0 5px 5px 5px;
padding : 5px;
}

#sidebar-right ul ul li,#sidebar-left ul ul li {
line-height : 21px;
}

#sidebar-right ul ul ul li,#sidebar-left ul ul ul li {

padding-left : 20px;

}

#sidebar-right p ,#sidebar-left p{

padding : 10px;

color : #ccc;

}
h3#respond, h3#comments {
font-size : 18px;
padding : 10px;
}

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

ol.commentlist li {

margin-bottom : 20px;

padding-bottom : 20px;

padding : 5px;

}

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 #111;

}

.comtxt {

padding-left : 10px;

}

p.comto {

background : url('images/info.gif') repeat-x bottom;

padding : 5px;

font-size : 12px;

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

font-weight : bold;

}

#searchform{
padding-top:310px;
margin-right:30px;
float:right;
}
#searchform input {
background : transparent;
border:0px;
}

#searchform #s {
width : 200px;
background : transparent;
padding:5px;
color:#333;
}
#footer{
clear : both;
background:#e8f5ff;
text-align:center;
padding:5px;
}

hr {
display : none;
}