/*
Theme Name: MV3 Blog
Theme URI: http://blog.mosaicteam.com
Description: New Version
Author: Mosaic Group LLC
Author URI: http://mosaicteam.com
Version: V3.0
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
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-weight: inherit;font-style: inherit;font-size: 100%;	font-family: inherit;vertical-align: baseline;}

strong {font-weight: bold;font-style: inherit;font-size: 100%;font-family: inherit;}

/* remember to define focus styles! */
:focus {outline: 0;}

body {line-height: 1.35em;color: black;	background: #fff;}

ol, ul {list-style: none;}
dd {padding: 5px 0 10px 20px;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}

blockquote:before, blockquote:after,
q:before, q:after {	content: "";}
blockquote, q {quotes: "" "";}

.clear {clear: both;}
.right {float: right;}
.left {float: left;}
a img {border: none;}
#wrapper {margin: 50px auto;width: 908px;font-size: 13px;	/*font-family: Eurostile, "Fontin-Regular", Arial, Helvetica, sans-serif;*/font-family: Eurostile, Arial, Helvetica, sans-serif;position: relative;background: #fff;color: #888;}

/******************Header************************/
#header {height: 135px;}
#header img.bar {position: absolute; top: 90px;left: 0;}
ul.header-nav {position: absolute; right: 0;top: 65px;}
ul.header-nav li {float: left;padding-right: 20px;}
ul.header-nav li.last {padding-right: 5px;}
ul.header-nav li a.active {color: #00aeef;}
ul.header-nav li a {color: #888;text-decoration: none;letter-spacing: .2em;cursor: pointer;}
ul.header-nav li a:hover {color: #bebebe;}

/*****************Sidebar***********************/		

#sidebar {float: left;width: 140px;margin: 40px 20px 0 24px;}
#sidebar ul.menu {padding: 0;margin-top: 80px;}
#sidebar ul.menu li {margin: 0 0 20px 0;font-size:20px;font-weight:900;margin:0 0 20px;}
#sidebar ul.menu li a {color: #888;text-decoration: none;letter-spacing: .2em;cursor: pointer;}
#sidebar ul.menu li a:hover, ul.menu li a.active{color: #00AEEF;}
#sidebar #searchform input.inputbox {width: 105px;margin-bottom: 8px;background: #bebebe; border: 2px solid #888; padding: 2px;color: #fff;}	
#sidebar #searchform input.submit {padding: 3px 10px;cursor: pointer;border: 1px solid #00aeef; color: #888;background: #fff;letter-spacing: .2em;}
#sidebar #searchform input.submit:hover {color: #fff;background: #00aeef;}
#sidebar ul li ul {margin-bottom: 45px;}
#sidebar ul li ul.twitter {color: #888; line-height: 14px;font-size: 10px;position: relative;}
#sidebar ul li ul.twitter img {padding-bottom: 5px;}
#sidebar ul li ul.twitter a {color: #00aeef;}
#sidebar ul li ul.twitter a:hover {color: #bebebe;}
#sidebar ul li ul.twitter a.twitter-id {position: absolute;left: 22px;top: 5px;text-decoration: none;font-size: 11px;}
#sidebar ul li ul.twitter #twitter_update_list li {padding-bottom: 10px;margin-bottom: 10px; border-bottom: 1px solid #f1f1f1;}
#sidebar ul li ul.twitter #twitter_update_list span a {color: #00aeef;text-decoration: none;padding: 2px 0;}
#sidebar ul li ul.twitter #twitter_update_list span a:hover {color: #bebebe;}
#sidebar ul li ul.twitter #twitter_update_list a {/*display: block;color: #bebebe;*/text-decoration: none;padding-top: 3px;}
#sidebar ul li ul.twitter #twitter_update_list a.time {display: block;}

#sidebar ul li ul.social li {float:left; list-style-type:none;}
#sidebar ul li ul.social li a {height:28px; display:block; top:0; text-indent:-9999px; outline:none}
#sidebar ul li ul.social li a.facebook, #sidebar ul li ul.social li a.twitter, #sidebar ul li ul.social li a.rss {background: url(/wp-content/themes/mv3/images/fb-tw-sprite.png);}
#sidebar ul li ul.social li a.facebook {background-position:0 0; width:33px; left:0}
#sidebar ul li ul.social li a.facebook:hover {background-position:0 -28px}
#sidebar ul li ul.social li a.twitter {background-position: -33px 0;width: 32px;left: 33px;}
#sidebar ul li ul.social li a.twitter:hover {background-position: -33px -28px;}
#sidebar ul li ul.social li a.rss {background-position: -65px 0;width: 38px;left: 65px;}
#sidebar ul li ul.social li a.rss:hover {background-position: -65px -28px;}
/*****************content styles****************/

#content {float: right;width: 630px;margin: 40px 70px 0 0/*margin top same as sidebar*/;font-size: 13px;color: #888;line-height: 2em;}
#content:first-line, #footer:first-line {line-height: normal;}
#content h2 {font-size: 18px;}	
h3 {font-size: 16px; margin: 20px 0 10px 0;font-weight: normal;}
h4 {font-size: 15px; margin: 20px 0 10px 0;font-weight: normal;}
p.ul-next {margin-bottom: 5px;}
#content ul {list-style: disc; margin: 0px 0px 15px 20px;}
#content li {margin-bottom: 10px;}
#content li li {margin-bottom: 0px;}
#content h2.title a {border-bottom: none;text-decoration: none;color: #6c6d6d;font-size: 22px;letter-spacing: .2em;}
#content h2.title a:hover {color: #00aeef;}
#content a {color: #00aeef;text-decoration: none;}
#content a:hover {color: #bebebe;}
#content .post {border-bottom: 5px solid #555;margin-bottom: 40px;}
#content .entry {margin: 10px 0 40px 0;padding: 0 0 35px 0;position: relative;}
#content .entry .wp-caption-text {text-align: center;color: #777;font-size: 10px;background: #f1f1f1;margin: 5px 10px 0 0;}
#content .entry .alignleft {float: left; padding: 10px 0 10px 10px;margin: 0 10px 10px 0;border: 3px solid #bebebe;}
#content .entry .alignright {float: right;padding: 10px 0 10px 10px;margin: 0 0 10px 10px;border: 3px solid #bebebe;}
#content .entry p {margin-bottom: 15px;}
#content .entry p.cite {font-size: 10px;}
#content .entry a.more-link {display: inline-block;padding: 0px 5px;color: #fff;background: #00aeef;margin-top: 10px;}
#content .entry a.more-link:hover {background: #bebebe;}
#content .entry .stbuttontext {font-size:12px;left:-2px;position:relative;top:-1px;}
#content .entry .pro-player-container {display: inline-block;border: 3px solid #bebebe;}
#content .entry .pro-player-container:hover {border: 3px solid #00aeef;}
#content p.meta {display: inline-block;width: 100%;}
#content span.show-date {color:#bebebe;font-size: 10px;float: left;letter-spacing: .2em;}
#content span.category {color:#bebebe;font-size: 10px;float: right;letter-spacing: .2em;}
#content span.category a {padding: 0 5px;letter-spacing: normal;}
#content span.count {position: absolute;padding-bottom: 5px;bottom: 0;left: 0;color:#bebebe;font-size: 10px;letter-spacing: .2em;}
#content span.count a {letter-spacing: normal;}
#content span.tags {color: #bebebe;position: absolute;bottom: 0;right: 0;padding-bottom: 5px;font-size: 10px;letter-spacing: .2em;}
#content span.tags a {padding: 0 5px;letter-spacing: normal;}
#content ol.commentlist li {font-size: 1em;}
#content ol.commentlist p {padding: 10px 0;}
#content ol.commentlist .commentmetadata a {font-size: 10px;color: #888;top: -8px;position: relative;}
#content #commentform input, #content #commentform textarea {background: #bebebe; border: 2px solid #888; padding: 2px;color: #fff;margin-bottom: 8px;}
#content #commentform #submit {padding: 3px 10px;cursor: pointer;border: 1px solid #00aeef; color: #888;background: #fff;letter-spacing: .2em;}
#content #commentform #submit:hover {color: #fff;background: #00aeef;}
#content .section {margin-bottom: 40px;}
.contact-info {width:292px; margin-right: 41px; float: left;}
.contact-form {width:292px; float: left;}

/**************** contact form ****************/
.contact-info {width:292px; margin-right: 41px; float: left;}
.contact-form {width:292px; float: left;}

.forms li {display: block;padding-bottom: 10px;height: 20px;}
.forms li.tall {height: 107px;}
.forms li label {width: 65px;float: left; padding: 0 20px 0 0; text-align: right;}
.forms li input, .forms li textarea {width: 170px;height: 14px;float: left;background: #bbb; border: 3px solid #bbb; padding: 2px;}
.forms li textarea {height: 100px;}
.forms .button {float: left;clear: left;height: 20px;width: 65px; margin: 0 0 0 80px; cursor: pointer; background: #fff;}
.forms .button:hover {color: #000000;}

/******************blockquotes******************/
#content blockquote {border-left:1px solid #CCCCCC;display:block;font-size:14px;font-style:italic;line-height:36px;margin:0 40px 25px 60px;padding:20px;letter-spacing: .2em;}
#content blockquote span.large {font-size: 30px;font-style: normal;padding: 0 5px;}
#content blockquote span.med {font-size: 26px;font-style: normal;padding: 0 5px;}
#content blockquote span.small {font-size: 24px;font-style: normal;padding: 0 5px;}
#content blockquote span.name {font-size: 14px;display: block;margin-top: 45px;}


/******************Footer***********************/

#footer {clear: both;border-top: 1px solid #ccc;color: #ccc;font-size: 12px;float: right;width: 650px;margin: 50px 70px 0 0;line-height: 2em;}
#footer p {padding: 10px 0;}