/*  
Theme Name: ShinyCurl
Theme URI: www.shinyfrog.net
Description: ShinyCurl theme made for Connectedflow
Version: 1.0
Author: Shiny Frog
Author URI: http://www.shinyfrog.net/

	This theme was designed and built by Shiny Frog -> http://www.shinyfrog.net/
*/

html, body {
    margin: 0;
    padding: 0;
    border: 0;

	height: 100%;
	outline: none;
}
body{
	font-family: "Lucida Grande";
    font-size: 13px;
    line-height: 18px;
    color: #555555;
}

a, a:visited{
	text-decoration: none;
	color: #555555;
	outline: none;
}

a:hover{
	color: #da2f13;
}

h1{
	font-size: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #ff5522;
}

h1 a{
	color: #ff5522;
}

h1 a[rel="bookmark"]{
	color: #ff5522;
}

h1 a[rel="bookmark"]:hover{
	color: #da2f13;
}

h2{
	font-weight: normal;
	font-size: 18px;
	color: #5b6cae;
}

hr{
	height: 1px;
	border-style: none;
	color: #909090;
	background-color: #909090;
	width: 180px;
	margin-top: 25px;
	margin-bottom: 25px;
}

#wrap{
	position: relative;
	height: 100%;
}

#header{
	width: 100%;
	background-color: white;
}
#topbar{
	height: 47px;
	background-image: url("img/topbarBg2.jpg");
	background-repeat: repeat-x;
	width: 100%;
}

#topbar img{
	float: left;
}

#searchForm{
	float: right;
	background:transparent url('img/form.png') no-repeat;
	width:200px;
	height:21px;
	margin-top:13px;
	margin-right:15px;
	padding: 0px;
}

#topbar form{
	padding: 0px;
	margin: 0px;
}

#topbar fieldset{
	border: 0px;
	margin: 0px;
	padding: 0px;
}

#topbar fieldset>input{
	border: 0px;
	margin-left: 10px;
	padding-top: 2px;
	width: 160px;
	outline: none;
	color: #777777;
}

#navigation{
	width: 100%;
	height: 126px;
	background-image: url("img/waveTop.jpg");
  	background-position: 100% 100%;
  	background-repeat: no-repeat;
}


#navigation ul{
	margin: 0px;
	padding: 0px;
	margin-right: 20px;
	list-style: none;
}

#navigation li{
	margin-top: 86px;
	float: right;
	width: 149px;
	height: 40px;
}

#navigation a{
	display:block;
	background-image: url("img/buttonLink.png");
	background-repeat: no-repeat;
	width: 149px;
	height: 40px;
	padding-top: 15px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;

}

#navigation a:hover{
	color: #555555;
	background-image: url("img/buttonLinkActive.png");
	background-repeat: no-repeat;
}

/*#navigation li>div{
	background-image: url("img/buttonLink.png");
	background-repeat: no-repeat;
	width: 149px;
	height: 40px;
	padding-top: 15px;
	text-align: center;
}*/

/*
#navigation li>div:hover{
	background-image: url("img/buttonLinkActive.png");
	background-repeat: no-repeat;
	
}*/

#logo{
	float: left;
	margin-top: 25px;
	margin-left: 25px;
}

#content{
	position: relative;
	padding: 0px;
	margin: 0px;	
	background-image: url("img/waveDown.jpg");
  	background-position: 100% 0%;
  	background-repeat: no-repeat;
}

#mainbar{
	width: 100%;
	background-image: url("img/bgRepeat2.png");
  	background-position: 100% 0%;
  	background-repeat: repeat-y;
  	/* Must be changed if content of the sidebar is more than 300px*/
  	min-height: 300px;

}

/*
#mainbar p{
	margin: 0px;
	padding: 0px;
}*/

#sidebar{
	position: absolute;
	top: 0px;
	right: 0px;
	background-image: url("img/sidebar2.png");
  	background-repeat: no-repeat;
	width: 257px;
}

#sidebar>div{
	margin-left: 30px;
	margin-top: 20px;
}

#sidebar ul{
	list-style: none;
	padding-left: 30px;
}

#sidebar li{
	margin-top: 5px;
}

#footer{
	height: 47px;
	background-image: url("img/topbarBg2.jpg");
	background-repeat: repeat-x;
	width: 100%;
}

#footer div{
	color: #dbdbdb;
	position: relative;
	width: 100%;
	text-align: center;
	top: 15px;
}

#footer a{
	color: #dbdbdb;
	text-decoration: none
}

#footer a:hover{
	color: #dbdbdb;
	text-decoration: underline;
}

#slogo{
	margin:0 4px;
	vertical-align:-3px;
}

#searchResult{
	padding-top: 30px;
	padding-left: 30px;
}

#searchResult h2{
	margin: 0px;
	padding: 0px;
}

.post{
	padding: 40px 50px;
}

.post p, div{
	margin: 0px;
	padding: 0px;
}

.date{
	font-weight: bold;
	font-size: 10px;
	color: #9b9997;
}

.entry{
  	margin-right: 257px;
	margin-left: 30px;
	margin-top: 20px;
	color: #414141;
	max-width: 70%;
}

.entry p{
	margin: 5px;
	padding: 5px;
}

.entry a{ 
	text-decoration: none; 
	color: #5b6cae; 
}

.entry a:hover{
	color: #da2f13;
}

.entry img{
	margin-top: 15px;
	margin-bottom: 15px;
}

.separator{
	width: 498px;
	height: 79px;
	background-image: url("img/separator2.png");
	background-repeat: no-repeat;
	padding-left: 90px;
	padding-top: 5px;
	z-index: -1;
}

.separator li{
	list-style: none;
	margin-top: 5px;
}

.separator a{
	text-decoration: none;
	color: #5b6cae;
}

.separator a:hover{
	color: #da2f13;
}

.separator p{
	margin: 5px;
	padding: 5px;
}

.archive_navigation{
	margin-right: 280px;
	text-align: right;
}

.commentBox{
	margin-right: 280px;
	text-align: left;
	margin-left: 100px;

}

.commentBox hr{
	width: 395px;
	text-align: left;    /*this will align it for IE*/
	margin: 0 auto 0 0;  /*this will align it left for Mozilla*/
	margin-top: 7px;
	margin-bottom: 7px;
}

.commentlist{
	list-style-image: url("img/commentIcon.png");
}

.commentIcon{
	background: url("img/commentIcon.png") no-repeat;
	padding-left: 30px;
	background-position: 0px 4px;
}

.categoryIcon{
	background: url("img/categoryIcon.png") no-repeat;
	padding-left: 30px;
	background-position: 0px 2px;
}

 .feed a{
  margin-left: 3px;
  padding: 0 0 0 19px;
  background: url("img/feedIcon.png") no-repeat 0 50%;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


.spacer{
	height: 30px;
}