/*
Theme Name: StatsChat
Description: Custom theme for StatsChat
Version: 1.0
Author: Stephen Merriman
Author URI: http://www.cre8d-design.com
*/

img, .wp-caption {max-width:100%;height:auto;}

.clear {
	clear: both;
	font-size: 0px;
	height:1%;
	line-height:0;
}
a img {
	border: none;
}
a:link, a:visited {
	text-decoration: none;
	color:#138bac;
}
a:hover, a:active {
	text-decoration: underline;
	color:#138bac;
}
.post .content a, .comment .comcontent a, .bio a, .post .author a {text-decoration:underline;}

p, ul, ol {margin-top:0;margin-bottom:1.4em;line-height:1.6em;}

body,html {min-width:310px;}

body,input,textarea,select {font-size:11px;font-family:Verdana,Arial,Helvetica,sans-serif;color:#3f3f38;}

#logo, h1,h2,h3,h4,h5,h6 {font-family:Georgia,"Times New Roman",Times,serif;letter-spacing:-0.04em;font-weight:normal;}

body {
	margin:0;
	background:#fff url(images/bg-header.gif) top left repeat-x;
	padding-top:56px;
}

.alignleft {float:left;display:inline;margin:0 12px 8px 0;}
.alignright {float:right;display:inline;margin:0 0 8px 12px;}
.aligncenter {display:block;margin:0 auto 8px auto;}

.container {min-width:300px;max-width:820px;margin:0 auto;padding:0 5px;}

#main {float:left;display:inline;width:500px;}
#sidebar {float:right;display:inline;width:220px;}

#logo {margin:0 0 18px 0;font-size:48px;font-weight:normal;word-spacing:-0.1em;}
#logo a {text-decoration:none;}
#logo a span {color:#3f3f38;}

#header {margin-bottom:45px;position:relative;}
#header .subscribe h3, #header .subscribe ul, #header .subscribe ul li {display:-moz-inline-box;display:inline-block;*display:inline;zoom:1;vertical-align:top;}
#header .subscribe {position:absolute;top:0;right:0;}
#header .subscribe h3 {font-size:18px;font-weight:normal;line-height:30px;margin:0;}
#header .subscribe ul {margin:0 0 0 25px;padding:0;list-style:none;}
#header .subscribe ul li {margin:0 0 0 5px;padding:0;}
#header .subscribe ul li a {text-indent:-9999px;display:block;width:30px;height:30px;outline:0;background-position:top-left;background-repeat:no-repeat;background-size:30px 30px;}
#header .subscribe ul li.email a {background-image:url(images/sub-email.png);}
#header .subscribe ul li.facebook a {background-image:url(images/sub-fb.png);}
#header .subscribe ul li.twitter a {background-image:url(images/sub-tw.png);}
#header .subscribe ul li.rss a {background-image:url(images/sub-rss.png);}
#header .tagline {line-height:1.6em;}

#sub-popup {position:absolute;top:36px;right:0;background:#d0e8ef;width:270px;padding:15px;display:none;}
#sub-popup h3 {font-size:18px;margin:0 0 15px 0;}
#sub-popup form {margin:0;}
#sub-popup form label {float:left;display:inline;width:85px;padding-top:5px;}
#sub-popup form span.clear {display:block;}
#sub-popup form span.input {width:185px;float:left;display:inline;}
#sub-popup form input.text {width:175px;border:none;background:#fff;padding:7px 5px;margin:0;}
#sub-popup form p.submit input {width:90px;height:28px;color:#fff;border:none;background:#138bad;-moz-border-radius:14px;border-radius:14px;padding:0;margin:0 0 0 85px;cursor:pointer;}
#sub-popup form p.submit input::-moz-focus-inner {padding:0;border:none;}
#sub-popup form p.submit input:hover{background:#45bcd2;}
#sub-popup form p.submit input:focus{background:#4bd1eb;}
#sub-popup form p {margin:0 0 15px 0;}
#sub-popup form p.submit {margin:0;}
#sub-popup .close {position:absolute;top:10px;right:10px;}
#sub-popup .close a {text-indent:-9999px;display:block;background:url(images/close.gif) top left no-repeat;width:11px;height:12px;outline:0;}

.post, .navigation {margin-bottom:65px;}
.comnav {margin-bottom:30px;}
.post .date {background:url(images/dots.gif) bottom left repeat-x;padding-bottom:10px;font-size:10px;margin-bottom:15px;}
.post .title {margin:0 0 3px 0;font-size:24px;}
.post .author {font-size:10px;}
.post .content {margin-top:15px;}
.post .content blockquote {margin:0 10px;background:url(images/vdots.gif) top left repeat-y;padding-left:20px;}
.post .addthis_toolbox {margin-bottom:15px;}

.post .content h3 {font-size:16px;margin:25px 0 10px 0;}
.post .content h4 {font-size:14px;margin:25px 0 10px 0;}

.browsing, .page .title {font-size:18px;margin:0 0 40px 0;}

.navigation .navleft {float:left;display:inline;width:45%;}
.navigation .navright {float:right;display:inline;width:45%;text-align:right;}

.bio {margin-bottom:20px;}
.bio-single {margin-bottom:40px;}
.bio .bio-image {float:left;display:inline;width:50px;padding:2px;border:1px solid #ccc;}
.bio .bio-image img {vertical-align:bottom;}
.bio .bio-right {margin-left:65px;font-size:10px;font-style:italic;line-height:1.6em;padding-top:3px;margin-bottom:-1.4em;}

.commentsection h3 {font-size:18px;background:url(images/dots.gif) top left repeat-x;padding-top:15px;margin:30px 0 20px 0;}

ul.commentlist {margin:0;padding:0;list-style:none;}
ul.commentlist li {margin:0;padding:0;height:1%;}
ul.commentlist li ul {margin:0 0 0 50px;padding:0;list-style:none;}

.comment {margin-bottom:20px;}
.comment .comment-avatar {float:left;display:inline;width:36px;border:1px solid #ccc;padding:1px;}
.comment .comment-right {margin-left:50px;}
.bypostauthor .comment-right {background:#d0e8ef;padding:8px;}
.comment .comauth {margin-bottom:3px;font-weight:bold;}
.comment .comcontent {margin-bottom:-1.4em;padding-bottom:1px;}
.comment a.comment-time {color:#999;text-decoration:none;}
.comment a.comment-time:hover, .comment a.comment-time:active {text-decoration:underline;}
.comment .comment-reply {font-style:italic;font-size:10px;}

#sidebar {margin-bottom:15px;padding-top:37px;}
#sidebar .section {margin-bottom:50px;}
#sidebar .section h3 {font-size:16px;margin:0 0 15px 0;}
#sidebar .section ul {margin:0;padding:0;list-style:none;}
#sidebar .section ul li {margin:0 0 6px 0;padding:0 0 7px 0;background:url(images/dots.gif) bottom left repeat-x;}

#sidebar .search form {margin:0;padding:0;width:100%;height:28px;position:relative;border:1px solid #ccc;-moz-border-radius:14px;border-radius:14px;overflow:hidden;}
#sidebar .search form div.text {height:28px;margin-right:32px;margin-left:}
#sidebar .search form input[type="text"] {margin:0;border:none;top:0;left:0;width:100%;padding:8px 5px 7px 12px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:28px;height:28px;}
#sidebar .search form input[type="submit"] {margin:0;position:absolute;top:5px;right:7px;background:url(images/search-btn.gif) top left no-repeat;width:18px;height:18px;border:none;text-indent:-9999px;font-size:0px;display:block;line-height:0;overflow:hidden;cursor:pointer;background-size:18px 18px;}

#footer {background:url(images/dots.gif) top left repeat-x;padding-top:15px;padding-bottom:20px;}
#footer .ftleft {line-height:1.6em;}
#footer .ftright {float:right;display:inline;text-align:right;}

#footer .ftmenu ul, #footer .ftright ul {margin:0;padding:0;list-style:none;}
#footer .ftmenu ul li {margin:0 15px 0 0;padding:0;float:left;display:inline;}
#footer .ftright ul li {display:-moz-inline-box;display:inline-block;*display:inline;zoom:1;margin:0 0 0 15px;}

#respond {line-height:1.6em;}

#commentform {width:370px;max-width:100%;}
.nomform #commentform {width:390px;}

#commentform {margin:0;padding:0;}
#commentform p {margin:0 0 20px 0;}
#commentform p label {width:80px;float:left;display:inline;padding-top:2px;font-size:11px;}
.nomform #commentform p label {width:100px;}
#commentform p span.input {display:block;margin-left:90px;}
.nomform #commentform p span.input {display:block;margin-left:110px;}
#commentform p span.clear {display:block;}
#commentform p span.input input, #commentform p span.input textarea {width:100%;border:1px solid #ccc;background:#fff;padding:4px 4px;font-size:11px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
#commentform p.wide {text-align:left;margin-left:90px;margin-top:20px;}
#commentform #submit {width:90px;height:28px;color:#fff;border:none;background:#138bad;-moz-border-radius:14px;border-radius:14px;padding:0;margin:0;cursor:pointer;}
.nomform #commentform #submit {margin-left:20px;}
#commentform #submit::-moz-focus-inner {padding:0;border:none;}
#commentform #submit:hover {background:#45bcd2;}
#commentform #submit:focus {background:#4bd1eb;}

.wp-caption-text {margin-top:2px;}

.bios {margin-bottom:30px;}

#text-5 {border: 10px solid #D0E8EF;
padding: 10px;
width: 200px;
-moz-border-radius: 8px;
border-radius: 8px;
background-color: #D0E8EF;}

#sidebar .widget_nominations {background:#d0e8ef;-moz-border-radius:8px;border-radius:8px;padding:20px;}
#sidebar .widget_nominations ul li {background:none;margin:0 0 5px 0;padding:0;}
#sidebar .widget_nominations ol {margin:0 0 20px 0;padding:0;list-style:none;}
#sidebar .widget_nominations ol li {margin:0 0 6px 0;padding:0 0 7px 0;background:url(/wp-content/themes/statschat/images/dots.gif) bottom left repeat-x;}

#commentform p.comment-subscription-form {margin-bottom:5px;margin-left:90px;}
.nomform #commentform p.comment-subscription-form {margin-left:110px;}
#commentform p.comment-subscription-form input {margin-left:0;}
#commentform p.comment-subscription-form label {float:none;width:auto;}

@media screen and (min-width:850px) {
	.container {width:820px;}
}
@media screen and (max-width:790px) and (min-width:591px) {
	#main {width:100%;margin-right:-260px;}
	#main-a {margin-right:260px;}
	#sidebar {float:left;display:inline;width:220px;padding-left:40px;}
}
@media screen and (max-width:590px) {
	#main {float:none;display:block;width:100%;margin:0 auto;}
	#sidebar {float:none;display:block;width:100%;margin:0 auto;padding-top:0;}
	#header .subscribe {position:static;top:auto;right:auto;margin-bottom:22px;}
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
	#header .subscribe ul li.email a {background-image:url(images/sub-email@2x.png);}
	#header .subscribe ul li.facebook a {background-image:url(images/sub-fb@2x.png);}
	#header .subscribe ul li.twitter a {background-image:url(images/sub-tw@2x.png);}
	#header .subscribe ul li.rss a {background-image:url(images/sub-rss@2x.png);}
	#sidebar .search form input[type="submit"] {background-image:url(images/search-btn@2x.png);}	
}