@charset "utf-8";
/* CSS Document */

body {
	color:#D7D7D7;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0px;
	padding:0px;
	padding-top:30px;
	text-align:center;
	background-color: #503667;
  }
a:link {
  color:$linkcolor;
  text-decoration:none;
  }
a:visited {
  color:$visitedlinkcolor;
  text-decoration:none;
  }
a:hover {
  color:$titlecolor;
  text-decoration:underline;
}
a img {
  border-width:0;
}

/* Menu

-----------------------------------------------
 */

#nav{
	height: 67px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-color: #291B34;
}
#nav ul{
	list-style-type:none;
}
#nav ul li{
	float:right;
	font-weight:bold;
	font-size: 11px;
}
#nav ul li a{
	color:#B4B4B4;
	background-color: #332242;
	display: block;
	padding-left: 16px;
	padding-right: 16px;
	text-decoration: none;
	padding-top: 21px;
	margin-top: -11px;
	#margin-top: 0px;
	height: 67px;
	#height: 51px;
	
}
#nav ul li a:hover{
	background-color: #514B5A;
}
#logo{
float:left;
}

/* Other

-----------------------------------------------
 */

#pic{
	height:244px;
	background-image: url(http://www.hhbh.com/blog-images/pano-5.jpg);
}
#colors{
	height:14px;
}
.pink{
	height:14px;
	float:left;
	background-color: #A75897;	
	width:25%;
}
.green{
	height:14px;
	float:left;
	background-color: #A7D84B;
	width:25%;
}
.blue{
	height:14px;
	float:left;
	background-color: #A8D3E3;
	width:25%;
}
.sand{
	height:14px;
	float:left;
	background-color: #F2F1C1;
	width:25%;
}

#content-wrapper{
	background-color: #332242;
}


/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
  width: 816px;
  margin:0 auto;
  padding:0px;
 }

#main-wrapper {
	width: 604px;
	float: left;
	word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
	overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
	text-align: left;
	padding-right: 8px;
	background-color: #524B5C;
  }

#sidebar-wrapper {
	width: 204px;
	float: left;
	text-align: left;
	word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
	overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
	background-color: #332242;
}


/* Headings
----------------------------------------------- */

h2 {
	line-height: 1.4em;
	text-transform:uppercase;
	letter-spacing:0.1em;
	font-size:16px;
	color: #765098;
	font-weight: bold;
}


/* Posts
-----------------------------------------------
 */
h2.date-header {
  margin:1.5em 0 .5em;
  }

.post {
	margin:.5em 0 1.5em;
	padding-bottom:1.5em;
	border-bottom-color: #686174;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	
  }
.post h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight: bold;
	line-height: 1.4em;
	/*text-transform:uppercase;*/
  	
	margin-top: 20px;
	margin-bottom: 20px;
}

.post h3 a, .post h3 a:visited, .post h3 strong {
	display:block;
	text-decoration:none;
	color: #D2D1D0;
}

.post h3 strong, .post h3 a:hover {
  color:$textcolor;
}

.post-body {
	line-height:1.3em;
	color: #D8D8D8;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.post-body blockquote {
  line-height:1.3em;  
}

.post-footer {
  margin: .75em 0;
  color:$sidebarcolor;
  text-transform:uppercase;
  letter-spacing:.1em;
  font: $postfooterfont;
  line-height: 1.4em;
}

.comment-link {
  margin-$startSide:.6em;
  }
.post img {
	padding-right:8px;	
	margin-top:-7px;
	#margin-top:2px;	
  }
.post blockquote {
  margin:1em 20px;
  }
.post blockquote p {
  margin:.75em 0;
  }

/* Comments
----------------------------------------------- */
#comments h4 {
  margin:1em 0;
  font-weight: bold;
  line-height: 1.4em;
  text-transform:uppercase;
  letter-spacing:.2em;
  color: $sidebarcolor;
  }

#comments-block {
  margin:1em 0 1.5em;
  line-height:1.6em;
  }
#comments-block .comment-author {
  margin:.5em 0;
  }
#comments-block .comment-body {
  margin:.25em 0 0;
  }
#comments-block .comment-footer {
  margin:-.25em 0 2em;
  line-height: 1.4em;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
#comments-block .comment-body p {
  margin:0 0 .75em;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }

.feed-links {
	clear: both;
	font-size: 11px;
	color: #EA932E;
}
a.feed-link:link, a.feed-link:visited{
	color: #EA932E;
	text-decoration: none;
	padding-bottom: 2px;
	font-size: 11px;
}
a.feed-link:hover{
	color: #F0AF68;
	text-decoration: underline;
}
.blog-feeds{
	visibility: hidden;
}

#blog-pager-newer-link {
  float: $startSide;
 }
 
#blog-pager-older-link {
  float: $endSide;
 }
 
#blog-pager {
	text-align: left;
 }

/* Sidebar Content
----------------------------------------------- */
.sidebar { 
  color: $sidebartextcolor;
  line-height: 1.5em;
 }

.sidebar ul {
  list-style:none;
  margin:0 0 0;
  padding:0 0 0;
}
.sidebar li {
	margin:0;
	padding-top:0;
  	padding-$endSide:0;
	padding-bottom:0.25em;
  	padding-$startSide:15px;
	text-indent:-15px;
	line-height:1.5em;
	color: #765098;
  }

.sidebar .widget, .main .widget { 
  border-bottom:1px dotted $bordercolor;
	margin:0px;
	padding:0px;
	margin-left: 10px;
 }

.main .Blog { 
  border-bottom-width: 0;
}

/* Profile 
----------------------------------------------- */
.profile-img { 
  float: $startSide;
  margin-top: 0;
  margin-$endSide: 5px;
  margin-bottom: 5px;
  margin-$startSide: 0;
  padding: 4px;
  border: 1px solid $bordercolor;
}

.profile-data {
  margin:0;
  text-transform:uppercase;
  letter-spacing:.1em;
  font: $postfooterfont;
  color: $sidebarcolor;
  font-weight: bold;
  line-height: 1.6em;
}

.profile-datablock { 
  margin:.5em 0 .5em;
}

.profile-textblock { 
  margin: 0.5em 0;
  line-height: 1.6em;
}

.profile-link { 
  font: $postfooterfont;
  text-transform: uppercase;
  letter-spacing: .1em;
}

/* Footer
----------------------------------------------- */
#footer-wrapper {
	clear:both;
	margin:0 auto;
	padding:8px;
	text-align: center;
	background-color: #291B34;
	width:800px;
	font-size: 11px;
	color: #765098;
	margin-bottom: 30px;
}
a.footerLink:link, a.footerLink:visited{
	text-decoration: none;	
	color: #765098;
}
a.footerLink:hover{
}

#navbar-iframe{height: 0 !important; visibility: hidden; display: none;}

#myAlternativeContent{
	background-color: #332242;
}

a:link, a:visited{
	text-decoration:none;
	color: #958DA0;
}

a:hover {
	text-decoration: underline;	
}

.sidebar li a:link, .sidebar li a:visited{
	text-decoration:none;
	color: #765098;
}

.sidebar li a:hover {
	text-decoration: underline;	
}
a.timestamp-link:link, a.timestamp-link:visited{
color: #6F667B;
}
a.timestamp-link:hover{
color: #6F667B;
}
.published{
	border-style: none;
	color: #6F667B;
}

.post-footer{
	text-transform: lowercase;
	font-size: 11px;
	color: #6F667B;
}
.mobile-photo{
	float:left
}
.rss-side{
	margin:10px;
}
.entry-content{
	
}