/*
Theme Name: CreationSurplus
Theme URI: http://www.creationsurplus.com/
Description: <a href="http://www.creationsurplus.com">bipul's</a> theme workshop
Version: 1.1
Author: bipul
Author URI: http://www.creationsurplus.com/
Tags: two column, simple, red, blue

*/
/*theme color: blue: 067eb0, red: d70711, grey: d4d4d6*/
*{
padding:0;
margin:0;}

html, body{
text-align:center;
color:#000000;
height:100%;
background:#d4d4d6;
font-family: Arial, Verdana, "Microsoft Sans Serif";
font-size:15px;
/*background-color:#DDDDDD;*/
}

#wrap{
width:900px;
height:auto;
text-align:center;
display:block;
margin:auto;
background:#ffffff;
}

#banner{
width:900px;
height:250px;
float:left;
text-align:left;
display:block;
border-top:10px solid #067eb0;
background:url("images/logogif.gif") no-repeat center left;
}

blockquote p{
color:#666666;
padding:5px;
background:#ffffff;
margin-left:30px;
display:block;
border-left:3px solid #067eb0;
width:75%;
}


h1{
text-align:center;
font-size:1px;
color:#ffffff;
float:left;
text-indent:-500px;
display:block;
width:250px;
height:250px;
}

h1 a{
display:block;
float:left;
width:250px;
height:250px;
color:#ffffff;
text-decoration:none;
}


#topnavig{
width:650px;
display:block;
height:40px;
float:left;
border-bottom:2px solid #067eb0; 
}

#topnavig ul{
color:#000000;
float:left;
margin:10px;
}

#topnavig ul li{
color:#067eb0;
font-size:16px;
display:inline;
list-style:none;
padding:2px 10px 5px 10px;
border:1px solid #067eb0;
font-weight:bold;
}

#topnavig ul li:hover{
border:1px solid #d4d4d6;
border-bottom:2px solid #d70711;
}

#topnavig ul li a{
color:#067eb0;
text-decoration:none;
}

#topnavig ul li a:hover{
color:#d70711;
}

#bannerspace{width:650px;float:left;display:block;}

#content{
width:900px;
float:left;
border-top:5px solid #067eb0;
display:block;
}

#col1{width:715px;display:block;float:left;}

.box{
text-align:left;
width:705px;
float:left;
margin:15px 5px 5px 5px;
background-color:#d4d4d6;
border-bottom:5px solid #067eb0;
}

p.postmetadata{
color:#d70711;
font-size:11px;
}

p.postmetadata a{
color:#000000;
text-decoration:none;
}

p.postmetadata a:hover{
color:#067eb0;
}

h2{
text-align:left;
width:100%;
float:left;
font-size:20px;
color:#067eb0;
margin-top:15px;
margin-left:10px;
}

h3, h3 a{
text-align:left;
display:block;
float:left;
width:95%;
line-height:22px;
font-size:18px;
color:#067eb0;
padding-left:10px;
padding-top:2px;
text-decoration:none;
}

p{
text-align:left;
float:left;
color: #333333;
display:inline;
width:98%;
margin:5px;
}

p a{
color:#067eb0;
text-decoration:none;
}

p a:hover{
color:#d70711;
text-decoration:none;
}

a.posttitle{
color:#067eb0;
text-decoration:none;
}

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

small{
margin-bottom:10px;
color:#067eb0;
display:block;
}

a img{
border:none;
margin:5px;
text-decoration:none;
}

#col2{
width:175px;
float:right;
display:block;
/*border:1px solid #333333;*/
}

.leaflet{width:160px;margin:0 10px 10px 5px;float:right;}

.leaflet ul{
float:left;
color:#067eb0;
font-size:15px;
margin-bottom:10px;
}

.leaflet li{
float:left;
width:99%;
display:block;
text-align:left;
list-style:none;
font-size:14px;
margin:2px 0;
color:#067eb0;
}

.leaflet li ul{
margin-left:10px;
float:left;
font-size:13px;
color:#067eb0;
}

.leaflet ul li a{
width:95%;
text-indent:5px;
display:block;
text-decoration:none;
color:#067eb0;
font-weight:bold;
padding:2px;
}

.leaflet ul li a:hover{
color:#d70711;
/*background-color:#cccccc;*/
}

li ul li{
display:block;
width:100%;
text-align:left;
list-style:none;
font-size:13px;
color:#067eb0;
}

li ul li a{
text-indent:5px;
display:block;
text-decoration:none;
color:#067eb0;
font-weight:bold;
padding:2px;
}

p.commentbox{width:99%;display:block;height:20px;}

ol{float:right; width:96%; background-color:#d4d4d6;padding:5px;margin-right:5px;}

textarea{width:99%;}

li.alt{float:left;display:block; width:99%;}

li.alt img{float:left; margin:2px;}
li.alt cite{float:left;color:#067eb0}
li.alt small{float:left;color:#067eb0}
li.alt cite a{color:#067eb0}
li.alt small a{color:#067eb0}
li.alt cite a:hover{color:#d70711}
li.alt small a:hover{color:#d70711}

.clear{
clear:both;
}

#footer{
color:#d70711;
display:block;
text-align:center;
width:900px;
float:left;
border-top:1px solid #067eb0;
}

#footleft{
width:290px;
float:left;
margin:5px;
text-align:left;
}
#footcenter{
float:left;
width:290px;
margin:5px;
text-align:center;
}
#footright{
float:left;
width:290px;
margin:5px;
text-align:right;
}

.thumb{text-align:center;width:100px; border:1px solid #067eb0; margin:2px;}
.thumb img{width:90px;}
/*other classes and ids*/

.center{text-align:center;}
.mywidget{
float:right;
height:190px;
width:160px;
display:block;
margin:5px;
border:1px solid #067eb0;
moz-border-radius-topleft:5px;
webkit-border-top-left-radius:5px;
moz-border-radius-topright:5px;
webkit-border-top-right-radius:5px;
}
p.twitter-message{font-size:12px;text-align:left; width:150px;margin:5px;color:#000000;}
.twitter-timestamp{margin:0 5px;color:#d70711;}
a.twitter-link {color:#067eb0;}
a.twitter-user{color:#d70711;}
h2.mywidgetheading {font-size:15px;margin:0;display:block;width:100%;height:25px;background-color:#067eb0;}
h2.mywidgetheading a{text-decoration:none;color:#d4d4d6;margin-left:2px;}