/*
Theme Name: Mosaic Tutoring
Theme URI: http://www.mosaictutoring.com
Description: Custom theme for Mosaic Tutoring
Author: Hip Web Design
Author URI: http://www.makeyouhip.com/
*/

/*###############################################
GLOBAL
###############################################*/

body {
	background: #ffffff url('images/header-bg.jpg');
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #3b3b3b;
	line-height: 1.5em;
	padding: 0;
	margin: 0;
}

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

a:hover {
	color: #8f041b;	
}

.clear {
	clear: both;
}

a img {
	border: 0;
}

h2 {
	font-size: 16pt;
	color: #c41230;
	margin: 0;
	padding: 0;
}

h2.blog_entry_title {
	font-size: 20pt;
	color: #000;
	margin-bottom: 10px;
}

h3 {
	font-size: 14pt;
	color: #c41230;
	margin: 0;
	padding: 0;
}

h3.blog_title {
	margin: 10px 0 5px 0;
	font-size: 20pt;	
}

h3.blog_title:first-child {
	margin-top: 0;
}

h3.comments {
	margin: 20px 0;
	color: #000;
	font-size: 16pt;	
}

/*###############################################
HEADER
###############################################*/

#header {
	width: 100%;
	margin: 0;
	padding: 0;
	background: url('images/header-bg.jpg');
}

#header-top {
	width: 100%;
	height: 32px;
	margin: 0;
	padding: 0;
	background: url('images/nav-bg.jpg') repeat-x;
	border-bottom: 1px #cecece solid;
}

#header-content {
	position: relative;
	width: 910px;
	margin: 0 auto;
	padding: 20px 0px;
}

#logo {
	width: 411px;
	height: 133px;
	float: left;
}

#tagline {
	position: absolute;
	bottom: 25px;
	right: 0;
	text-align: right;
	display: table-cell;
}

.big-red {
	font-size: 26pt;
	font-style: italic;
	color: #e51937;
	display: block;
	vertical-align: bottom;
	margin-bottom: 10px;
}

.tagline {
	font-size: 14pt;
	font-style: italic;
	color: #313131;
	display: block;
	vertical-align: bottom;
}

#nav {
	width: 100%;
	margin: 0;
	padding: 0;
	background: #d0d0d0 url('images/nav-bg.jpg') repeat-x;
	border-top: 1px #cecece solid;
}

#nav-content {
	width: 910px;
	margin: 0 auto;
	padding: 0;
}

#nav-content ul {
	margin: 0 auto;
	padding: 0;
	display: table;
}

#nav-content ul li {
	display: inline-block;
	padding: 0;
	margin: 0;
}

#nav-content ul li a {
	display: inline-block;
	padding: 10px 12px;
	margin: 0;
	color: #626262;
	text-transform: uppercase;
	font-size: 9pt;
}

#nav-content ul li a:hover {
	color: #e51937;
}

#nav-content ul li.current-menu-item a {
	background: #ffffff;
	-moz-border-radius: 15px 15px 0 0;
	-webkit-border-radius: 15px 15px 0 0;
	color: #000000;
}

/*###############################################
PAGE
###############################################*/

#page {
	background: #ffffff;
	width: 100%;
	margin: 0;
	padding: 30px 0px;
}

#content {
	width: 910px;
	margin: 0 auto;
	padding: 0;
}

.entry {
	position: relative;
	width: 850px;
	margin: 0;
	padding: 0;
}

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

#panel-group {
	margin-bottom: 20px;
}

.panel {
	position: relative;
	display: inline-block;
	width: 284px;
	height: 457px;
}

.panel-post {
	position: absolute;
	top: 245px;
	text-align: center;
	padding: 0 15px;
	font-size: 9pt;
}

#panel-1 {
	background: url('images/panel-1.jpg') no-repeat;
}

#panel-2 {
	background: url('images/panel-2.jpg') no-repeat;
	margin: 0 24px;
}

#panel-3 {
	background: url('images/panel-3.jpg') no-repeat;
}

.learn-more-btn {
	position: absolute;
	width: 228px;
	height: 45px;
	bottom: 15px;
	left: 27px;
}

.learn-more-btn:hover {
	cursor: pointer;
}

#main-panel {
	margin: 0;
}

.main-panel-content {
	width: 850px;
	margin: 0 auto;
	padding: 20px 30px;
	border: 1px #d2d2d2 solid;
	background: #ececec;
	border-radius: 25px;
	-moz-border-radius: 25px; 
    -webkit-border-radius: 25px;
}

.archive_post {
	margin-bottom: 50px;
}

.navigation {
	position: relative;
	overflow: auto;
}

.navigation div {
	display: inline-block;
	padding: 5px 10px;
	font-size: 8pt !important;
	background: #fff;
	border: 1px #c6c6c6 solid;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.pagination {
	text-align: center;
	font-size: 12pt;
}

.prevnav {
	margin-right: 10px;
}

.entry table.postmeta_table {
	width: 850px;
	font-size: 9pt;
}

.right_column {
	text-align: right;
	vertical-align: middle;
}

.left_column {
	text-align: left;
}

.addthis_toolbox {
	margin: 15px 0;
}

.postmetadata {
	font-size: 12pt;
}

.comment_count {
	display: inline-block;
	padding: 5px 10px;
	font-size: 10pt !important;
	background: #fff;
	border: 1px #c6c6c6 solid;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.tags {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.postmeta_table:hover .tags {
	opacity: 1;
	filter: alpha(opacity=100);
}

/*###############################################
FOOTER
###############################################*/

#footer {
	width: 100%;
	margin: 0;
	padding: 0;
}

#footer-content {
	width: 910px;
	margin: 0 auto;
	padding: 20px 0;
	text-align: center;
	font-size: 9pt;
}

#footer-content a {
	color: #3b3b3b;
}

#footer-content a:hover {
	color: #8f041b;
}

#footer-top {
	width: 100%;
	height: 32px;
	margin: 0;
	padding: 0;
	background: url('images/nav-bg.jpg') repeat-x;
	border: 1px #cecece solid;
	border-left: 0;
	border-right: 0;
}

#footer-content ul {
	margin: 0;
	padding: 0;
	overflow: auto;
	text-align: center;
}

#footer-content ul li {
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
}

#footer-content ul li a {
	margin: 0;
	padding: 0 5px;
	border-right: 1px #000 solid;
}

#footer-content ul li:last-child a {
	border-right: 0;
}

/*################################################################
COMMENTS
################################################################*/

#comments {
	padding: 15px;
	background: transparent url('images/transparent-2.png');
}

input, textarea {
	padding: 6px 8px;
	color: #000;
	font-size: 12pt;
	background: #fff;
	border: 1px #dddddd solid;
	border-radius: 4px;
	-moz-border-radius: 4px; 
    -webkit-border-radius: 4px;
}

input:focus, textarea:focus {
	border-color: #2c2c2c;	
}

textarea {
	width: 98%;
}

input#submit {
	padding: 10px 15px;
	color: #000;
	border: 0;
	border-radius: 10px;
	-moz-border-radius: 10px; 
    -webkit-border-radius: 10px;
}

input#submit:hover {
	cursor: pointer;
	background: #dddddd;
}

ul.commentlist {
	width: 850px;
	margin: 20px 0 10px 0;
	padding: 0;
}

ul.commentlist li {
	font-size: 9pt;
}

li.comment {
	position: relative;
	list-style: none;
	margin: 0 0 5px 0;
	padding: 15px;
	background: #f6f6f6;
	border: 1px #dddddd solid;
	border-radius: 5px;
	-moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
}

.user-comment {
	display: inline-block;
	width: 420px;
	vertical-align: top;
}

ul.commentlist li ul {
	margin: 0;
	padding: 0;
}

ul.commentlist li li {
	margin: 10px 0 0 0;
	padding: 15px;
	background: #dfdfdf;
	border: 1px #c5c5c5 solid;
	border: 0;
	border-radius: 5px;
	-moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
}

ul.commentlist li li .user-comment {
	width: 400px;	
}

ul.commentlist li li li {
	border: 0;
	background: #cccccc;
	border: 1px #b1b1b1 solid;
}

ul.commentlist li li li .user-comment {
	width: 370px;	
}

ul.pop_commentlist {
	margin: 0;
	padding: 0;
}

.single_pop_comment {
	position: relative;
	list-style: none;
	display: block;
	margin: 0;
	padding: 10px;
	background: transparent url('images/transparent-2.png');
}

.user-avatar {
	display: inline-block;
	width: 75px;
	margin-right: 15px;
	padding: 5px;
	background: #dddddd;
	vertical-align: top;
}

.popular_comment ul.commentlist li .user-comment {
	display: inline-block;
	width: 420px;
	vertical-align: top;
}

.user-name {
	font-size: 14pt;
}

.comment-reply-link {
	display: block;
	margin: 5px 0 0 0;
	padding: 3px;
	text-align: center;
	background: #000;
}

.comment_rating {
	position: absolute;
	top: 0px;
	right: 20px;
	display: block;
	text-align: right;
	width: 150px;
}

a.comment-reply-link {
	margin-top: 0;
	color: #fff;
	background: #b9b9b9;
}

/*###############################################
FORMS
###############################################*/

#contact-form {
	position: relative;
	width: 700px;
	margin: 0 auto;
}

#contact-form table {
	width: 100%;
}

#contact-form input {
	width: 185px;
}

.comment-box {
	width: 95%;
}

.submit {
	width: 250px;
	text-align: center;
}

.submit:hover {
	cursor: pointer;
}

/*###############################################
IMAGES
###############################################*/

.alignright {
	float: right;
	margin: 0 0 15px 15px;
}

.alignleft {
	float: left;
	margin: 0 15px 15px 0;
}

.centeralign {
	margin: 0 auto;
	text-align: center;
	margin-bottom: 15px;
}

.icon {
	vertical-align: middle;
}