/*Theme Name: Version 1
Theme URI: http://teendown.com
Description: Teendown
Version: 1.0
Author: Cheryl 
Author URI: http://teendown.com
*/
body { background: #272728; color: #d1d1d1; font-family: courier new; font-size: 12px; line-height:18px; margin: 0px; }
a { color: #ffb4b4; text-decoration: none; } a:hover { color: #d1d1d1; }
#container { margin: 0 auto; width: 850px; text-align: left; }
.header { width: 850px; }
.about { float: right; width: 300px; }
  .portrait { background: #d1d1d1; border: 1px solid #efe8de; margin: 15px; padding: 10px;  }
  .description { font-size: 0.8em; line-height: 1.2em; }
  .aboutdes { color: #d1d1d1; float: left; font-size: .9em; line-height: 1.2em; margin: 15px 15px 15px 0; width: 258px; }
  .aboutdes p { padding: 0 0 20px 0; margin: 15px 10px 10px 24px; }
  .about img { border: 0; }
.heart { background: url(http://i358.photobucket.com/albums/oo30/movethecity/heart.jpg) no-repeat 0 20px; float: right; height: 150px; margin: 0 0 0 -12px; width: 170px; } 
.clear { clear: both; }

.border { border: 1px solid #d1d1d1; margin 10px; padding: 0px; }
#menu {
 clear: both;
 margin: 0px auto;
 padding: 7px 0 7px 0;
 border-bottom: 0px solid #DCDBD5;
 border-top: 0px solid #DCDBD5;
 float: right;
}

#menu li { display: inline; }
#menu a {
 padding: 3px 15px;
 margin: 0 3px 0 0;
 text-decoration: none;
 color: #ff6868;
 background: inherit;
 font-size: 20pt;
}

#menu li.current_page_item a {
 color: #ff6868;
 background: transparent; 
}#menu a:hover {
 background: #d1d1d1;
 color: #c97c7d;
}

ul { list-style: square; }
 
h1 { color: #ff6868; font-size: 5.0em; padding: 20px 0 0 0; text-shadow: -1px -1px #fff, 1px 1px #e2dacf; } 
  h1 a { color: #ff6868; text-decoration: none; }
h2 { color: #ff6868; } 
  h2 a { color: #ff6868; text-decoration: none; }
h3 { color: #ff6868; border-top: 1px solid #ff6868; } 
  h3 a { color: #ff6868; font-size: 1.5em; text-decoration: none; border-top: 1px solid #ff6868; }
b, strong { font-weight: bold; color: #ff4a4a; }
i { color: #ff286a; font-weight: italics; }
u { color: #d1d1d1; border-bottom: 1px solid #e40505; }
blockquote {
 border-left: 10px solid #ffd2d2;
 width: 450px;
 float: right;
 margin: 10px;
 padding: 10px;
 background-color: transparent;
 quotes: "\201C" "\201D";
}

bq {
 border-left: 10px solid #ffd2d2;
 width: 450px;
 float: right;
 margin: 10px;
 padding: 10px;
 background-color: transparent;
 quotes: "\201C" "\201D";
}
 
.post-audio { margin: 40px 0 40px 0; }
 
.post-chat { margin: 40px 0 40px 0; } 
  ul.chat { list-style-type: none; margin-left: 0; padding: 0; } 
   li.odd user_1 { } 
   span.label { font-weight: bold; }
   li.odd user_2 { } 
   li.even user_2 span.label { font-weight: bold; }
 
.post-link { margin: 40px 0 40px 0; }
  .link-description { font-size: 1.0em; }
  a.link {  font-size: 1.7em; font-weight: bold; text-shadow: -1px -1px #fff, 1px 1px #e2dacf; }
 
.post-photo { margin: 40px 0 40px 0; text-align:center; } 
  .post-photo img { background: #f9f7f3; border: 1px solid #efe8de; padding: 10px; }
 
.post-photoset { margin: 40px 0 40px 0; }
 
.post-quote { font-size: 2.6em; line-height: 1.6em; margin: 40px 0 40px 0; }
  .source { color: #4bb50a; font-size: 0.7em; line-height: 1.9em; text-align: right; }
  .quote { margin: -50px 0 0 -80px; height: 50px; width: 50px; }
 
.post-text { margin: 40px 0 40px 0; float: left;} 
 
.post-video { margin: 40px 0 40px 0; }
 
.pages {  }
ul.pages {  display: inline; list-style-type: none; padding: 0 0 0 0; }
li.pages { display: inline; list-style-type: none; padding: 0 20px 0 15px; border-right: 1px solid #e1d8c6; }
 
.divider { background: url(http://i358.photobucket.com/albums/oo30/movethecity/teendown/version1/divider.png) no-repeat bottom left; height: 23px; }
 
.date { background: url(http://i358.photobucket.com/albums/oo30/movethecity/teendown/version1/date.png); color: #272728; font-size: 10px;  line-height: 10px; left: -61px; height: 37px; text-align: center; text-transform: uppercase; width: 37px; position: aboslute; }
.date span.month { display: block; height: 10px; padding: 5px 0 0 0; }
.date span.day { display: block; height: 10px; }
.date span.year { display: block; height: 10px; }
 
.search {  margin: 15px 0 35px 0; }
.search input {  background: #e9e2d5; border: 0; color: #4bb50a; font-family: courier new; font-size: 12px; }
.search button {  background: #e9e2d5; border: 0; font-family: courier new; font-size: 12px; }
 
.notes { background: url(http://i358.photobucket.com/albums/oo30/movethecity/teendown/version1/comments.png) 7px 10px no-repeat; color: #3b3934; float: left; font-size: 10px; margin: 0 0 0 -80px; height: 35px; line-height: 16px; padding: 16px 0 0 0; text-align: center; text-transform: uppercase; width: 50px; } 
 
ol.notes { padding: 0px; margin: 25px 0px; list-style-type: none; border-bottom: solid 1px #ccc; }
ol.notes li.note { border-top: solid 1px #ccc; padding: 10px; }
ol.notes li.note img.avatar { vertical-align: -4px; margin-right: 10px; width: 16px; height: 16px; }
ol.notes li.note span.action { font-weight: bold; }
ol.notes li.note .answer_content { font-weight: normal; }
ol.notes li.note blockquote { border-color: #eee; padding: 4px 10px; margin: 10px 0px 0px 25px; }
ol.notes li.note blockquote a { text-decoration: none; }
 
#prevnext { padding: 10px; }
#footer { padding: 10px 0 10px 0; text-align: center; width: 850px; }
#footer img { border: 0px; padding: 0 15px 0 0; }

#box1 {
float: left; 
width:260px; 
padding:10px;
font-family: Arial;
font-size: 12px;
line-height: 15px;
color: #d1d1d1;
}

#box2 {
float: right; 
width:260px; 
padding:10px;
font-family: Arial;
font-size: 12px;
line-height: 15px;
color: #d1d1d1;
}


#divide {
float: left;
width: 150px;
padding:10px;
margin: 10px;
font-family: Arial;
font-size: 9px;
line-height: 10px;
color: #d1d1d1;
background: #5b5b5b;
border-left: 10px solid #ffd2d2;
}

#divide a {
color: #ff6868;
text-weight: italics;
font-family: Georgia;
font-size: 28px;
}
#divide b, strong { font-weight: bold; color: #d1d1d1 }
#divide i { font-weight: italics; color: #d1d1d1 }
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }
#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}