body { background: #505050 }
#head, #page, #navbar, #top, #middle, #gallery,
#front-popular, #footer {
	border-left:5px solid #fff;
	border-right:5px solid #fff;
}

/* Structure */
#page { background:#eeeeee url(../images/diag_stripe.gif) }
#inner { background:url(../images/left_stripe.gif) left repeat-y }
#content2{ width:900 }

/* Navigation Bar*/

#navbar { background:url(../images/navbar.png) no-repeat }

/*Index Page*/
#top { background:#dedede }
#headline { 
	background:#333333;
	color:#fff;
}	
#headline a { color:#a0a0a0 }
#headline div.meta { color:#ececec }
#featured {
	background:none;
	padding-bottom:20px;
}
#middle { background:#fff }

/* Sidebar*/
#sidebar h3 {
	background:#303030;
	color:#fff;
}
.spoiler h3 a { color:#fff }

/* Footer*/
#gallery, #footer { background:#dedede }
#front-popular { background:#303030 }
#front-popular h3 { color:#fff }
#recentpost a, #mostcommented a, #recent_comments a { color:#fff }

/* #Responsive For Mobile
================================================== */
/* Portrait */
@media only screen and (max-width: 767px) {
	#navbar, #middle, #page, #footer { width:290px !important }
	#gallery { width:295px !important }
	#front-popular { width:280px !important }
	#front-list, #paged-list, .spoiler, .sidebar-background,
	.sidebar-left-background, .sidebar-right-background { width:270px !important }
	#page-wrapper, .categorybar { width:100% !important }
	#headline { width:273px !important }
	#searchform input[type="text"] { width:255px !important }
	#navbar { background-size:100%; background-color:#040404 }
	#navbar-wrapper { background-image:none }

	.video {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
	}
	.video iframe,  
	.video object,  
	.video embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
}

/* Landscape */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	/*#head, #page, #navbar, #top, #middle, #gallery,
	#front-popular, #footer { border:none }*/
	#navbar, #middle, #page, #footer { width:390px !important }
	#gallery { width:395px !important }
	#front-popular { width:380px !important }
	#front-list, #paged-list, .spoiler, .sidebar-background,
	.sidebar-left-background, .sidebar-right-background { width:370px !important }
	#page-wrapper, .categorybar { width:100% !important }
	#headline { width:373px !important }
	#searchform input[type="text"] { width:355px !important }
	
}