/*
Theme Name: Framework
Theme URI: http://www.promotinggroup.com/
Description: A WordPress framework.
Version: 1.0
Author: Promoting Group
Author URI: http://www.promotinggroup.com/
Tags: framework, fixed width, two columns, widgets
*/

.lastfm-item { list-style-image: url('images/music-bullet.png')!important; padding-bottom: 5px; }

#sidebar .wordtube { padding: 8px 10px 12px; }

#content .wordtube { margin: 0 63px; }

#sidebar .user-avatar { margin: 3px 8px 2px 0; }

#sidebar .user-info { padding: 8px 8px 8px 0; }

.wpcf7, .wpcf7 * { margin: 0!important; padding: 0!important; }
.wpcf7 { width: 80%; margin: 0 auto!important; }
.wpcf7 input, .wpcf7 textarea { width: 100%; }

.commentlist {
	list-style: none!important;
	padding: 0!important;
	margin: 0!important;
}

.comment .avatar {
	position: absolute;
	top: 0;
	left: 16px;
	background: #fff;
	padding: 2px;
	border: 1px solid #dfdfe0;
}

.comment .author-name {
	position: absolute;
	top: 8px;
	left: 75px;
}

.comment {
	background: url('images/post-footer-single.png') no-repeat bottom;
	list-style: none!important;
	padding: 0 0 18px!important;
	margin: 0 0 10px!important;
	position: relative;
}

.comment .comment-author {
	background: url('images/comment-bg.png') no-repeat bottom;
	height: 68px;
}

.comment .comment-meta {
	display: block;
	position: absolute;
	top: 41px;
	right: 18px;
	color: #715a4e;
	font-size: 1.3em;
	text-align: center;
	width: 94px;
}

.comment .comment-meta .comment-edit-link { /*display: none;*/ }

.comment .mod { color: #c00; }

.comment p {
	background: url('images/post-bg.png') repeat-y;
	padding: 0px 15px!important;
	margin: 0!important;
}

#comment-block {
	position: relative;
	width: 537px;
	height: 212px;
	}

#comment-block #comment {
	background: url('images/text-area.png') no-repeat;
	width: 537px;
	height: 173px;
	padding: 10px;
	border: 0;
	overflow: auto;
}

#comment-block #submit, #fb-submit {
	background: url('images/comment-submit.png') no-repeat;
	width: 141px;
	height: 24px;
	border: 0;
	position: absolute;
	bottom: 0;
	right: 0;
}

#rss-email {
	background: url('images/rss-email.png') no-repeat;
	width: 270px;
	height: 40px;
	margin-bottom: 4px;
	position: relative;
	left: -2px;
	border-bottom: 1px solid #dfdfe0;
}

#rss-email .email {
	width: 208px;
	height: 14px;
	border: 1px solid #7f8083;
	position: absolute;
	top: 20px;
	left: 3px;
}

#rss-email .submit {
	width: 50px;
	height: 16px;
	border: 1px solid #7f8083;
	background: #7f8083;
	color: white;
	font-size: .8em;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 20px;
	right: 3px;
}

#social-links img {
	margin: 2px 0;
}

/*#social-links {
	width: 170px;
	height: 55px;
	position: relative;
	left: -2px;
}

#social-links .rss {
	position: absolute;
	top: 0;
	left: 0;
}

#social-links .twitter {
	position: absolute;
	top: 0;
	right: 0;
}

#social-links .facebook {
	position: absolute;
	bottom: 3px;
	left: 0;
}

#social-links .myspace {
	position: absolute;
	bottom: 3px;
	right: 0;
}*/

#search-form {
	width: 355px;
	height: 19px;
	position: relative;
	}

#search-input {
	background: url('images/searchbar.png') no-repeat;
	width: 290px;
	height: 19px;
	padding: 2px 8px 0 19px;
	color: white;
	font-size: 1.2em;
	border: 0;
	position: absolute;
	top: 0;
	left: 0;
}

#search-submit {
	background: url('images/searchsubmit.png') no-repeat;
	width: 32px;
	height: 19px;
	border: 0;
	position: absolute;
	top: 0;
	right: 0;
}

#twitter_update_header {
	margin: -15px 0 2px 0;
	font-size: 1.4em;
	position: relative;
	border-bottom: 1px solid #dfdfe0;
	}

#twitter_update_header img {
	position: absolute;
	bottom: -8px;
	right: 0;
	}

#twitter_update_list {
	list-style-type: none;
	padding: 0 0 15px;
	margin: 0;
	border: 0;
	text-align: left;
}

#twitter_update_list a {
	/*display: block;
	text-align: right;*/
}

#twitter_update_list li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	border: 0;
}

#home-gallery {
	background: url('images/home-gallery.png') no-repeat;
	width: 550px;
	height: 301px;
	margin-left: 2px;
	position: relative;
}

#home-gallery .slide {
	width: 550px;
	height: 231px;
	overflow: hidden;
}

#home-gallery .slide img {
	width: 550px;
	height: 231px;
}

#home-gallery #prev {
	position: absolute;
	bottom: 15px;
	left: 20px;
}

#home-gallery #next {
	position: absolute;
	bottom: 15px;
	right: 20px;
}

#home-gallery #nav {
	position: absolute;
	bottom: 10px;
	left: 48px;
	list-style: none!important;
	margin: 0!important;
	padding: 0!important;
}

#home-gallery #nav li {
	float: left;
	list-style: none!important;
	margin: 0!important;
	padding: 0 4px!important;
	/*padding: 0 22px!important;*/
}

#home-gallery #nav img {
	height: auto;
	width: 105px;
}

#twitterboard {
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0;
	margin: 0;
}

#twitterboard-widget {
	background: url('images/twitterboard-widget.png') no-repeat;
	width: 300px;
	height: 250px;
	position: fixed;
	top: 10px;
	left: 10px;
	z-index: 10;
}

#twitterboard-widget .home {
	display: block;
	width: 90px;
	height: 28px;
	position: absolute;
	top: 15px;
	left: 15px;
}

#twitterboard-widget .board {
	display: block;
	width: 158px;
	height: 28px;
	position: absolute;
	top: 15px;
	right: 28px;
}

#twitterboard-widget .close {
	display: block;
	width: 18px;
	height: 18px;
	position: absolute;
	top: 44px;
	right: 9px;
}

* { /* Resets padding and margins */
   padding:0;
   margin:0;
}

body {
	font-size: 62.5%; /* Resets 1em to 12px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #aab0ae url('images/bg.png') no-repeat top center;
	color: #333;
	text-align: justify;
}

#page {
	background: #ebf2eb;
	width: 850px;
	margin: 0 auto;
	padding-top: 5px;
	position: relative;
}

#header {
	background: url('images/header.png') no-repeat top right;
	color: #fff;
	width: 850px;
	margin: 10px auto 0;
	height: 101px;
}

#menu {
	position: absolute;
	top: -29px;
	left: 0;
	font-size: 1.4em;
	height: 29px;
	width: 850px;
	list-style-type: none;
	padding: 0;
	margin: 0;	
}

#menu li {
	float: left;
	margin: 0;
	width: 106px;
	height: 29px;
	text-align: center;
}

#menu a {
	display: block;
	width: 100%;
	height: 100%;
}

#menu #menu-home {
	background: url('images/menu-home.png') no-repeat top;
}

#menu #menu-home:hover, #menu #menu-home .selected {
	background: url('images/menu-home.png') no-repeat bottom;
}

#menu #menu-about {
	background: url('images/menu-about.png') no-repeat top;
	width: 107px;
}

#menu #menu-about:hover, #menu #menu-about .selected {
	background: url('images/menu-about.png') no-repeat bottom;
}

#menu #menu-style {
	background: url('images/menu-style.png') no-repeat top;
}

#menu #menu-style:hover, #menu #menu-style .selected {
	background: url('images/menu-style.png') no-repeat bottom;
}

#menu #menu-playlist {
	background: url('images/menu-playlist.png') no-repeat top;
}

#menu #menu-playlist:hover, #menu #menu-playlist .selected {
	background: url('images/menu-playlist.png') no-repeat bottom;
}

#menu #menu-videos {
	background: url('images/menu-videos.png') no-repeat top;
}

#menu #menu-videos:hover, #menu #menu-videos .selected {
	background: url('images/menu-videos.png') no-repeat bottom;
}

#menu #menu-candies {
	background: url('images/menu-candies.png') no-repeat top;
	width: 107px;
}

#menu #menu-candies:hover, #menu #menu-candies .selected {
	background: url('images/menu-candies.png') no-repeat bottom;
}

#menu #menu-board {
	background: url('images/menu-board.png') no-repeat top;
}

#menu #menu-board:hover, #menu #menu-board .selected {
	background: url('images/menu-board.png') no-repeat bottom;
}

#menu #menu-thehills {
	background: url('images/menu-thehills.png') no-repeat top;
}

#menu #menu-thehills:hover, #menu #menu-thehills .selected {
	background: url('images/menu-thehills.png') no-repeat bottom;
}

.post-header {
	background: url('images/post-header.png') no-repeat top;
	padding-top: 51px;
	margin-bottom: 10px;
	width: 557px;
	position: relative;
	}

.single {
	padding-bottom: 17px;
	}

.post-header .post {
	background: url('images/post-bg.png') repeat-y;
	padding: 0 15px;
	}

.post-header .post .post-title {
	position: absolute;
	top: 10px;
	left: 25px;
	text-transform: uppercase;
	font-size: 2em;
	color: #715a4e;
	}

.post-header .post .post-date {
	position: absolute;
	top: 23px;
	right: 18px;
	color: #715a4e;
	font-size: 1.3em;
	text-align: center;
	width: 94px;
	}

.post-header .post .post-more {
	position: absolute;
	bottom: 4px;
	right: 18px;
	display: block;
	height: 20px;
	width: 94px;
	}

.post .image-frame {
	width: 204px;
	height: 155px;
	float: left;
	padding-right: 8px;
	position: relative;
	overflow: hidden;
	}

.post .image-frame .frame {
	position: absolute;
	top: 1px;
	left: 0;
	z-index: 5;
	}

.post .image-frame .display-image {
	position: absolute;
	top: 4px;
	left: 6px;
	width: 192px;
	height: auto;
	}

.post-footer {
	background: url('images/post-footer.png') no-repeat bottom;
	padding-bottom: 35px;
	}

.post-footer-single {
	background: url('images/post-footer-single.png') no-repeat bottom;
	padding-bottom: 18px;
	}

.post .tags {
	position: relative;
	}

.entry {
	padding: 5px 0 0;
	position: relative;
	}

.entry p.text {
	position: relative;
	z-index: 20;
	}

.widecolumn {
	padding: 8px;
}

.narrowcolumn {
	width: 557px;
	padding: 10px 0 10px 6px;
	float: left;
}

#content ul li, #content ol li {
	margin-left: 2.5em;
}

#content ul li {
	list-style-image: url('images/bullet.png');
}

#sidebar {
	width: 278px;
	padding: 10px 8px 10px 0;
	float: right;
	list-style: none;
}

#sidebar .widget {
	margin: 0 0 20px;
	padding: 0;
	border-bottom: 2px solid #7f8083;
	font-weight: bold;
	color: #7f8083;
}

#sidebar .widget .widgettitle {
	text-transform: uppercase;
	font-size: 2em;
	border-top: 1px solid #7f8083;
	border-bottom: 2px solid #7f8083;
	padding: 0 6px;
}

#sidebar .widget .widgetbody {
	background: #fff;
	padding: 0px 6px;
}

#sidebar .widget li {
	/*list-style-image: url('images/bullet.png');
	margin-left: 2em;*/
	list-style-type: none;
	background: url('images/bullet.png') no-repeat 0 7px;
	padding: 2px 0 2px 10px;
	border-top: 1px solid #dfdfe0;
}

#footer {
	clear: both;
	background: url('images/footer.png') no-repeat;
	color: #7f8083;
	margin: 0 auto 10px;
	padding: 26px 10px 0;
	width: 830px;
	height: 50px;
}

#footer p {
	padding: 5px 0 4px 0;
	margin: 0;
}

#footer img {
	padding: 15px 0 0 0;
	margin: 0;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.8em;
}

h3 {
	font-size: 1.6em;
}

h4 {
	font-size: 1.4em;
}

h5 {
	font-size: 1.2em;
}

h6 {
	font-size: 1em;
}

.postmetadata {
	font-size: 1em;
	padding: 5px 0 10px 0;
	border-bottom: 1px dotted #999;
	color: #999;
}

p {
	font-size: 1.2em;
	padding-bottom: 8px;
}

small {
	font-size: .9em;
	color: #999;
}

a {
	color: #715a4e;
	text-decoration: none;
}

a:hover {
	color: #a04733;
}

img {
	border: 0;
}

fieldset {
	border: 1px dashed #bbb;
	padding: .5em;
	background: url('images/code-bg.png') repeat;
}

table {
	width: 100%;
	border: 1px dashed #bbb;
}

th {
	border: 1px dashed #bbb;
	border-bottom: 1px solid #999;
	padding: 2px;
}

td {
	border: 1px dashed #bbb;
	padding: 2px;
}

blockquote {
	margin: .5em 2.5em;
	padding: .5em;
	border: 1px dashed #bbb;
	background: url('images/blockquote-bg.png') repeat;
}

.blockquote-open {
	background: url('images/blockquote-open.png') no-repeat top left;
	padding: .5em 0 0 .5em;
	margin: 1em;
}

.blockquote-close {
	background: url('images/blockquote-close.png') no-repeat bottom right;
	padding: 0 .5em .5em 0
}

kbd, tt, code {
	font-size: 1.2em;
	overflow: auto;
}

code, .code {
	display: block;
	color: #090;
	margin: .5em 1.5em;
	padding: .5em;
	border: 1px dashed #090;
	background: url('images/code-bg.png') repeat;
}

pre {
	font-size: 1.4em;
	overflow: auto;
}

.code-open {
	background: url('images/code-open.png') no-repeat top left;
	padding: .5em 0 0 .5em;
	margin: 1.5em;
}

.code-close {
	background: url('images/code-close.png') no-repeat bottom right;
	padding: 0 .5em .5em 0
}

.avatar {
	/*float: right;
	margin-left: 5px;*/
}

.alignleft {
	float: left;
}

img.alignleft {
	padding: 0 6px 6px 0;
}

.alignright {
	float: right;
}


img.alignright {
	padding: 0 0 6px 6px;
}

.aligncenter {
	margin: 0 auto;
}


img.aligncenter {
	display: block;
	padding: 0 6px 6px;
}

.wp-caption {
	text-align: center;
	border: 1px dashed #bbb;
	padding: .5em;
	background: url('images/code-bg.png') repeat;
}

.clear {
	clear: both;
}

.sharethis {
	position: absolute;
	bottom: 4px;
	left: 10px;
}