* {
margin:0px;
padding:0px;
}

body {
	font-family: monospace;

	background-color: #000;
}

.top_gradient {
	height: 170px;
	width: 100%;
	background-image: url('/images/top_gradient.png');
}

.bottom_gradient {
	padding-top: 1px;
	height: 151px;
	width: 100%px;
	background-image: url('/images/bottom_gradient.png');
}

.main { 
	background-color: #333;
}

.main_element {
	width: 730px;
	min-height: 500px;
	background-image: url('/images/main_back.png');
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	padding-bottom: 30px;
	padding-left: 50px;
	padding-right: 50px;
}

.banner {
	width: 630px;
	height: 101px;
	background-image: url('/images/top-banner.png');
	margin-left: auto;
	margin-right: auto;
}

.top_bar {
	color: #333333;
	width: 830px;
	height: 68px;
	background-image: url('/images/top_bar.png');
	margin-left: auto;
	margin-right: auto;
}

.bottom_bar {
	width: 830px;
	height: 70px;
	background-image: url('/images/bottom_bar.png');
	margin-left: auto;
	margin-right: auto;
}

.blog_link {
	padding-top: 19px;
	padding-left: 14px;
	border: 0px;
}

.product_link {
	width: 401px;
	padding-top: 19px;
	padding-left: 0px;
	border: 0px;
}

.app_icons {
	width: 830px;
	height: 100px;
	background-image: url('/images/icon_back.png');
	margin-left: auto;
	margin-right: auto;
	border-bottom: dotted;
	border-width: 1px;
	border-color: #333;
}

.blog_title {
	font-size: 1.25em;
	color: #333;
}

.blog_date {
	font-size: 1.1em;
	color: #999;
}

.blog_post {
	padding-top: 5px;
	color: #333;
	padding-bottom: 15px;
}

.blog_entry {
	border-bottom: dotted;
	border-width: 1px;
	border-color: #ccc;
	margin-bottom: 30px;
}

.twitter_box {
	width: 830px;
	background-image: url('/images/icon_back.png');
	margin-left: auto;
	margin-right: auto;
	border-bottom: dotted;
	border-width: 1px;
}

.twitter {
	margin-left: 15px;
}

.iphone {
	text-align: center;
	border-bottom: dotted;
	border-width: 1px;
	padding-bottom: 20px;
}

.iphone_vertical {
	float: left;
	text-align: center;
	padding-bottom: 20px;
}

.app_title {
	width: 830px;
	height: 70px;
	padding-top: 15px;
	background-image: url('/images/icon_back.png');
	margin-left: auto;
	margin-right: auto;
	border-bottom: dotted;
	border-width: 1px;
	border-color: #333;
	font-size: 1.5em;
	text-align: center;
	color: #333;
}

.app_subtitle {
	font-size: 0.45em;
	color: #666;
}

.buy_it {
	border-style: none;
	border-top: dotted;
	border-width: 1px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: top;
}

.tweet_it {
	text-align: center;
}

.app_text {
	padding-top:25px;
	padding-bottom: 25px;
}

/* Effects */

.qitem {
	width:80px;
	height:80px;	
	margin:10px 0px 0px 0px;
	background: url('/images/check.png') no-repeat;
	
	
	/* required to hide the image after resized */
	overflow:hidden;
	
	/* for child absolute position */
	position:relative;
	
	/* display div in line */
	float:left;
	cursor:hand; cursor:pointer;
	
	margin-left: 65px;
	text-align: center;
}

	.qitem img {
		border:0;
	
		/* allow javascript moves the img position*/
		position:absolute;
		z-index:200;
	}

	.qitem .caption {
		position:absolute;
		z-index:0;	
		color:#ccc;
		display:block;
	}

		.qitem .caption h4 {
			font-size:12px;
			padding:32px 5px 0 8px;
			margin:0;
			color:#ccc;
		}

		.qitem .caption p {
			font-size:1em;	
			padding:25px 0px 0 0px;
			margin:0;
		}



/* Setting for corners */

.topLeft, .topRight, .bottomLeft, .bottomRight {
	position:absolute;
	background-repeat: no-repeat; 
	float:left;
}

.topLeft {
	background-position: top left; 	
} 

.topRight {
	background-position: top right; 
} 

.bottomLeft {
	background-position: bottom left; 
} 

.bottomRight {
	background-position: bottom right; 
}

.clear {
	clear:both;	
}

.e404 {
	text-align: center;
	margin-top: 70px;
	font-size: 1.3em;
	color: #aa0000;
}

.pagination {
	text-decoration: none;
	color: #333;
}

a:link {
	text-decoration: none;
	color: #555;
}

a:active {
	text-decoration: none;
	color: #555;
}

a:visited {
	text-decoration: none;
	color: #555;
}

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

.login_box {
	padding-top: 150px;
	text-align: center;
}

.login_name {
	padding-top: 5px;
	padding-bottom: 15px;
}

.login_pass {
	padding-top: 5px;
	padding-bottom: 15px;
}

.main_option {
	padding-top: 27px;
	font-size: 1.2em;
	text-align: center;
}

.main_option_box {
	padding-top: 50px;
	padding-bottom: 30px;
}

.m_blog_entry {
	padding-left: 100px;
}

.m_blog_preview {
	padding-left: 100px;
	padding-right: 100px;
	width: 630px;
}

.blog_form_item {
	margin-top: 10px;
	margin-bottom: 5px;
}	

.entry_list {
	margin-left: 100px;
}

.user_list {
	margin-left: 100px;
	font-size: 1.2em;
}

.user_item {
	margin-top: 10px;
}

.create_user {
	margin-top: 100px;
	margin-left: 100px;
}

.app_adding_box {
	margin-top: 25px;
	margin-left: 75px;
}

.app_manage_label {
	margin-bottom: 5px;
	margin-top: 15px;
}

.app_upload {
	margin-left: 75px;
}