/*  
Theme Name: 01 Mista Vybe (c) 2009
Theme URI: http://www.mistavybeworld.com
Description: 1st Generation Theme for Mista Vybe 
Version: 1.0
Author: ten@theyoungfreshnew.com
Author URI: http://www.theyoungfreshnew.com

*/


body,h1,h2,h3,h4,h5,h6,blockquote,p{
margin: 0;
padding: 0;
}

body {
margin: 0;
font-family: tahoma, arial, helvetica, georgia, sans-serif;
font-size: 12px;
text-align: left;
vertical-align: top;
background: #9F9F9F;
color: #000;
}

a img {
border: none;
}

h1{
font-family: Georgia, Sans-serif;
font-size: 20px;
padding: 14px 0 7px 0;
}

h3 {
font-family: Tahoma,Trebuchet Ms, Georgia, Sans-serif;
font-size: 14px;
color: #000000;
margin: 38px 0 0 0;
padding: 0 0 8px 0
}

h5 {
font-family: Trebuchet Ms, Georgia, Sans-serif;
font-size: 14px;
color: #000000;
margin: 38px 0 0 0;
padding: 0 0 8px 0
}

h4 {
color: #000;
font-family: Georgia, Arial, Sans-serif;
font-size: 21px;
font-weight: normal;
letter-spacing: -1px;
width: 100%;
padding: 10px 0 10px 0;
}

a:link {
text-decoration: underline;
color: #000;
font-weight: normal;
}

a:visited {
text-decoration: underline;
color: #000;
font-weight: normal;
}

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

p{
padding: 5px 0 5px 0;
}

#wrapper {
margin: 0px auto 20px auto;
width: 1000px;
text-align: left;
background: #fff;
overflow:hidden;
}

#header {
float: left;
width: 1000px;
height: 600px;
text-align: center;
background: #fff;
border-bottom: 1px dotted #ccc;
}

#headlogo {
float: left;
position: relative;
top: 0px;
left: 0px;
height: 550px;
width: 1000px;
background: url(images/mainbanner9.jpg) top right no-repeat;
}

#tv {
float: left;
position: relative;
top: 145px;
left: 545px;
z-index: 100;
height: 300px;
width: 300px;
}

.menu {
clear: both;
position: relative;
top: 10px;
width:910px;
height: 30px;
margin: 0 auto;
}

.menu li{
float: left;
afont-family: arial, helvetica, georgia, sans-serif;
text-align: left;
text-transform: uppercase;
list-style-type: none;
letter-spacing: -1.75px;
background: #fff;
display:inline;
padding: 0 8px 0 0;
}

.menu a:link, .menu a:visited {
text-decoration: none;
color: #313131;
font-size: 18px;
font-weight: bold;
background: #fff;
border-top: 3px #fff solid;
border-bottom: 3px #fff solid;
border-right: 5px #fff solid;
border-left: 5px #fff solid;
}

.menu a:hover {
text-decoration: none;
color: #fff;
font-weight: bold;
background: #CC1C0B;
border-top: 3px #CC1C0B solid;
border-bottom: 3px #CC1C0B solid;
border-right: 5px #CC1C0B solid;
border-left: 5px #CC1C0B solid;
}


/* Container */
#container {
/* 619+1+15+35=670 */
clear: both;
float: left;
width: 619px;
/*padding:45px 35px 15px 15px;*/
border-top: 15px solid #fff;
border-bottom: 15px solid #fff;
border-left: 15px solid #fff;
padding-right: 35px;
background: #fff;
border-right: 1px dotted #ccc;

}

.date {
font-size: 24px; 
font-family: Arial, Georgia, Tahoma, Arial, Verdana ; 
color: #CC1C0B; 
text-transform: none;
text-align: left;
font-weight: bold;
}

.post, .page{
padding-bottom: 35px;
}

.post h2 {
color: #313131;
font-family: Arial, Georgia, Arial, Sans-serif;
font-size: 21px;
font-weight: normal;
letter-spacing: -1px;
width: 100%;
text-transform: uppercase;
padding: 10px 0 10px 0;
}

.page h2{
color: #CC1C0B;
font-family: Arial, Georgia, Arial, Sans-serif;
font-size: 21px;
font-weight: normal;
letter-spacing: -1px;
width: 100%;
text-transform: uppercase;
padding: 10px 0 10px 0;
}

.post h2 a:visited, .post h2 a:link, .page h2 a:visited, .page h2 a:link{
color: #313131;
font-weight: bold;
}

.post h2 a:hover, .page h2 a:hover {
color: #CC1C0B;
text-decoration: none;
font-weight: bold;
}

.entry {
font-family: Tahoma, Trebuchet Ms, Arial, Verdana, Tahoma, Georgia, Sans-serif;
font-size: 13px;
color: #313131;
line-height: 16px;
text-align: justify;
letter-spacing: 0px;
height: 100%;
}

.aligncenter {
text-align: center;
}

p.postmetadata{
width: 100%;
font-family: Tahoma, Trebuchet Ms, Arial, Verdana, Tahoma, Georgia, Sans-serif;
font-size:11px;
border-top: 1px solid #ccc;
margin: 10px 0 0 0;
}

p.postmetadata2 {
width: 100%;
font-family: Tahoma, Trebuchet Ms, Arial, Verdana, Tahoma, Georgia, Sans-serif;
font-size:11.5px;
margin: -5px 0 0 0;
position:relative;
left: 110px;
/*left:110px;*/
}

.tt {
position:relative;
top:62px;
left: -8px;
font-family: Tahoma, Trebuchet Ms, Arial, Verdana, Tahoma, Georgia, Sans-serif;
font-size:11.5px;
}

.nothumb {
position: relative;
top:2px;
left:5px;
}

.c-icon{
position: relative;
top: 5px;
padding-right: 1px;
}

.comments2 {
padding-right:0px;
position: relative;
left: -3px;
}

.fb-icon{
position: relative;
top: 4px;
padding-right: 2px;
}

.fb-share {
padding-right:5px;
position: relative;
left: -3px;
}

.WP-EmailIcon {
position: relative;
top:4px;
left: 2px;
}

.sendto {
position: relative;
left: -5px;
}

p.tagdata {
width: 100%;
font-family: Tahoma, Trebuchet Ms, Arial, Verdana, Tahoma, Georgia, Sans-serif;
font-size:11px;
border-top: 1px solid #ccc;
margin: 10px 0 0 0;
}

.navigation {
padding: 10px 0 0 0;
font-size: 14px;
font-weight: bold;
line-height: 18px;
}

/*Page Style*/

.page h1{
font-family: Papyrus, Georgia Sans-serif;
font-size: 14pt;
padding: 14px 0 7px 0;
color: #CC1C0B;
}

.page h3{
font-family: Tahoma, Trebuchet Ms, Arial, Verdana, Tahoma, Georgia, Sans-serif;
font-size: 14px;
font-weight: normal;
text-transform: uppercase;
}


.page h5 {
font-family: Papyrus, Trebuchet Ms, Georgia, Sans-serif;
font-size: 14pt;
color: #CC1C0B;
margin: 28px 0 0 0;
padding: 0 0 8px 
}

.music1 {
background: url(images/record-logo3.jpg) top left no-repeat;
width:691px;
height:446px;
opacity:0.1;
filter:alpha(opacity=10);
position: relative;
top: -600px;
left: 0px;
z-index: 100;
}

.musictext {
position: relative;
top: 0px;
left: 0px;
height:1000px
}

.videotv {
background: url(images/mistavybetv-1.jpg) scroll top left no-repeat;
width:640px;
height:500px;
opacity:0.1;
filter:alpha(opacity=10);
position: relative;
top: -750px;
left: 0px;
z-index: 100;
}

.video1 {
height: 1000px;
}

.page-entry a, .page-entry a:hover {
font-weight: bold;
}


.page-entry{ 
font-family: Tahoma, Arial, Verdana, Georgia, Sans-serif;
font-size: 14px;
color: #313131;
}

.page-entry ul li {
font-family: Tahoma, Arial, Trebuchet Ms, Verdana, Tahoma, Georgia, Sans-serif;
font-size: 12px;
color: #313131;
text-align: justify;
letter-spacing: 0px;
height: 100%;
}

.page-entry ul li {
padding: 0 0 10px 0;
}

.navigation2 {
padding: 10px 0 0 0;
font-size: 14px;
line-height: 15px;
font-weight: bold;
text-transform:uppercase;
border-top: 1px solid #ccc;
}

.navigation2 a, .navigation2 a:visited {
font-weight: bold;
font-size: 12px;
}

.media1 {
width: 110px;
height: 52px;
background: url(images/media.jpg) top right no-repeat;
padding-bottom: 15px;
}

.pg-title {
width: 280px;
height: 50px;
background: url(images/photogallery.jpg) top right no-repeat;
}


/*Sidebar */
#sidebar {
/* 315+15=330*/
float: right;
width: 315px;
background: #fff;
margin: 0px;
text-align:left;
font-family: arial, tahoma, verdana;
font-size: 12px;
color: #313131;
padding-bottom: 10px;
padding-right: 15px;
padding-top: 30px;
}

#sidebar ul{
list-style-type: none;
margin: 0;
padding: 0 5px 0 10px;
}

#sidebar ul li{
padding: 10px 0 10px 0;
}

#sidebar ul li a{
font-weight: none;
}

#sidebar ul ul li{
padding: 3px 0 3px 0;
}

#sidebar ul ul{
padding: 3px 5px 3px 10px;
}

#sidebar ul ul ul li {
position: relative;
left: -20px;
padding: 3px 5px 3px 10px;
}
/*Facebook Connect*/

#fb-tab {
padding: 10px 0 0 0 ;
}

#fb-box {
height: 120px;
}

/*Search Box*/
#search1-box {
list-style-type: none;
position: relative;
top: 0px;
left: 0px;
height: 40px;
padding-bottom: 10px;
}

.searchbox {
width: 100px;
border: 1px solid #000000;
font-size:11px;
font-family:verdana,arial,sans-serif;
height:15px;
padding:2px;
margin:0;
}

#search{
width:250px; 
overflow:hidden;
padding-top:1px;
}

.searchresult {
border-bottom:5px solid #a6ffff;
}

.searchresult h2 {
font-size:18px;
}

.searchbut {
border-top: 3px solid #000;
border-bottom: 2px solid #000;
border-left: 1px solid #000;
border-right: 1px solid #000;
background: #000;
color: #ffffff;
font-weight: bold;
font-family:verdana,arial,sans-serif;
font-size:10px;
margin:0;
padding-bottom:2px;
}

.searchbut:hover {
border-top: 3px solid #CC1C0B;
border-bottom: 2px solid #CC1C0B;
border-left: 1px solid #CC1C0B;
border-right: 1px solid #CC1C0B;
background: #CC1C0B;
color: #ffffff;
font-weight: bold;
font-family:verdana,arial,sans-serif;
font-size:10px;
margin:0;
padding-bottom:2px;
}

/*Join My World Tab*/


.joinbox {
width: 280px;
height: 165px;
text-align: left;
font-family: tahoma, arial,  helvetica, georgia, sans-serif;
font-size: 10px;
}

h2#jointab {
margin-top: 10px;
margin-bottom: 0;
padding-bottom: 0;
background: url(images/jointab.jpg) top right no-repeat;
height:30px ;
width: 275px;
}

.join-icons {
width: 280px;
position: relative;
left:5px ;
height: 35px;
}

.ji1 {
float:left;
position: relative;
top:0px;
left:0px;
padding-right:2px;
}

.ji2 {
float:left;
position: relative;
top:0px;
left:0px;
padding-right:2px;
}

.ji3 {
float:left;
position: relative;
top:0px;
left:0px;
padding-right:2px;
}

.ji4 {
float:left;
position: relative;
top:0px;
left:0px;
padding-right:2px;
}

.ji5 {
float:left;
position: relative;
top:0px;
left:0px;
padding-right:2px;
}

.ji6{
float:left;
position: relative;
top:0px;
left:0px;
padding-right:2px;
}

#jointext {
position: relative;
top: 0px;
left: 5px;
width:300px;
height: 38px;
font-family:arial,verdana,tahoma,sans-serif;
font-size: 12px;
line-height: 18px;
}

.signupframe {
border: 1px solid #FFFFFF;
background: #ffffff;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
position: relative;
left: 0px;
top: 0px;
}

#signupbox {
position: relative;
left: 5px;
}

/*Twitter Box*/
.twitter_div {
position: relative;
top: 10px;
left: 10px;
height: 575px;
width: 275px;
background: url(images/twitterbox.jpg) no-repeat top left;
padding-bottom:5px;
}

#twitter-link {
text-align: right;
position: relative;
top: 95px;
right: 30px;
font-family: trebuchet ms, arial, tahoma, trebuchet ms, verdana;
font-size: 11px;
color: #65D3F4;
font-weight: bold;
}

#twitter_update_list {
padding: 0 10px 0 0;
margin: 10px;
font-family: trebuchet ms, arial, tahoma, trebuchet ms, verdana;
font-size: 11px;
width: 240px;
position: relative;
top:95px;
left:10px;
}

#twitter_update_list li{
list-style-type: disc;
list-style-position:inside;
padding-left: 10px;
}

#twitter_update_list p{
line-height: 200%;
}

#twitter_update_list a, #twitter_div a{
color: #65D3F4;
font-weight: bold;
}


/*Featured Singles*/
.single-box {
position: relative;
top: 0px;
left: 0px;
width: 300px;
padding-bottom:10px;
}

/*Calendar */
table#wp-calendar{
width: 100%;
position:relative;
left: 10px;
}

#wp-calendar a:link, #wp-calendar a:visited{
font-weight: bold;
color: #cc1c0b;
text-decoration: none;
font-family: arial, tahoma helvetica, georgia, sans-serif;
}

#wp-calendar a:hover {
font-weight: bold;
font-family: arial, helvetica, georgia, sans-serif;
}

/*Recent Posts, Archives, Recent Comments & Categories*/


h2#recent-p {
margin-top: 10px;
margin-bottom: 0;
padding-bottom: 0;
background: url(images/recentposts.jpg) top right no-repeat;
height:30px ;
width: 160px;
}

h2#arch {
margin-top: 10px;
margin-bottom: 0;
padding-bottom: 0;
background: url(images/archives2.jpg) top right no-repeat;
height:30px ;
width: 120px;
}

h2#recent-c {
margin-top: 10px;
margin-bottom: 0;
padding-bottom: 0;
background: url(images/recentcomments.jpg) top right no-repeat;
height:30px ;
width: 210px;
}

h2#cat {
margin-top: 10px;
margin-bottom: 0;
padding-bottom: 0;
background: url(images/categories.jpg) top right no-repeat;
height:30px ;
width: 130px;
}


/*Comments*/
.a-icon1 {
position: relative;
top: 20px;
left:

}
.avatar {
position: relative;
top: 0px;
left: 0px;
}

.commentdata2{
position: relative;
top: -33px;
left: 60px;
}

.commentdate {
position: relative;
top: -28px;
left: 60px;
}

.comment-edit1 {
position: relative;
top: -10px;
left: 0px;
width: 20px;
}

.comment-text2 {
position: relative;
top: -110px;
left: 195px;
width:425px;
}


.comments-template{
	margin: 15px 0 0;
	border-top: 1px solid #ccc;
	padding: 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
font-size: 13px;
background: #fff;
	margin: 10px 0 0;
	line-height: 18px;
	padding: 10px;
	border-bottom: 1px solid #ccc;
}

.comments-template ol li a, .comments-template ol li a:visited {
color: #CC1C0B;
font-weight: bold;
}
.comments-template h2, .comments-template h3{
	font-family: Georgia, Sans-serif;
	font-size: 16px;
}

.commentmetadata{
	font-size: 11px;
}

.commentmetadata a, .commentmetadata a:visited {
font-weight: normal;
font-size: 11px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
}


/*Footer*/
#footer {
float: left;
width: 980px;
height: 185px;
text-align: center;
padding: 10px;
background: #fff;
border-top: 1px dotted #ccc;
margin: 0px;
list-style-type: none;
}

#footer p {
clear:both;
line-height:18px;
}

.foot {
clear: both;
float: left;
width: 960px;
height: 150px;
text-align: center;
border-top: 1px dotted #ccc;
font-family: tahoma, arial,  helvetica, georgia, sans-serif;
font-size: 10px;
}

.logos {
margin-top: 0px;
margin-bottom: 0px;
margin-right: auto;
margin-left: auto;
}

.logos li{
display:inline;
padding: 0 10px 0 0;
list-style-type: none;
margin: 0 auto;
}

li.mv-logo {
position: relative;
top:-20px;
}

li.rmgg {
position: relative;
top:0px;
}

li.yfn {
position: relative;
top:-10px;
}


.foot-text {
clear: both;
width: 908px;
height:50px;
text-align: center;
font-family: tahoma, arial,  helvetica, georgia, sans-serif;
font-size: 10px;
}

.footmenu {
clear: both;
width:780px;
padding: 10px 10px 0 10px;
background: #fff;
height: 30px;
margin: 0 auto;
}

.footmenu li{
float: left;
font-family: arial, tahoma, helvetica, georgia, sans-serif;
text-align: left;
text-transform: uppercase;
list-style-type: none;
letter-spacing: -1px;
background: #fff;
display:inline;
padding: 0 10px 0 0;
}

.footmenu a:link, .footmenu a:visited {
text-decoration: none;
color: #313131;
font-size: 14px;
font-weight: bold;
background: #fff;
border-top: 3px #fff solid;
border-bottom: 3px #fff solid;
border-right: 5px #fff solid;
border-left: 5px #fff solid;
}

.footmenu a:hover {
text-decoration: none;
color: #fff;
font-weight: bold;
background: #CC1C0B;
border-top: 3px #CC1C0B solid;
border-bottom: 3px #CC1C0B solid;
border-right: 5px #CC1C0B solid;
border-left: 5px #CC1C0B solid;
}