/*copyright jivebay.com*/
/*
TYPOGRAPHY
http://modularscale.com/scale/?px1=15&px2=12&ra1=1.5&ra2=0
8, 10, 12, 15, 18, 22.5, 27, 33.75, 40.5, 50.625
*/
html, input, select, textarea, .entry ins:before, code:before, pre:before, blockquote:before, blockquote:after {
	font-family:Verdana, sans-serif;
}

html {
	/*background:#7c7c7c;*//*#15676B; #20989F;*/
	background:#1994da url(images/background.jpg) no-repeat center top fixed;
	font-size:100%;
}

#header, a#logo, blockquote:before, blockquote:after {
	font-size:51px;
}

h1, h2 {
	font-size:27px;
}

.entry h2 {
	font-size:18px;
}

#content, h3 {
	font-size:15px;
}

#header li, #sidebar, h4.bottom_comments_nav_title, .commentlist cite, .nocomments, .comment_num, .posts_nav, p.tags, input, select, textarea {
	font-size:12px;
}

#header h1, #header h2, small, .minor, .wp-caption p.wp-caption-text, .caption p, .commentmetadata {
	font-size:10px;
}

blockquote:before, blockquote:after {
	font-family:Georgia, 'Times New Roman', serif;
}

.commentlist cite {
	font-style:normal;
}

.commentlist li.bypostauthor cite {
	font-style:italic;
}

pre, .entry ins:before, code:before, pre:before, blockquote:before, blockquote:after, #searchsubmit, a, .commentlist cite, .nocomments {
	font-weight:bold;
}

#header h1, #header h2 {
	font-weight:normal;
}

acronym, abbr, span.caps {
	letter-spacing:.07em;
}

.widecolumn {
	line-height:1.6em;
}

small, .commentlist p {
	line-height:1.5em;
}

.narrowcolumn .entry, .widecolumn .entry, blockquote, #sidebar .r_comment {
	line-height:1.45em;
}

h1, h2 {
	line-height:1.2em;
}

.entry ins:before, code:before, pre:before, blockquote:before, blockquote:after {
	line-height:1em;
}

.widecolumn .smallattachment, .widecolumn .attachment, .center, .caption {
	text-align:center;
}

.navigation .alignleft {
	text-align:left;
}

.navigation .alignright, blockquote:after, .narrowcolumn .postmetadata, .commentmetadata {
	text-align:right;
}

a, a#logo:hover, .entry ins, #header li.selected a:hover {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

.commentlist li {
	text-overflow:ellipsis-word;/*not fully supported*/
}

a#logo {
	/*text-shadow:0 0 5px #fff;*/
}

a#logo:hover {
	/*text-shadow:none;*/
}

#sidebar h3 {
	text-shadow:0px 0px 5px #160D07;
}

#searchsubmit {
	text-transform:lowercase;
}

.commentlist p {
	text-transform:none;
}



/*CORE*/
body {
	margin:0 auto;
	padding:0;
	color:#160D07;
	/*background:#160D07 url(images/bg.jpg) no-repeat center top fixed;*/
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	overflow-x:hidden;
}

#searchform, #page, #sidebar h3, #sidebar ul, .tabbox {
	background:#6d6d6d;
	background:rgba(22, 13, 7, .5);
}

#searchform #s {
	background:#b9b9b9;
	background:rgba(255, 255, 255, .5);
}



/*DIVS*/
#header {
	height:2.5em;
	position:relative;
	width:896px;/*876*/
	margin:10px auto 0;
}

#page {
	clear:both;
	margin:auto;
	width:896px;/*856*/
}

#content {
	padding:10px 20px 20px;
}

#sidebar {
	float:right;
	width:336px;
	color:#b8ddd6;
	padding:10px 10px 10px 0;
}

#footer {
	clear:both;
	margin:10px auto;
}

.narrowcolumn, .widecolumn {
	float:left;
	width:500px;
	background:#fff;
}

.verywidecolumn {
	width:930px;
}

.post {
	margin:0 0 40px;
}

.post hr {
	display:block;
	color:#918e95;
	background:#918e95;
	height:2px;
	border:none;
}

.widecolumn .post {
	margin:0;
}

.widecolumn .postmetadata, .verywidecolumn .postmetadata {
	margin:0;
	width:478px;
}

.widecolumn .smallattachment {
	float:left;
	width:128px;
	margin:5px 5px 5px 0px;
}

.widecolumn .attachment {
	margin:5px 0px;
}

.postmetadata {
	clear:left;
}

.comments_nav {
	background:#eee;
	padding:10px;
}

.leave_comment {
	border-bottom:#eee 10px solid;
}

.posts_nav {
	background:#c5ede6;
	padding:10px;
}

.entry p {
	overflow:hidden;
}

small, .postmetadata, strike {
	color:#7c7980;
}

code, pre {
	border:1px #918e95 solid;
	display:block;
	overflow:auto;
	white-space:pre;
	color:#000;
}

code {
	background:#ddd;
}

pre {
	background:#eee;
}

.entry ins {
	display:block;
	background:#fff9d2;
	color:#555;
}

.entry ins:before {
	content:"Updated:";
}

#content .entry ins {
}

.entry ins, code, pre {
	padding:10px;
}

.entry ins:before, code:before, pre:before, blockquote:before, blockquote:after {
	display:block;
	cursor:default;
}

.entry ins:before, code:before, pre:before {
	color:#7c7980;
}

blockquote:before, blockquote:after {
	color:#B8DDD6;
}

code:before {
	content:"Code:";
}

pre:before {
	content:"Text:";
}

blockquote:before {
	content:open-quote;
}

blockquote:after {
	content:close-quote;
}

blockquote p {
	margin:10px;
}

acronym, abbr, span.caps {
	cursor:help;
}

acronym, abbr {
	border-bottom:1px dashed #918e95;
}



/*HEADINGS*/
#sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6 {
	color:#B8DDD6;
}

#header h1, #header h2 {
	margin:0;
	padding:0 0 0 20px;
	color:#fff;
	/*text-shadow:0 0px 10px #555, 0 0 5px #fff;*/
}

#header h1 {
	margin:10px 0 0;
}

h1 {
	margin:0 0 20px;
}

h2 {
	margin:0;
}

#sidebar h3 {
	margin:10px 0 0;
	padding:10px 10px 0;
}

h3 {
	margin:10px 0 0;
}

h3#comments {
	margin:10px 0;
}

h4.bottom_comments_nav_title {
	margin:10px 0;
	color:#777;
	padding-left:10px;
}

/*IMAGES*/
p img {
	padding:0;
	max-width:100%;
	height:auto !important;
}

img.centered {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

img.alignright {
	padding:4px;
	margin:0 0 2px 7px;
	display:inline;
}

img.alignleft {
	padding:4px;
	margin:0 7px 2px 0;
	display:inline;
}

.alignright {
	float:right;
}

.alignleft {
	float:left
}

/*LISTS*/
#sidebar ul, #sidebar ol, #sidebar li {
	margin-left:0;
	padding-left:0;
	list-style-position:inside !important;
}

.entry ul, .entry ol {
	margin:10px 0;
	padding:0;
}

.entry ul, .entry ol, .entry li {
	margin-left:10px;
	padding-left:10px;
}

ul li {
	list-style:disc;
}

li {
	padding-top:2px;
	padding-bottom:2px;
}

.entry li ul, .entry li ol {
	margin:6px 0;
}

.entry li, .entry li li, li li {
	margin-left:5px;
	padding-left:5px;
}

.postmetadata ul, .postmetadata li {
	display:inline;
	list-style:none inside none;
}

#header ul {
	position:absolute;
	left:0;
	bottom:0;
	margin:0;
	padding:0;
}

#header li {
	float:left;
	margin:0 0 0 10px;
	padding:0;
	list-style:none;
}

#header li.selected {
	background:#fff;
}

#header li a {
	padding:5px 10px;
	display:block;
	background:#eee;
}

#header li a:visited {
	color:#918e95;
}

#header li a:hover {
	background:#eee;
	color:#e79563;
	/*color:#20989F;*/
}

#header li.selected a:visited {
	color:#918e95;
}

#header li.selected a {
	background:#fff;
}

/*FORMS*/
#searchform {
	position:absolute;
	bottom:0;
	right:0;
	margin:0;
	padding:10px 10px 0;
	width:336px;
}

#searchform #s, #searchsubmit {border:none; padding:2px; margin:0;}

#searchform #s {
	width:250px;
	color:#fff;
	padding:3px 2px;
}

#searchform #s:hover {
	background:#ccc;
}

#searchform #s:focus {
	background:#333;
}

#commentform #author:hover, #commentform textarea:hover {
	background:#eee;
}

#commentform #author:focus, #commentform textarea:focus {
	background:#fff9d2;
}

#searchsubmit {
	width:82px;
	background:#fff;
}

#searchsubmit:hover {
	background:#fff9d2;
}

#searchsubmit:focus {
	background:#20989f;
	color:#fff;
}

select {
	width:130px;
}

#commentform {
	width:500px;
}

#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
	border:1px #ddd solid;
	border-top-color:#777;
	border-left-color:#777;
	background:#ddd;
	padding:2px;
}

#commentform input {
	width:170px;
	margin:0 5px 0 0;
}

#commentform textarea {
	width:494px;
}

#commentform #submit {
	margin:0;
	float:right;
	border:1px #ddd solid;
	border-bottom-color:#777;
	border-right-color:#777;
	background:#c0c0c0;
}

#commentform #submit:hover {
	border:1px #000 solid;
	background:#b8ddd6;
}

#commentform #submit:focus {
	border:1px #d8e2e1 solid;
	border-top-color:#333;
	border-left-color:#333;
	background:#20989f;
	color:#fff;
}

/*COMMENTS*/
ol.commentlist {
	margin-left:0;
	padding-left:0;
}

.comment_num {
	color:#555;
}

.commentlist li.bypostauthor .comment_num {
	color:#999;
}

.commentlist li {
	list-style:none;
	background:#c5ede6;
	margin:0 0 10px;
	padding:10px;
	overflow:hidden;
}

.commentlist li.alt {
	background:#ddd;
}

.commentlist li.bypostauthor {
	background:#555;
	color:#fff;
}

.commentlist li.extra {
}

span.says {
	display:none;
}

.commentlist p {
	margin:10px 0;
}

#commentform p {
	margin:10px 0;
}

.nocomments {
	margin:0;
	padding:0;
}

.commentmetadata {
	margin:0;
	display:block;
}

/*VARIOUS*/
hr {
	display:none;
}

.navigation, .pagebar {
	display:block;
	margin:10px 0;
}

.navigation div {
	width:45%;
}

.navigation, .pagebar {
	padding:10px;
}

.navigation {
	background:#6d6d6d;
	background:rgba(22, 13, 7, .5);
}

.pagebar {
	background:#d8e2e1;
}

.comments_nav strong {
	color:#777;
}

a#logo {
	margin:0 0 0 20px;
	padding:0;
	color:#fff;
}

a#logo:hover {
	color:#e79563;
	/*color:#fbd98f;*/
}

blockquote {
	margin:20px;
	padding:10px;
	border:1px solid #B8DDD6;
	color:#5f736f;
}

blockquote cite {
	margin:10px 0 0;
	display:block;
}

input, select, textarea {
	color:#000;
}

a {
	color:#20989f;
}

a:visited {
	color:#20989f;
}

a:hover {
	color:#e79563;
}

a img {
	border:1px #918e95 solid;
}

a:visited img {
	border:1px #999 solid;
}

.commentlist p a, .commentlist p a:visited {
	color:#135C60;
}

.commentlist .bypostauthor p a, .commentlist .bypostauthor p a:visited {
	color:#e79563;
}

.commentlist li a:hover {
	color:#160D07;
}

.bypostauthor .commentmetadata a, .bypostauthor .commentmetadata a:visited {
	color:#aaa;
}

.bypostauthor .commentmetadata a:hover {
	color:#e79563;
}

#sidebar a, .navigation a {
	color:#fff;
}

#sidebar a:hover {
	color:#fbd98f;
}

#sidebar .dim a {
}

a.more-link {
}

.minor {
	color:#918e95;
}

#sidebar ul, .tabbox {
	margin:0;
	padding:0 10px 10px;
}

#sidebar ul ul {
	background:transparent;
	padding:0 10px;
}

#sidebar p {
	margin:0 0 10px;
}

.tag_cloud {
}

.tabbox p {
	margin:0;
	padding:10px 0;
}

p.tags {
	color:#7c7980;
}

.navigation:after, #commentform:after, #page:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.special {
	margin:10px 0;
}

/*CAPTIONS*/
.aligncenter, div.aligncenter {
	display:block;
	margin:auto;
}

.wp-caption, .caption {
	color:#918e95;
}

.wp-caption {
	padding:0;
	margin:10px 0;/*wp makes div 10px bigger than image*/
}

.wp-caption img {
	margin:0;
	padding:0;
}

.wp-caption p.wp-caption-text, .caption p {
	margin:0;
	padding:0;
}

#sidebar .r_comment {margin:0 0 10px;}
#sidebar .r_comment strong, #sidebar .c_exerpt {color:#b8ddd6;}
#sidebar .r_comment strong {}
#sidebar .c_exerpt {}
#sidebar .c_exerpt .dquo {}
#sidebar .r_comment a {}

/*CSS3*/
#page, #sidebar ul, .tabbox {
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}

#page {
	border-top-left-radius:5px;
}

#header li, #header li a, #sidebar h3, #searchform {
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}

.entry ins, blockquote, .commentlist li, .navigation, .pagebar, .comments_nav, .posts_nav {
	border-radius:5px; border-radius:5px;
}

.commentlist li.extra {
	border-radius:0;
}



/*		Mobile Layout:320px and 480px and more but less than or equal to 767px.
----------------------------------------------------------------------------------
*/

@media only screen and (max-width:767px) {
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
	
	#header {height: 180px; padding:0 10px; width: 100%;}
	a#logo {margin: 0px; font-size:40px}
	#header h1, #header h2{margin:0; padding:8px 0}
	#searchform {position:relative;width:100%;padding:10px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
	#searchform #s {width:72%}
	#searchsubmit {width: 28%;}
	#page {margin: 0px;width: 100%;padding: 0px 10px; border-radius:0; background:none}
	.narrowcolumn, .widecolumn {width: 100%;}
	#content {padding:10px 10px 20px;overflow: hidden;}
	#content h2{ font-size:17px;padding-bottom: 5px;}
	#content h1{font-size:17px}
	.navigation div {width: 100%;}
	#sidebar {float: left;color: #B8DDD6; padding: 0px; width: 100%; overflow: hidden;}
	#header ul {left: 10px;}
	#commentform {width: 100%;}
	#commentform textarea {width: 100%;}
	.widecolumn .postmetadata{width:100%;}
	
}

/*		Wide Mobile Layout:480px.
------------------------------------------------------------
*/

@media only screen and (min-width:480px) and (max-width:767px) {
	
	
}

/*		Tablet/iPad Layout:768px.
-----------------------------------------------------------------
*/

@media only screen and (min-width:768px) and (max-width:991px) {
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
	
	#header {width: 100%; margin:10px 0 0;padding: 0 10px;}
	#page {width: 100%;padding: 0 10px; border-radius:0px}
	.narrowcolumn, .widecolumn {float: left;width: 58%;}
	#sidebar {width: 40%;overflow: hidden;}
	#searchform {width: 42.1%;}
	#searchform #s {width:72%}
	#searchsubmit {width: 28%;}
	#content {overflow: hidden;}
	#header ul {left: 21px;}
	a#logo{font-size: 45px;}
	#commentform {width: 100%;}
	#commentform textarea {width: 100%;}
	
	
}

/*		Tablet/iPad Layout:768px.
-----------------------------------------------------------------
*/

@media only screen and (min-width:992px) and (max-width:1024px) {
	
	
}

