/*   

Theme Name: Brennan McEachran

Theme URI: http://www.brennanmceachran.com

Description: Not done yet, but meh

Author: Brennan McEachran

Author URI: http://www.brennanmceachran.com

Template: 

Version: 0.99

.

Do whatever you want with it. It's the internet.

.

*/



*{

	margin:0px;

	padding:0px;

}

body {

	font-size:13px;

}

#wrapper{

	width:1024px;

	margin:0 auto;

	border:0px solid #ffffff;

}

#header {

	width:1024px;

}

#face {

	width:249px;

	height:351px;

	background: url('images/face.png') no-repeat;

}

.face-clear-image {

	border:0px;

	width:249px;

	height:351px;

}

#right-of-face {

	width:775px;

}

#top-logo{

	width:724px;

	height:65px;

	margin:30px 0 40px 20px;

	clear:both;

}

#top-logo a img{border:0px}

#bubble {

	width:720px;

	height:200px;

	padding:0px;

	background-color:#ffffff;

}

#nav {

	width:41px;

	height:200px;

	padding:0px;

}

#bottom-shadow1 {

	width:720px;

	height:15px;

	background:url('images/bottom-shadow.png');

}

#top-shadow {

	width:1024px;

	

	background:url('images/top-shadow.png');

	background-position:bottom left;

	background-repeat:no-repeat;

	border:0px solid #ffffff;

}

#bottom-shadow {

	width:1024px;

	height:15px;

	background:url('images/bottom-shadow.png');

	border:0px solid #ffffff;

}

#content {

	width:1024px;

	background:url('images/bg.png');

	border:0px solid #ffffff;

}

#message {

	width:1024px;

	background-color:#cc0000;

	border:0px solid #ffffff;

	display:none;

}

#top-title {

	width:720px;

	text-align:center;

}

#main {

	float:left;

	width:727px;

	padding:0px 10px 10px 10px;

	border:0px solid #000000;

}

#sidebar {

	float:right;

	width:257px;

	padding:0px 10px 0px 10px;

	border:0px solid #000000;

	font-size:14px;

}

h2.sidebar-title {

	font-size:18px;

	font-weight:300;

	margin:0px -10px 0px -9px;

	padding:5px;

	border-bottom:1px solid #cccccc;

}

#footer {

	text-align:center;

}

.page-title {

	font-size:35px;

	padding: 10px 0 10px 0;

	font-family:Georgia, Times, Times New Roman, serif;

}



/* NAV */

ul.side-lists {

	list-style:none;

	margin:0px 0 5px 0;

}

ul.side-lists li{

	padding:3px;

}

#tabbed-navigation {

	margin:10px 0 0 0;

}

#tweet {

	width:700px;

	height:30px;

	overflow:hidden;

	vertical-align:middle;

}

#tweeting-bird {

	float:left;

	border:0px;

}

#tweeting-tweet {

	vertical-align:middle;

	margin:0px;

	padding: 0;



}

.the-tweet-text {

	vertical-align:middle;

	filter:alpha(opacity=50);

	opacity: 0.5;

	-moz-opacity:0.5;

	margin-left:43px;

}

.tabbed-buttons {

	float:left;

	padding:10px 20px 10px 20px;

	margin:0 5px 0 0;

	color:#ffffff;

}



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

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

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

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



#home a:hover{text-decoration:underline;}

#about a:hover{text-decoration:underline;}

#contact a:hover{text-decoration:underline;}

#other a:hover{text-decoration:underline;}



#home-active, #home-active a:link, #home-active a:visited {background-color:#ffffff;color:#000000;text-decoration:none;}

#about-active, #about-active a:link, #about-active a:visited {background-color:#ffffff;color:#000000;text-decoration:none;}

#contact-active, #contact-active a:link, #contact-active a:visited {background-color:#ffffff;color:#000000;text-decoration:none;}

#other-active, #other-active a:link, #other-active a:visited {background-color:#ffffff;color:#000000;text-decoration:none;}



.buttons{

	background-image:url('images/buttons.png');

	width:41px;

	height:41px;

	margin:0 0 12px auto;

}

.clear-button {

	border:0;

	width:41px;

	height:41px;

}

#button-home{background-position: -1px 0px;}

#button-about{background-position: -1px -42px;}

#button-contact{background-position: -1px -84px;}

#button-other{background-position: -1px -126px;

}

#button-home:hover{background-position: -42px 0px;}

#button-about:hover{background-position: -42px -42px;}

#button-contact:hover{background-position: -42px -84px;}

#button-other:hover{background-position: -42px -126px;}

/* Post Specific */

.first-post {

	padding:0px 0 10px 10px;

	margin:10px -10px 3px -10px;

	border-bottom:1px solid #cccccc;

	background-color:#ffffff;

}

.post {

	padding:10px 0 10px 10px;

	margin:0px -10px 3px -10px;

	border-bottom:1px solid #cccccc;

	border-top:1px solid #cccccc;

	background-color:#ffffff;

}

.post-title-width {

	width:460px;

	max-width:460px;

}

.post-aside {

	padding:10px 0 10px 10px;

	margin:0 -10px 3px -10px;

	border-bottom:1px solid #cccccc;

	border-top:1px solid #cccccc;

	background-color:#f4f4f4;

}

.aside-image {

	width:20px;

	height:20px;

	padding:3px;

	border:1px solid #cccccc;

}

.aside-image:hover {

	width:20px;

	height:20px;

	padding:3px;

	border:1px solid #000000;

}

.post-image {

	width:150px;

	height:150px;

	padding:5px;

	border:1px solid #cccccc;

}

.post-image:hover {

	width:150px;

	height:150px;

	padding:5px;

	border:1px solid #000000;

}

.post-excerpt {

	float:left;

	padding:0 0px 0 10px;

	width:545px;

}

.post-excerpt-aside {

	float:left;

	padding:0 0px 0 10px;

	width:680px;

}

.aside-under {

	float:right;

	color:#cccccc;

	padding:8px 0 0 0;

}

.aside-under  a{

	color:#cccccc;

}

.aside-under a:hover{

	color:#333333;

}

.the-read-more-link {

	margin:0px 0 0 0;

	padding:5px;

	color:#ffffff;

	text-decoration:none;

}

.post-content {

	padding:10px 20px 10px 10px;

	line-height: 140%;

	font-size:15px;

	font-family:Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;

}

.posty-posty {

	font-size:15px;

	line-height: 140%;

	font-family:Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;

}

.post-content h1 {

	font-family:Georgia, Times, Times New Roman, serif;

	line-height:130%

}

.post-content h2, .post-content h3, .post-content h4, .post-content h5 {

	margin: 15px 0 5px 0;

	font-family:Georgia, Times, Times New Roman, serif;

}

.posty-posty h2, .posty-posty h3, .posty-posty h4, .posty-posty h5 {

	margin: 15px 0 5px 0;

	font-family:Georgia, Times, Times New Roman, serif;

}

.post-date{

	float:left;

	margin:0 0 0 -64px;

	padding:8px 0 0 0px;

	width:54px;

	height:83px;

	text-align:center;

	background:url('images/date-bg.png') no-repeat;

	overflow:hidden;

}

.date-number{

	font-size:26px;

	margin:-4px 0 -5px 0;

}

.date-month{

	font-size:14px;

}

.comment-count {

	color:#ffffff;

	font-size:14px;

	margin:3px 0 0px 0px;

}

.the-meta {

	margin:10px -10px 10px -10px;

	padding:5px 10px 5px 10px;

	width:727px;

	color:#cccccc;

	background-color:#f4f4f4;

	border-top:1px solid #cccccc;

	border-bottom:1px solid #cccccc;

}

.the-meta a{

	color:#cccccc;

}

.the-meta a:hover{

	color:#333333;

}

.post-cat {

	width:150px;

	float:left;

	padding:5px;

}

.post-tags {

	width:250px;

	float:left;

	padding:5px;

	margin:0 10px 0 10px;

}

.post-sociable {

	width:250px;

	float:left;

	padding:5px;

}

.pagenavigation {

	width:720px;

	text-align:center;

	margin:20px auto 10px auto;

}

/* Comments */







.the-comment {



	padding:10px 0 10px 0;



}

.comment-author{

	float:left;

	margin:0 0 0 -64px;

	padding:8px 0 0 0px;

	width:54px;

	height:83px;

	text-align:center;

	background:url('images/author-bg.png') no-repeat;

}

.comment-avatar-square {



	float:left;



	background-color:#000000;



	padding:5px;



	margin: 0 15px 0px 0;



}



.comment-author-name {



	font-size:22px;



	padding:0px 0 0px 0;



}



	.comment-author-name a:link, .comment-author-name a:visited {



		color:#000000;



		text-decoration:none;



	}



	.comment-author-name a:hover {



		color:#333333;



		text-decoration:none;



	}





.comment-avatar {



	width:100px;



	height:100px;



	border:0px;



	overflow:hidden;



}



.comment-avatar img {



	height:100px;



	border:0px;



	padding: 0 0 0px 0;



}



.comment-message {



	float:left;



	font-size:12px;



	width:580px;



}



.even {



	



}



.odd {



	background-color:#f4f4f4;



}



.comment_text{



	padding:0 15px 0 15px;



}



.the-author-has-spoken {



background-color:#eac06d;



margin:0 30px 0 -10px;



padding:10px 0px 10px 12px;



width:655px;



border-top:1px solid #c8a45d;



border-bottom:1px solid #c8a45d;



border-left:0px solid #000000;



border-right:0px solid #000000;



}



/* Global */

p {

	margin:10px 0 5px 0;

}

blockquote {

	margin:10px 0px 10px 40px;

	padding: 20px;

	background-color:#f4f4f4;

	border-top:3px solid #cccccc;

	border-bottom:3px solid #cccccc;

}

a {

	color:#000000;

}

a:hover {

	color:#666666;

}

hr {

	width:50%;

	border:none 0;

	border-top:1px solid #cccccc;

	height:1px;

	margin:5px auto 5px auto;

}

ul, ol {

	margin: 3px 3px 3px 25px;

}

.clear{clear:both;}

.floatleft{float:left;}

.floatright{float:right;}

.p10 {padding:10px;}

.padding-for-readmore{padding:10px 0 0 0;}

.alignleft,

img.alignleft {

	display: inline;

	float: left;

  margin-right: 1.5em;

}

.alignright,

img.alignright {

	display: inline;

	float: right;

  margin-left: 1.5em;

}

.aligncenter,

img.aligncenter {

	clear: both;

	display: block;

	margin-left: auto;

	margin-right: auto;

}

.wp-caption {

	text-align: center;

	margin-bottom: 1.5em;

	background-color:#f4f4f4;

	border: 1px solid #cccccc;

}

.wp-caption img {

	border: 0 none;

	margin: 0;

	padding: 5px 0 0 0;

}

.wp-caption p.wp-caption-text {

	margin: 0;

	font-size:10px;

	color:#aaaaaa;

}

.wp-smiley { 

	max-height: 1em;

	margin:0 !important;

}

.gallery dl {

	margin: 0;

}

.gallery-caption {

	margin:-1.5em 0 0 0;

}

.middle {

	vertical-align:middle;

}









/* Sociable */

div.sociable { margin: 0px 0; }



span.sociable_tagline { position: relative; }

span.sociable_tagline span { display: none; width: 14em; }

span.sociable_tagline:hover span {

	position: absolute;

	display: block;

	top: -5em;

	background: #ffe;

	border: 1px solid #ccc;

	color: black;

	line-height: 1.25em;

}

.sociable span {

	display: block;

}

.sociable ul {

	display: inline;

	margin: 0 !important;

	padding: 0 !important;

}

.sociable ul li {

	background: none;

	display: inline !important;

	list-style-type: none;

	margin: 0;

	padding: 1px;

}

.sociable ul li:before { content: ""; }

.sociable img {

	float: none;

	width: 16px;

	height: 16px;

	border: 0;

	margin: 0;

	padding: 0;

}



.sociable-hovers {

	opacity: .4;

	-moz-opacity: .4;

	filter: alpha(opacity=40);

}

.sociable-hovers:hover {

	opacity: 1;

	-moz-opacity: 1;

	filter: alpha(opacity=100);

}



/* PAGENAVI */

.wp-pagenavi a, .wp-pagenavi a:link {

	padding: 2px 4px 2px 4px; 

	margin: 2px;

	text-decoration: none;

	border: 1px solid #cccccc;

	color: #cccccc;

	background-color: #FFFFFF;	

}

.wp-pagenavi a:visited {

	padding: 2px 4px 2px 4px; 

	margin: 2px;

	text-decoration: none;

	border: 1px solid #cccccc;

	color: #cccccc;

	background-color: #FFFFFF;	

}

.wp-pagenavi a:hover {	

	border: 1px solid #000000;

	color: #000000;

	background-color: #FFFFFF;

}

.wp-pagenavi a:active {

	padding: 2px 4px 2px 4px; 

	margin: 2px;

	text-decoration: none;

	border: 1px solid #cccccc;

	color: #cccccc;

	background-color: #FFFFFF;	

}

.wp-pagenavi span.pages {

	padding: 2px 4px 2px 4px; 

	margin: 2px 2px 2px 2px;

	color: #000000;

	border: 1px solid #000000;

	background-color: #FFFFFF;

}

.wp-pagenavi span.current {

	padding: 2px 4px 2px 4px; 

	margin: 2px;

	font-weight: bold;

	border: 1px solid #000000;

	color: #000000;

	background-color: #FFFFFF;

}

.wp-pagenavi span.extend {

	padding: 2px 4px 2px 4px; 

	margin: 2px;	

	border: 1px solid #000000;

	color: #000000;

	background-color: #FFFFFF;

}