/*
Theme Name: Laptop
Theme URI: http://www.dizzain.com/blog_customization/
Description: The WordPress theme for site <b>Give a laptop</b>.
Version: 1.0
Author: Dizzain.com
Author URI: http://www.dizzain.com/
*/

/*
	Main styles
*/

html { width: 100%; }

* {
	margin: 0;
	padding: 0;
}

body {
	font: 13px/16px Tahoma, Verdana, Arial, sans-serif;
	color: #3d3d3b;
	background: #fff;
}

a img, fieldset {
	border: none;
}

legend {
	display: none;
}

p {
	margin: 10px 0 0 0;
}

ul, ol {
	margin: 10px 0 0 20px;
}

pre {
	font: 14px/16px "Courier New", Courier, monospace;
	color: #333;
	margin: 10px 0;
}

a {
	color: #319400;
}

a:hover {
	text-decoration: none;
}

a:hover, a:active, a:focus {
	outline:none;
}

.overflow {
	overflow: auto;
}

/*
	Layonts
*/

#wrapper {
	margin: 0 auto;
	width: 1000px;
	overflow: hidden;
}

#logo {
	width: 135px;
	float: left;
	margin-top: 15px;
}

#container {
	float: left;
	width: 850px;
	overflow: hidden;
	margin-top: 15px;
}

#header {
	margin: 0 auto;
	width: 850px;
	height: 310px;
	background: url("images/header.jpg") 0 0 no-repeat;
	overflow: hidden;
}

#aside {
	float: left;
	width: 181px;
	min-height: 310px;
	background: #fac902 url("images/aside.jpg") 0 0 no-repeat;
}

	#aside .bottom {
		overflow: hidden;
		width: 181px;
		background: url("images/aside_bottom.gif") left bottom no-repeat;
	}

#content {
	float: left;
	width: 650px;
}

/*
	Logo
*/

#logo {
}

	#logo h1 {
		position: relative;
		font: bold 32px/35px Arial, Tahoma, sans-serif;
		margin: 0;
		padding: 0;
		background: url("images/logo.jpg") 0 0 no-repeat;
	}

	#logo h1 a {
		display: block;
		width: 105px;
		height: 215px;
		cursor: pointer;
	}

	#logo h1 span {
		display: none;
	}

/*
	Menu
*/

#menu {
	float: left;
	height: 46px;
	width: 850px;
	margin-top: 264px;
}

	#menu ul {
		float: left;
		padding: 0;
		margin: 0;
		list-style-type: none;
		width: 850px;
	}

		#menu ul li {
			float: left;
			margin: 0;
			padding: 0;
			font: 17px/46px "Myriad Pro", Arial, Tahoma, sans-serif;
			height: 46px;
			text-align: center;
		}

		#menu ul li a {
			display: block;
			position: relative;
			color: #000;
		}

		#menu ul li a span {
			display: block;
			position: absolute;
			width: 100%;
			height: 46px;
			top: 0;
			left: 0;
			cursor: pointer;
		}

			#menu ul li.h a {
				width: 88px;
			}

				#menu ul li.h a span {
					background: url("images/menu.jpg") 0 0 no-repeat;
					width: 88px;
				}

				#menu ul li.h a.active span {
					background-position: 0 -46px;
				}

			#menu ul li.a a {
				width: 106px;
			}

				#menu ul li.a a span {
					background: url("images/menu.jpg") -88px 0 no-repeat;
					width: 106px;
				}

				#menu ul li.a a.active span {
					background-position: -88px -46px;
				}

			#menu ul li.m a {
				width: 78px;
			}

				#menu ul li.m a span {
					background: url("images/menu.jpg") -194px 0 no-repeat;
					width: 78px;
				}

				#menu ul li.m a.active span {
					background-position: -194px -46px;
				}

			#menu ul li.n a {
				width: 88px;
			}

				#menu ul li.n a span {
					background: url("images/menu.jpg") -272px 0 no-repeat;
					width: 88px;
				}

				#menu ul li.n a.active span {
					background-position: -272px -46px;
				}

			#menu ul li.p a {
				width: 142px;
			}

				#menu ul li.p a span {
					background: url("images/menu.jpg") -360px 0 no-repeat;
					width: 142px;
				}

				#menu ul li.p a.active span {
					background-position: -360px -46px;
				}

			#menu ul li.l a {
				width: 125px;
			}

				#menu ul li.l a span {
					background: url("images/menu.jpg") -502px 0 no-repeat;
					width: 125px;
				}

				#menu ul li.l a.active span {
					background-position: -502px -46px;
				}

			#menu ul li.d a {
				width: 101px;
			}

				#menu ul li.d a span {
					background: url("images/menu.jpg") -627px 0 no-repeat;
					width: 101px;
				}

				#menu ul li.d a.active span {
					background-position: -627px -46px;
				}

			#menu ul li.c a {
				width: 121px;
			}

				#menu ul li.c a span {
					background: url("images/menu.jpg") -728px 0 no-repeat;
					width: 121px;
				}

				#menu ul li.c a.active span {
					background-position: -728px -46px;
				}

/*
	Content
*/

#content #mission {
	float: left;
	width: 250px;
	margin: 20px 0 0 30px;
}

	#content #mission .block {
		margin: 0 0 20px;
	}

#content #posts {
	float: left;
	width: 320px;
	margin: 20px 0 0 40px;
}

	#content #posts h2 {
		font: bold 16px/20px Arial;
	}

	#content #posts.wide {
		width: 560px;
		margin: 20px 0 0 40px;
	}

	#content #posts .post {
		background: url("images/arrow.gif") 0 5px no-repeat;
		margin: 0 0 20px;
	}

		#content #posts .post .entry {
			overflow: hidden;
			margin: 10px 0 0 10px;
		}

	#content #posts p {
		margin: 10px 0;
	}

	#content #posts ul {
		margin: 10px 40px;
	}

	#content #posts p a {
		color: #319400;
		font-weight: bold;
	}

	#content #posts .entry .date {
		font: 11px/14px Tahoma;
		color: #959595;
		margin: 2px 0 5px;
	}

/*
	Sidebar
*/

#aside h3 {
	font: 22px/24px "Myriad Pro", Arial;
	color: #000;
}

	#aside h3 span {
		display: none;
	}

#aside p {
}

#aside ul {
	list-style-type: none;
	margin: 20px 15px;
	font: 13px/18px Arial, Tahoma, sans-serif;
}

	#aside ul li {
		min-height: 50px;
		margin-bottom: 20px;
	}

		#aside ul li ul {
			list-style-type: none;
			margin: 10px 0 0 -10px;
		}

			#aside ul li ul li {
				list-style-type: none;
				margin: 0;
				padding-left: 10px;
				min-height: 1px;
			}

	#aside ul li a {
		color: #000;
	}

/*
	Copyright and footer
*/

#copyright {
	float: left;
	width: 850px;
	background: url("images/footer_line.jpg") 0 0 no-repeat;
	font: 12px/16px Tahoma;
	color: #959595;
	padding-top: 20px;
	margin-top: 20px;
}

	#copyright .left {
		float: left;
	}

	#copyright .right {
		float: right;
	}

	#copyright a {
		color: #0190cc;
	}

#footer {
	padding: 0;
	margin: 0 auto;
	width: 100%;
	height: 50px;
	background: url("images/footer_r.gif") 0 0 repeat-x;
}

	#footer .back {
		position: relative;
		width: 50%;
		height: 50px;
		background: url("images/footer_l.gif") 0 0 repeat-x;
	}

	#footer .center {
		position: relative;
		margin: -50px auto 0;
		width: 1000px;
		height: 50px;
		background: url("images/footer.jpg") 0 0 no-repeat;
	}

#footer p {
	color: #a22a74;
	font: bold 11px/14px Arial;
}

	#footer p a {
		color: #a22a74;
	}

/*
	Searchform
*/

#searchform {
	background: url("images/searchform.gif") 0 0 no-repeat;
	height: 25px;
	width: 167px;
	margin-left: -5px;
	margin-top: 10px;
	margin-bottom: -10px;
}

	#searchform p {
		margin: 0;
	}

	#searchform input {
		background: none;
		border: 0 none;
		float: left;
		margin: 6px 0 0;
		padding: 0 0 0 10px;
		width: 125px;
		color: #000;
		font: 11px/14px Tahoma, Verdana, Arial, sans-serif;
	}

		#searchform input#searchsubmit {
			cursor: pointer;
			height: 25px;
			width: 30px;
			color: #000;
			font-weight: bold;
			margin: 0;
		}

/*
	Navigation
*/

.navigation {
	margin: 10px 0;
}

	.navigation .alignleft {
		float: left;
	}

	.navigation .alignright {
		float: right;
	}


/*
	Comments
*/


.commentlist {
	padding: 0;
	font: 12px/18px Tahoma, Arial, sans-serif;
	float: right;
}

#content #posts #respond p {
	margin: 10px 0;
}

	.commentlist li {
		margin: 15px 10px 10px 0;
	}

	.commentlist cite, .commentlist cite a {
		font-weight: bold;
		font-style: normal;
	}

	.children { padding: 0; }

	.nocomments {
		text-align: center;
		margin: 0;
		padding: 0;
	}

	.commentmetadata {
		margin: 0;
		display: block;
	}

#author, #email, #url, #comment {
	border: 1px solid #8dba26;
	color: #000;
	font: 12px/18px Arial;
	padding: 3px 2px;
}

#comment {
	width: 500px;
}