/*************************
Theme Name: Teen Blog
Theme URI: 
Description: Teen Blog
Version: 1.6
Author: 
Author URI: 
*************************/

html,body {
	background:#E0E0E0 url(images/background.gif);
	margin:0 auto;
	width:100%;
}

div { font:11px Verdana, Geneva, sans-serif; }

/*** Head Start ***/
#head {
	border-bottom:1px solid #B7B7B7;
	background:#FCFCFC;
	padding:5px 0px;
	width:100%;
	margin:0px;
	float:left;
}

#head div.body {
	border-left:4px solid #B7B7B7;
	margin:0px -380px;
	position:relative;
	width:760px;
	height:22px;
	right:50%;
	left:50%;
}

#head div.body h1 {
	padding:2px 0px 2px 4px;
	font-variant:small-caps;
	font-weight:bold;
	font-size:16px;
	margin:0px;
	float:left;
}

#head div.search {
	width:270px;
	float:right;
}

#head div.search input {
	background:#FFF url(images/search.gif) right top no-repeat;
	padding:3px 20px 3px 4px;
	border:1px solid #BDC7D8;
	font-size:10px;
	width:240px;
	height:14px;
}

#head div.info {
	padding:0px 4px 0px 0px;
	line-height:22px;
	float:right;
}

#head div.info a				{ text-decoration:none; color:#222; }
#head div.info a:hover	{ text-decoration:none; color:#BBB; }

#head p {
	padding:0px;
	height:22px;
	margin:0px;
	float:right;
}

#head p.rss { background:url(images/feed.gif) center center no-repeat; width:22px; }
/*** Head End ***/

.headbox {
	padding:0px;
	width:100%;
	height:20px;
	margin:0px;
	float:left;	
}

.freebox {
	padding:0px;
	width:100%;
	height:20px;
	margin:0px;
	float:left;	
}

#page {
	width:100%;
	margin:0px;
}

#page div.body {
	background: #F7F7F7 url(images/bg.jpg) center center repeat-y;
	border:1px solid #B7B7B7;
	margin:0px -382px;
	position:relative;
	width:764px;
	right:50%;
	left:50%;
	float:left;
}

#page div.content {
	background:#FCFCFC;
	padding:10px;
	width:478px;
	float:left;
}

#page div.content h2 {
	border-bottom:1px solid #B7B7B7;
	padding:0px 0px 4px;
	font-size:12px;
	width:478px;
	margin:0px;
	float:left;
}

#page div.content small {
	padding:2px 0px;
	color:#999999;
	font-size:10px;
	width:478px;
	margin:0px;
	float:left;
}

#page div.content a {
	text-decoration:none;
	color:#3b5998;
}

#page div.content a:hover {
	text-decoration:underline;
	color:#3b5998;
}

#page h2.title a {
	text-decoration:none;
	display:block;
	width:478px;
	color:#222;
	float:left;
}

#page h2.title a:hover {
	text-decoration:none;
	display:block;
	width:478px;
	color:#BBB;
	float:left;
}

#page div.preview {
	margin:2px 0px 0px;
	width:478px;
	float:left;
}

#page div.preview img {
	border:1px solid #B7B7B7;
	width:474px;
	padding:1px;
}

#page div.postseparator {
	width:478px;
	height:25px;
	float:left;
}

#page div.navi {
	padding:1%;
	width:98%;
	float:left;
}

#page div.navi p {
	padding:0px;
	margin:0px;
	width:50%;
	float:left;
}

#page p.more {
	font-size:12px;
	padding:1%;
	width:98%;
	float:left;
}

#page p.more a, div.navi a {
	text-decoration:none;
	color:#3b5998;
}

#page p.more a:hover, div.navi a:hover {
	text-decoration:underline;
	color:#3b5998;
}

#page div.post {
	border-bottom:1px solid #B7B7B7;
	width:478px;
	float:left;
}

#page div.post p {
	padding:5px 0px;
	width:478px;
	margin:0px;
	float:left;
}

#page div.imageslist {
	padding:2px 0px 2px 2px;
	width:476px;
	margin:0px;
	float:left;
}

#page div.imageslist img {
	border:1px solid #B7B7B7;
	height:115px;
	padding:1px;
	width:89px;
	margin:1px;
	float:left;
}

#page div.imageslist br {
	display:none;
	clear:both;
}

#page div.flashvideo {
	border:1px solid #222;
	width:476px;
	margin:0px;
	float:left;
}



#page div.notfound p {
	background:#F7F7F7;
	padding:5px;
	width:468px;
	float:left;
}

#sidebar {
	padding:0px 5px;
	width:254px;
	float:right;
}

#sidebar ul {
	list-style:none;
	padding:0px;
	width:100%;
	margin:0px;
	float:left;
}

#sidebar h3 {
	background:#E9E9E9;
	color:#414141;
	font-size:11px;
	padding:1%;
	margin:0px;
	width:98%;
	float:left;
}

#sidebar span.sidedate {
	text-align:right;
	font-size:10px;
	width:70px;
	float:right;
}

#sidebar a {
	text-decoration:none;
	color:#3b5998;
}

#sidebar a:hover {
	text-decoration:underline;
	color:#3b5998;
}

#sidebar li.menu ul {
	line-height:16px;
	font-size:11px;
	padding:1%;
	margin:0px;
	width:98%;
	float:left;
}

#sidebar li.menu li {
	border-bottom:1px solid #EEEEEE;
	line-height:18px;
	color:#999999;
}


#sidebar ul.children li {
	padding:0px 0px 0px 5%;
	width:95%;
}

#sidebar input.emailtextside {
	background:url(images/inbag.jpg) bottom center;
	border:1px solid #333;
	font-size:1.0em;
	padding:3px;
	width:168px;
	margin:1px;
	float:left;
}

#sidebar input.submitbuttonside {
	background:url(images/button.jpg) center center;
	border:1px solid #333;
	font-size:1.0em;
	padding:2px;
	width:68px;
	margin:1px;
	float:left;
}

#page div.accsess {
	background:url(images/zugang001.jpg)  center -4px no-repeat;
	padding:200px 0px 0px 125px;
	border:1px solid#111;
	width:351px;
	height:50px;
	float:left;
}

#page input.emailtext {
	background:#CCC url(images/inbag.jpg) center center;
	border:1px solid #333;
	font-size:1.0em;
	padding:3px;
	width:154px;
	margin:1px;
	float:left;
}

#page input.submitbutton {
	background:#FC0 url(images/button.jpg) center center;
	border:1px solid #333;
	font-size:1.0em;
	padding:2px;
	width:68px;
	margin:1px;
	float:left;
}
















#footer {
	border-top:1px solid #A0A0A0;
	background:#FCFCFC;
	padding:5px 0px;
	width:100%;
	height:22px;
	margin:0px;
	float:left;	
}