/*
Theme Name: MTV Cherry Girl
Theme URI: http://www.mtvcherrygirl.com
Description: Clean and graceful blog for MTV's Cherry Girl
Version: 1.0
Author: Ali Blackwell
Author URI: http://www.aliblackwell.com
Tags: 
*/

/*******************************************
Colours
*******************************************

Burgandy: #9c2412

*/

/*******************************************
CSS Reset and Hacks
*******************************************/

 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, strong, 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: normal;
	font-style: inherit;
	list-style: none;
	font-family: inherit;
	vertical-align: baseline;
}

.clearfix:after { 
visibility: hidden; 
display: block; 
font-size: 0; 
content: " "; 
clear: both; 
height: 0; 
} 

/* slightly enhanced, universal clearfix hack */

.clearfix { 
display: inline-block; 
}

/* start commented backslash hack \*/ * html .clearfix { height: 1%; }
.clearfix { display: block; } /* close commented backslash hack */ 

/*******************************************
Typography
*******************************************/

p {
font-size: 13px;
line-height: 20px;
}

.noshow {
display:none;
}

h2 {font-size: 24px; text-align: left; color: #9c2412; }

h2#friends {
position: absolute;
z-index: 10;
margin: 420px 0px 0px 0px;
}

h3 {font-size: 14px;
margin: 0px 0px 20px 0px;
}

.marginbottom {
margin: 0px 0px 30px 0px;
}

.sidebartop {
margin: 20px 0px 33px 20px;
}

.marginbottomleft {
margin: 0px 0px 40px 20px;
}
.marginleft {
margin: 0px 0px 0px 20px;
}

/*******************************************
Structure
*******************************************/

body {
/*background: url('images/cherrygirlbg.jpg') repeat;*/
background-image: url('images/big-big-cherry-8.jpg');/*Big Big Cherry*/
/*background-image: url('images/backgroundfulllrgnew.jpg');Small Big Cherry*/
background-repeat: repeat-y;
background-position: top center;
font-family: Verdana, "Verdana Ref", sans-serif;
color:#737373;
font-size:13px;
margin:0px;	
position: relative;
}

#header {
width: 900px;
height: 296px;
background-color: white;
background-image: url('http://www.iamcherrygirl.com/uploads/cherrygirlbanner.jpg');
background-position: center center;
background-repeat: no-repeat;
border:  solid #d9d9d9 2px;
text-align:center;
z-index: 10;
margin: 0px auto;
position: relative;
}

#header img {
display: none;
padding: 10px;
margin: 16px 0px 0px 0px;
border: solid #d9d9d9 2px;
background: white;
}

#pagewrapper {
position: relative;
margin: 0px auto;
padding: 60px 0px 0px 0px;
width: 1060px;
/*background-image: url('images/cherrygirlcherries.jpg');
background-repeat: no-repeat;
background-position: top center;*/
}

#mainContent {
/*background: url(contentbgcream.png) repeat;*/
background: white;
width: 900px;
z-index: 10;
margin: 28px auto;
padding: 0px 0px 30px 0px;
position: relative;
}

#contentLeft{
float: left; 
width: 363px; 
padding: 0px 0px 0px 0px; 
margin: 0px 0px 0px 0px; 
text-align: left;
/*border: 1px solid black;*/
}

#contentCenter{
float: left; 
width: 488px; 
padding: 20px 20px 0px 25px; 
margin: 0px 0px 0px 0px; 
text-align: justify;  
/*border: 1px solid red*/
}

.home #contentCenter {
padding: 10px 20px 0px 25px; 
}

#footer {
width: 900px; 
background: none;
height: 100px; 
margin: 0 auto; 
text-align: right; 
}

/*******************************************
Sidebar
*******************************************/
#aboutmeimg {
width: 327px;
padding: 5px;
border:  solid #d9d9d9 2px;
}
.playnow {
display: block;
width: 327px;
height: 183px;
position: absolute;
text-decoration: none;
background-image: url('http://www.iamcherrygirl.com/uploads/playnow.png');
background-position: 0 0; 
z-index: 10;
}

.playnow:hover {
background-position: 0 -233px;
}

#toggle-search {
position: absolute;
z-index: 9;
display: none;
}

.contentleftbox {
display: block;
padding: 0px 0px 0px 0px;
background: none;
text-align: left;
margin: 0px
}

.contentleftbox ul{
list-style-type: none;
margin: 0px;
}

.contentleftbox li {
text-align: left;
margin: 0px 0px 0px 20px;
font-size: 15px;
}

#cherrygirlicons {
margin: 0px 0px 30px 20px;
text-align: left;
}

#cgvideo {
display: block;
width: 327px;
height: 183px;
padding: 5px;
border:  solid #d9d9d9 2px;
margin: 20px 0px 30px 20px
}

#talktome {
display: block;
margin: 0px 0px 26px 20px;
}

#fbstream {
/*background: url('http://www.iamcherrygirl.com/uploads/fbbg.png') no-repeat;*/
z-index: -10;
display: block;
width: 345px;
border: 0;
padding: 0px 0px 0px 20px;
margin: 0px 0px 30px 0px;
}

#aboutme img {
margin: 0px 0px 40px 20px;
}

#friendsheader {
position: absolute;
z-index: 10;
margin: -100px 0px 0px 0px;
}

#cgblogarchive img {
margin: 10px 0px 30px 20px;
}

#cgtwitter {
text-align: left;
width: 280px;
padding: 0px 10px 0px 20px;
margin: 0px 0px 30px 0px;
}

#translate h2 {
text-align: left;
}

#translate {
text-align: left;
width: 320px;
padding: 20px 10px 0px 0px;
margin: 0px 0px 30px 20px;
}


#cgtwitter img {
margin: 0px 0px 20px 0px;
}

.twitter-timestamp {
font-size: 11px;
color: #999999;
}

.imageheader { 
margin: 15px 0px 0px 0px;
}

.contentleftbox p{
margin: 0 0 10px 0px;
}
h2.widgettitle {
display: none;
}

#thingsilikeheader {
margin: 0px 0px 30px 0px;
}

.thingilike {
margin: 0px 0px 30px 20px;
}

#aboutmeimages {
margin: 20px 0px 0px 20px;

}

#aboutmeimages img {
padding: 5px;
border:  solid #d9d9d9 2px;
background: white;
margin: 0px 0px 30px 0px;
}

.thingilike img{
padding: 5px;
border:  solid #d9d9d9 2px;
background: white;
}
.thingilike p {
margin: 5px 0px 20px 0px;
max-width: 233px;
width: 233px;
}
.thingilike a:hover {
background: white;
text-decoration: underline;
}

#thingsilike {
text-align: left;
}

/*******************************************
Links
*******************************************/

a {
color: #9c2412;
text-decoration: none;
}

a:hover {
color: #9c2412;
text-decoration: underline;
}

a#mtvcherrygirl, a#mtvcherrygirl:hover {
text-decoration: none;
width: 900px;
height: 296px;
display: block;
position: absolute;
}

#footer li.footertext {
font-size: 12px;
color:  #9c2412;
background: #ffffff;
text-decoration: none;
}

#footer a {
font-size: 12px;
color:  #9c2412;
background: #ffffff;
text-decoration: none;
}

#footer a:hover {
text-decoration: underline;
} 

.linkcontact {
margin: 14px 0px 0px 190px;
}

a, img {
border: none;
}

/*******************************************
Post Style
*******************************************/
.entry img {
max-width: 488px;
margin: 0px 0px 30px 0px;
}


.navigation{
display: block;
width: 488px;
height: 30px;
}

.alignleft {
float: left;
}
.alignright {
float: right;
}


.post {
padding-bottom: 20px;
}

.withborder { 
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 6px solid #36424a; 
}

.post .entry {
	padding: 10px 0px 10px 0px;
}

strong {
font-weight: bold;
}

.entry p,  #respond p  {
margin: 0px 0px 20px 0px;
font-size: 13px;
line-height: 20px;
text-align: justify;
}

.post .meta {
height: 26px;
background: #cccaa9;
border-top: 1px solid #36424a;
text-decoration: none;
text-transform: uppercase;
font-size: smaller;
}

#signature {
text-align: right;
}

.post .posted {
float: left;
height: 16px;
padding: 5px 20px;
}

.post .permalink, .post .comments {
float: right;
height: 16px;
padding: 5px 20px;
}

.post .permalink {
}

/*******************************************
Comment Styles
*******************************************/
#respond img {
margin: 0px 0px 30px 0px;
}

.commentmetadata {
font-size: 11px;
}

textarea {
width: 455px;
margin: 5px 0px 1px 0px;
}

#commentform p {
text-align: left;
width: 455px;
}

#commentform input {
display: inline;
padding: 2px;
margin: 5px 5px 1px 0px;
	}

.comment-body p {
margin: 0px 0px 20px 54px;
width: 378px;
font-size: 13px;
line-height: 20px;
text-align: justify;
}

.comment-body a {
max-width: 378px;
}

.comment-meta {
width: 478px;
height: 75px;
background-image: url('http://www.iamcherrygirl.com/uploads/commastop.gif');
background-repeat: no-repeat;
background-position: bottom left;
}

.reply {
width: 50px;
height: 50px;
background-image: url('http://www.iamcherrygirl.com/uploads/commasbottom.gif');
background-repeat: no-repeat;
background-position: center right;
position: absolute;
margin: -6px 0px 0px 400px;
}

.bypostauthor .avatar {
display: none;
}

.avatar {
position: absolute;
margin: 0px 0px 0px 412px;
}

.comment-body {
display: block;
margin: 0px 0px 100px 0px;

}

.comment-author-admin .comment-body {
background-image: url('http://www.iamcherrygirl.com/uploads/avatar.png');
background-repeat: no-repeat;
background-position: 372px 0;
}

.comment-author-admin .fn {
color: #9c2412;
font-size: 18px;
}

.comment-author-admin p {

}

.post blockquote {
margin: 0px auto; 
padding: 20px 25px 15px 30px; 
text-align: center; 
width: 210px;
font-style:italic;
}

.comment-body blockquote {
font-style:italic;
margin: 0 auto;
padding: 10px 0px 10px 0px;
margin: 10px 0px 10px 0px;
}

