/*  
Theme Name: MVBLUE
Theme URI: http://www.mattvarone.com
Description: Matt Varone : Creative Developer
Version: 1.1
Author: Matt
Author URI: http://www.mattvarone.com
*/

/* RESET /////////////////////////////*/

html, body, div, span,object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strike, strong, sub, sup, tt, var, b, i, dl, dt, dd, ol, ul, li, fieldset, 
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
} 
body		  { line-height: 1 }
ol, ul		  { list-style: none }
blockquote, q { quotes: none; font-style:italic; color:#ceeced }
:focus        { outline: 0 }
ins			  { text-decoration: none }
del			  { text-decoration: line-through }
table		  { border-collapse: collapse; border-spacing: 0 }
textarea      { overflow:auto }
p 			  { margin-bottom: 1.5em }
img, a img 		  { border: 0 }
small		  { font-size:0.9em }

/* GENERAL SETUP /////////////////////////////*/

body { 
	font: 62.5%/1.5 "Lucida Grande", Verdana, sans-serif;
	background:#ceeced url(images/bg.jpg) repeat-x;
	color:#324555;
}

a:link, a:active, a:visited { 
	color:#324555;
	outline:none;
	text-decoration:none;
}

a:hover, a:focus {
	color:#324555;
	text-decoration:underline;
}

span.alternative {
  font-family: 'Baskerville', 'Palatino', 'Book Antiqua', serif;
  font-style: italic;
}

/* LAYOUT /////////////////////////////*/

#container {
	width:960px;
	margin:0 auto;
}

#header {
	height:169px;
	overflow:auto;
	display:block;
	background:url(images/bg-header.jpg) no-repeat right bottom;
}

#header a:hover {
	color:#fbf6a2;
}

/* NAVIGATION /////////////////////////////*/

#navigation {
	float:left;
}

#navigation li {
	line-height:26px;
	display:inline;
}

#navigation a:link, #navigation a:visited {
	font-size:1.2em;
	color:white;
	text-transform:uppercase;
	line-height:26px;
	padding:0 10px 0 15px;
	background:url(images/small-sprites.png) no-repeat -10px -15px;
	text-shadow:#000 0 1px;
}

#navigation li#first a{
	background:none;
	padding-left:0;

}

#navigation a:hover {
	text-decoration:none;
	color:#fbf5a1;
}

/* RSS /////////////////////////////*/

#rss {
	float:right;
}

#rss a, #rss a:visited {
	color:white;
	line-height:26px;
	font-size:10px;
	background:url(images/small-sprites.png) no-repeat -10px -55px;
	padding-left:15px;
	text-shadow:#000 0 1px;
}

#rss a:hover {
	text-decoration:none;
}

/* LOGO /////////////////////////////*/

h1 { 
	float:left;
	clear:both;
	width:412px; 
	height:97px; 
	background:url(images/h1.jpg) no-repeat left bottom; 
	display:block;
}

h1 a { 
	display:block; 
	text-indent:-9999em;
	width:412px; 
	height:97px;
}

/* LEFT /////////////////////////////*/

#content-left {
	width:650px;
	float:left;
	background-color:white;
	border:4px solid #166d84;
	border-style: solid none solid none;
}

/* POST /////////////////////////////*/

.post {
	padding:10px;
	clear:both;
	width:90%;
	margin:0 auto;
}

.post p, .post li {
	line-height:1.8em;
}

.entry {
	font-size:1.2em;
	text-align:justify;
}

.entry a {
	text-decoration:underline;
}

.post h2 {
	font-size:2.6em;
}

.adsense {
	text-align:center;
	height:25px;
	margin:5px auto;
	font-size:12px;
}


.post h2 a, .post h2 {
	color:#335f73;
	font-family: 'Myriad Pro', Helvetica, "Lucida Grande", Arial, sans-serif;
	font-weight:bold;
	line-height:1em;
	margin-bottom:20px;
	margin-top:5px;
}

.post h3 {
	margin:30px 0 15px 0;
	text-transform:uppercase;
	text-align:center;
	padding-bottom:5px;
	border-bottom:1px solid #eaf0f4;
	font-family: 'Myriad Pro', "Lucida Grande", Arial, sans-serif;
	font-size:1.2em;
	letter-spacing: 1px;
	display:block;
}

.entry h4 {
	margin:10px 0;
	font-weight:normal;
	padding-left:20px;
	background:url(images/leaf.jpg) no-repeat left 3px; 	
}

h4.related {
	margin:10px 0;
	text-transform:uppercase;
}

.meta {
	clear: both;
	padding: 10px;
	background: #fff url(images/bg-meta.gif) repeat-x left top;
	color: #5e5e5e;
	line-height:20px;
}

.meta-date {
	padding: 5px 10px 5px 20px;
	background:url(images/small-sprites.png) no-repeat -10px -82px;
	line-height:20px;
}

.meta-categories {
	padding: 5px 10px 5px 20px;
	background:url(images/small-sprites.png) no-repeat -10px -117px;
	line-height:20px;
}

.meta-comments {
	padding: 5px 10px 5px 20px;
	background:url(images/small-sprites.png) no-repeat -10px -152px;
	line-height:20px;
}

p.tags {
	clear: both;
	color:#8abdcd;
	text-transform:uppercase;
	margin:10px 0;
	display:block;
}

p.tags a {
	color:#8abdcd;
	text-transform:uppercase;
}

.post-box, .post-info, .post-donation{
	width:90%;
	line-height:2em;
	background:#eaf0f4 url(images/bg-pb.jpg) repeat-x left bottom;
	font-size:1em;
	margin:0 auto 1.5em auto;
	line-height:30px;
	clear:both;
	border:1px solid #d2e1ed;
	display:block;
}

.post-donation {
	background-color: #f7fafd; border: 2px solid #b5d3ff; color:#545454;
}

.post-donation {
	font-size:1.1em;
}

.post-donation a {
	text-decoration:underline;
	font-weight:bold;
}

.post-box small, .post-info small, .post-donation {
	padding-left:15px;
	text-shadow:#fafafa 0 1px;
}

.post p small em, .example {
	font-style:italic;
	color:#666;
}

.post ol.normal {
	list-style-type: decimal;
	margin-left:20px;
	margin-bottom:10px;
}

.post ol.normal li {
	margin-left:20px;
}

.related {
	font-size:1.3em;
	padding-left:20px;
	background:url(images/leaf.jpg) no-repeat left 3px;
}

.st-related-posts li{
	font-size:1.1em;
	margin:0.5em 0 0.5em 0;
	padding-left:20px;
	background: url(images/bg-related.jpg) no-repeat left center;
}

.st-related-posts {
	margin-bottom:10px;
}

.more-link {
	margin-top:5px;
	clear:both;
	display:block;
}

/* COMMENTS /////////////////////////////*/

.box-left {
	margin: 0 auto 40px auto;
	font-size:1.2em;
}

#commentform label {
	display: block;
	margin: 0 0 5px 0;
}

#commentform input.text, #commentform textarea {
	width: 500px;
	margin: 0 0 10px 0;
}

#commentform .text {
	height: 22px;
	padding: 6px 6px 0 6px;
	background: #fff url(images/bg-form-text.gif) repeat-x left top;
	border: 1px solid #dadada;
	color: #5e5e5e;
}

#commentform textarea {
	height: 150px;
	padding: 6px 6px 0 6px;
	background: #fff url(images/bg-form-text.gif) repeat-x left top;
	border: 1px solid #dadada;
	color: #5e5e5e;
}

#commentform .button {
	width: auto;
	height: 30px;
	margin: 0px;
	padding: 0 20px;
	background: #4a4f54;
	border: none;
	color: #fff;
}


.commentlist {
	margin: 0px;
	padding: 0px;
	list-style: none;
	width:580px;
}

.commentlist .comment-author {
	padding: 20px;
	background: url(images/bg-comment-quote.gif) no-repeat right top;
}

.commentlist li.comment {
	margin: 20px 0 0 0;
	padding: 0px;
	background: #4a4f54 url(images/bg-comment-bubble.gif) no-repeat left bottom;
	color: #fff;
	overflow:hidden;
}

.commentlist li.cite {
	display: block;
	font-style: normal;
}

.avatar {
	float: left;
	margin: 0 20px 10px 0;
	border:3px solid #6e7073;
}

.commentlist .bypostauthor .comment-author{
	padding: 20px;
	background: url(images/bg-comment-quote-auth.gif) no-repeat right top;
}

.commentlist li.bypostauthor {
	margin: 20px 0 0 0;
	padding: 0px;
	background: #2e3134 url(images/bg-comment-bubble-auth.gif) no-repeat left bottom;
	color: #fff;
}

.commentlist .comment-author a {
	color:#ceeced;
}

.commentlist code{
	color:#ceeced;
	margin-bottom:5px;
	font-size:11px;
}

/* RIGHT /////////////////////////////*/

#content-right {
	width:292px;
	float:right;
	color:#1a7886;
}

#content-right h4 { 
	color:#287c96;
	display:block;
	clear:both;
	background:url(images/side-titles.png) no-repeat;
}

#content-right h4 span { 
	display:block; 
	text-indent:-9999em;
}

.small-panel {
	width:292px;
	height:107px;
	background:url(images/bg-small-panel.jpg) no-repeat left top;
	display:block;
	margin:15px 0;
	clear:both;
	text-shadow:#fff 0 1px;
}

.small-panel div, .twitter-panel div,  .big-panel .warp {
	padding:15px;
	text-shadow:#fff 0 1px;
}

.small-panel h5 {
	font-family: georgia, sans-serif;
	font-size:1.9em;
	font-weight:bold;
	font-style:italic;
}

.small-panel h5 span {
	color:#6ccede;
	font-style:normal;
}

.small-panel p {
	margin:0;
}

.normal-panel {
	padding-top:15px;
	margin:15px 0;
	border-top:1px solid #63b1c5;
	width:292px;
}

a.recent, a.featured {
	color:#0da7c9;
	text-shadow:#e6f9f7 0 1px;
	font-weight:bold;
}

.recent-meta, .recent-meta a {
	color:#3987a0;
	text-shadow:#e6f9f7 0 1px;
	font-weight:bold;
}

.recent-posts li, .big-panel li, .featured-posts li {
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:1px  dashed #bbd9db;
}

.twitter-panel {
	width:292px;
	height:107px;
	background:url(images/bg-twitter.jpg) no-repeat left top;
	display:block;
	margin:15px 0;
	clear:both;
}

.twitter-panel div {
	width:180px;
	padding-top:10px;
	float:right;
}

.twitter-user {
	font-weight:bold;
}

.pics, #lastfmrecords {
	overflow:auto;
	display:block;
}

.pics li, #lastfmrecords li {
	float:left;
	padding-right:2px;
}

.pics img, #lastfmrecords img{
	border:1px solid #e9faf6;
	width:69px;
	height:69px;
}

.big-panel {
	width:292px;
	height:209px;
	background:url(images/bg-big-panel.jpg) no-repeat left top;
	display:block;
	margin:15px 0;
	clear:both;
}

.big-panel .selected{
	margin-bottom:15px;
	font-weight:bold;
	font-size:1.1em;
}

.big-panel, .big-panel a {
	color:#4b97a1;
}

.cloud a{
	text-transform:uppercase;
	color:#2c7f8a;
}

#ads {
	width:280px;
	margin:0 auto;
	text-align:center;
}

#ads li {
	display:inline;
	margin-bottom:15px;
}

#ads li img {
	border:1px solid #e9faf6;
}

#ads li.push {
	margin-right:15px;
}

.ads a {
	color:#63b1c5;
}

.adblock {
	width:290px;
	margin:0 auto;
	overflow:hidden;
}

.adblock a {
	float:left;
	margin:5px 20px 15px 0;
	display:block;
	width:125px;
	height:125px;
}

/* SEARCH /////////////////////////////*/ 

form#searchform {
	width:292px;
	height:40px;
	display:block;
	background:url(images/bg-search.jpg) no-repeat left top;
	position:relative;
	margin-bottom:15px;
	clear:both;
}

input#search {
	background:#f9ffff url(images/bg-input.gif) repeat-x left top;
	border:none;
	width:229px;
	height:20px;
	padding-top:8px;
	display:block;
	float:left;
	position:absolute;
	left:7px;
	top:5px;
	color:#5298ac;
	vertical-align:middle;
	font-size:11px;
}

#search-submit {
	background:url(images/bg-ok.jpg) no-repeat left top;
	border:none;
	width:44px;
	height:29px;
	display:block;
	float:left;
	position:absolute;
	right:5px;
	top:5px;
	text-align:center;
	color:white;
	font-weight:bold;
	cursor:pointer;
}

/* RIGHT H4 /////////////////////////////*/

h4#h4-about-me {
	width:123px; 
	height:29px; 
	background-position:-10px -4px;
}

h4#h4-recent-posts {
	width:128px; 
	height:17px; 
	background:url(images/h4-recent-posts.jpg) no-repeat left bottom;
}

h4#h4-featured-posts {
	width:147px; 
	height:18px; 
	background-position:-10px -53px;
}

h4#h4-twitter {
	width:136px; 
	height:17px; 
	background-position:-10px -91px;
}

h4#h4-flickr {
	width:138px; 
	height:21px; 
	background-position:-10px -128px;
}

h4#h4-lastfm {
	width:152px; 
	height:29px; 
	background:url(images/h4-lastfm.jpg) no-repeat left bottom;	
}

h4#h4-scrnshots {
	width:179px; 
	height:20px; 
	background-position:-10px -169px;
}

h4#h4-tags {
	width:50px; 
	height:21px; 
	background:url(images/h4-tags.jpg) no-repeat left bottom;	
}

h4#h4-from-labs {
	width:128px; 
	height:19px; 
	background:url(images/h4-from-labs.jpg) no-repeat left bottom;	
}

/* FOOTER /////////////////////////////*/

#footer {
	width:100%;
	height:129px;
	background:url(images/bg-footer.jpg) repeat-x;
	clear:both;
	text-shadow:#e6f9f7 0 1px;
}

#footer .warp {
	width:960px;
	margin:0 auto;
}

#footer a, .url {
	font-weight:bold;
}

#copy {
	float:right;
	width:292px;
	text-align:center;
}

#copy, #copy a {
	color:#2c808a;
}

img#wpstats{
	display:none
}

/* HELPERS /////////////////////////////*/

.float-left   { float:left }
.float-right  { float:right }
.alignleft,
.align-left   { float:left; margin: 0 15px 0 0 }
.alignright,
.align-right  { float:right; margin: 0 0 0 15px }
div.aligncenter,
.aligncenter  { display: block; margin-left: auto; margin-right: auto }
.clear        { clear:both }
.center       { margin: 0 auto }
.margins      { margin:15px }
.push-top     { margin-top:15px }
.push-right   { margin-right:15px }
.push-bottom  { margin-bottom:15px }
.push-left    { margin-left:15px }
.border       { border:10px solid #ceeced }
.border2      { border:5px solid #ceeced }
.text-left    { text-align:left }
.text-right   { text-align:right }
.text-center  { text-align:center }
.text-justify { text-align:justify }
.underline    { text-decoration:underline }
.highlight    { background-color:#ffc }
.indent       { text-indent:15px }
.no-indent    { text-indent:0 }

/* MESSAGE BOXES /////////////////////////////*/ 
 
.message-box { text-align: center; padding: 5px; color:#545454; width:90%;  margin:15px auto; } 
 
.clean { background-color: #efefef; border-top: 2px solid #dedede; border-bottom: 2px solid #dedede; } 
.info  { background-color: #f7fafd; border-top: 2px solid #b5d3ff; border-bottom: 2px solid #b5d3ff; text-shadow:#fff 0 1px;} 
.ok    { background-color: #d7f7c4; border-top: 2px solid #82cb2f; border-bottom: 2px solid #82cb2f; } 
.alert { background-color: #fef5be; border-top: 2px solid #fdd425; border-bottom: 2px solid #fdd425; } 
.error { background-color: #ffcdd1; border-top: 2px solid #e10c0c; border-bottom: 2px solid #e10c0c; }