/*  

Theme Name: Technoblog

Theme URI: http://ophelianicholson.com/2008/04/28/free-wordpress-theme-technoblog/

Description: Technoblog theme for wordpress

Version: 1.0

Author: Ophelia Nicholson

Author URI: http://ophelianicholson.com

*/







/* General */



body {

	margin: 0;

	background: url("images/background.gif");

}



h1, h2, h3, h4 {

	margin: 0;

}



img {

	border: 0;

}



.clear {

	clear: both;

	height: 0;

	overflow: hidden;

}





/* Wrapper */



#wrapper {

	background: url("images/wrapper.png") no-repeat center top;

}





/* Page */



#page {

	margin: 0 auto;

	width: 984px;

}





/* Header */



#header {

	width: 984px;

	height: 235px;

	background: url("images/header.jpg") no-repeat;

	position: relative;

}



	/* Header - Info */

	

	#header #header-info {

		position: absolute;

		top: 45px;

		left: 20px;

	}

	

	#header #header-info h1 {

		color: #0066cc;

		font: bold 37px "Trebuchet MS", Verdana;

	}

	

	#header #header-info h1 a {

		color: #0066cc;

		text-decoration: none;

	}

	

	#header #header-info .description {

		color: #ff33cc;

		font: bold 18px "Trebuchet MS", Verdana;

	}

	

	/* Header - Search */

	

	#header #header-search {

		position: absolute;

		top: 111px;

		left: 702px;

		width: 273px;

		height: 26px;

		background: url("images/header_search.png") no-repeat;

	}

	

	#header #header-search #searchform {

		margin: 0;

		padding: 0;

		width: 273px;

		height: 26px;

	}

	

	#header #header-search #s {

		width: 155px;

		height: 18px;

		border: 0;

		padding: 4px 6px;

		font: normal 12px "Trebuchet MS", Verdana;

		color: #000000;

		background: transparent;

		float: left;

	}

	

	#header #header-search #searchsubmit {

		background: transparent;

		border: none;

		width: 101px;

		height: 26px;

		padding: 0;

		float: right;

	}

	

	/* Header - Menu */

	

	#header #header-menu {

		position: absolute;

		top: 156px;

		left: 0;

		width: 984px;

		height: 47px;

		background: url("images/header_menu.png") no-repeat;

	}

	

	#header #header-menu ul {

		margin: 0;

		padding: 0 0 0 7px;

		list-style-type: none;

		height: 42px;

	}

	

	#header #header-menu ul li {

		float: left;

		height: 42px;

		font: bold 12px/42px "Trebuchet MS", Verdana;

		color: #ffffff;

		padding: 0 17px 0 15px;

		background: url("images/header_menu_separator.gif") no-repeat right top;

		letter-spacing: 0.2px;

	}

	

	#header #header-menu ul li a {

		color: #ffffff;

		text-decoration: none;

	}

	

	#header #header-menu ul li a:hover {

		text-decoration: underline;

	}

	

		/* Header - Menu - Submenu */

		

		#header #header-menu ul li ul {

			display: none;

		}





/* Main */



#main {

	margin: 0 auto;

	width: 511px;

	background: url("images/main_top.png") no-repeat;

	padding-top: 28px;

}



#main-top {

	width: 511px;

	background: url("images/main.gif") repeat-y;

}



#main-bottom {

	width: 511px;

	height: 28px;

	background: url("images/main_bottom.png") no-repeat;

	margin: 0 auto;

}



	/* Main - Sidebar */

	

	#sidebar {

		float: left;

		width: 154px;

		font: normal 12px/18px "Trebuchet MS", Verdana;

		color: #ffffff;

		margin: -3px 0 10px 0;

	}

	

	#sidebar a {

		color: #323232;

		text-decoration: none;

	}

	

	#sidebar a:hover {

		text-decoration: underline;

	}

	

	#sidebar .sidebar-box {

		width: 154px;

		margin-bottom: 15px;

	}

	

		/* Sidebar - Titles */

		

		#sidebar h3 {

			font: bold 14px/30px "Trebuchet MS", Verdana;

			color: #ffffff;

			padding-left: 17px;

			width: 137px;

			height: 30px;

			background: url("images/sidebar_title.png") no-repeat;

		}

		

		/* Sidebar - Menus */

		

		#sidebar ul {

			margin: 4px 0 0 0;

			padding: 0;

			list-style-type: none;

		}

		

		#sidebar ul li {

			font: bold 11px/26px "Trebuchet MS", Verdana;

			color: #ffffff;

			padding-left: 17px;

		}

		

		#sidebar ul li a {

			color: #ffffff;

			text-decoration: none;

		}

		

		#sidebar ul li a:hover {

			text-decoration: underline;

		}

		

			/* Sidebar - Menus - Submenus */

			

			#sidebar ul li ul {

				margin: 0;

			}

		

		/* Sidebar - Forms */

		

		#sidebar #searchform {

			margin: 0;

			padding: 15px 0;

			width: 154px;

			text-align: center;

		}

		

		#sidebar #searchform #s {

			width: 120px;

		}

		

		/* Sidebar - Tables */

		

		#sidebar #calendar_wrap {

			margin: 0 auto;

			padding-top: 5px;

			width: 115px;

		}

		

		#sidebar #calendar_wrap caption {

			font-weight: bold;

		}

		

		#sidebar #calendar_wrap tbody {

			text-align: right;

		}

		

		#sidebar #calendar_wrap tfoot #next {

			text-align: right;

		}

		

		#sidebar #calendar_wrap #today {

			font-weight: bold;

		}

		

		/* Sidebar - Texts */

		

		#sidebar .textwidget {

			padding: 5px 7px 0 10px;

		}

	

	/* Main - Content */

	

	#content {

		float: left;

		width: 354px;

		padding-left: 3px;

		margin-top: -22px;

	}

	

	/* Main - Content - Post */

	

	#content .post {

		float: left;

		margin-bottom: 25px;

		width: 346px;

	}

	

		/* Post - Title */

		

		#content .post .post-title {

			background: url("images/post_title.png") no-repeat;

			width: 320px;

			height: 54px;

			color: #ffffff;

			font: bold 11px "Trebuchet MS", Verdana;

			padding: 11px 14px 0 12px;

		}

		

		#content .post .post-title a {

			color: #ffffff;

			text-decoration: none;

		}

		

		#content .post .post-title a:hover {

			text-decoration: underline;

		}

		

		#content .post .post-title .post-date {

			float: left;

			background: url("images/post_date.gif") repeat-x;

			color: #ffffff;

			text-align: center;

			text-transform: uppercase;

			width: 36px;

			height: 39px;

			margin-right: 10px;

			font: bold 11px "Trebuchet MS", Verdana;

		}

		

		#content .post .post-title .post-date span {

			margin-top: 3px;

			display: block;

		}

		

		#content .post .post-title h2 {

			color: #ffffff;

			font: bold 15px "Trebuchet MS", Verdana;

			padding-top: 1px;

		}

		

		#content .post .post-title h2 a {

			color: #ffffff;

			text-decoration: none;

		}

		

		#content .post .post-title h2 a:hover {

			text-decoration: underline;

		}

		

		/* Post - Entry */

		

		#content .post .post-entry {

			font: normal 12px/18px "Trebuchet MS", Verdana;

			color: #000000;

			padding: 0 20px 0 10px;

			width: 316px;

			float: left;

		}

		

		#content .post .post-entry a {

			color: #64b532;

			text-decoration: none;

		}

		

		#content .post .post-entry a:hover {

			text-decoration: underline;

		}

		

		#content .post .post-entry .more-link {

			font: bold 12px/20px "Trebuchet MS", Verdana;

			color: #64b532;

			float: right;

		}

		

		#content .post .post-entry .more-link a {

			color: #64b532;

			text-decoration: none;

		}

		

		#content .post .post-entry .more-link a:hover {

			text-decoration: underline;

		}

		

		/* Post - Info */

		

		#content .post .post-info {

			background: url("images/post_info.png") no-repeat;

			width: 306px;

			height: 39px;

			clear: both;

			padding: 4px 20px 0 20px;

			font: normal 12px/25px "Trebuchet MS", Verdana;

			color: #ffffff;

			text-align: right;

		}

		

		#content .post .post-info a {

			color: #ffffff;

			text-decoration: none;

		}

		

		#content .post .post-info a:hover {

			text-decoration: underline;

		}

		

		/* Post - Comments */

		

		#content .post h3 {

			color: #64b532;

			font: bold 15px "Trebuchet MS", Verdana;

			margin: 20px 0 10px 0;

		}

		

		#content .post .comments {

			font: normal 12px/18px "Trebuchet MS", Verdana;

			color: #000000;

			width: 316px;

		}

		

		#content .post .comments ol {

			margin: 10px 0;

			padding-left: 25px;

		}

		

		#content .post .comments ol li {

			padding: 5px;

		}

		

		#content .post .comments ol li a {

			color: #64b532;

			text-decoration: none;

		}

		

		#content .post .comments ol li a:hover {

			text-decoration: underline;

		}

		

		#content .post .comments ol li.alt {

			background: #f2f2f2;

		}

		

		#content .post .comments ol li cite {

			color: #64b532;

			font-style: normal;

			font-weight: bold;

		}

		

		#content .post .comments ol li cite a {

			color: #64b532;

			text-decoration: none;

		}

		

		#content .post .comments ol li cite a:hover {

			text-decoration: underline;

		}

		

		#content .post .comments ol li .commentmetadata a {

			color: #64b532;

			text-decoration: none;

		}

		

		#content .post .comments ol li .commentmetadata a:hover {

			text-decoration: underline;

		}

		

		#content .post #commentform {

			font: normal 11px/18px "Trebuchet MS", Verdana;

			color: #000000;

			width: 296px;

			margin: 0;

			padding-left: 20px;

		}

		

		#content .post #commentform a {

			color: #64b532;

			text-decoration: none;

		}

		

		#content .post #commentform a:hover {

			text-decoration: underline;

		}

	

	/* Main - Content - Navigation */

	

	#content .navigation {

		font: bold 12px/25px "Trebuchet MS", Verdana;

		color: #64b532;

		width: 316px;

		float: left;

		padding: 0 20px 0 10px;

		margin-bottom: 25px;

	}

	

	#content .navigation a {

		color: #64b532;

		text-decoration: none;

	}

	

	#content .navigation a:hover {

		text-decoration: underline;

	}

	

		#content .navigation .navigation-previous {

			float: left;

		}

		

		#content .navigation .navigation-next {

			float: right;

		}





/* Footer */



#footer {

	margin-top: 30px;

	width: 984px;

	height: 50px;

	color: #64b532;

	font: normal 12px/50px "Trebuchet MS", Verdana;

	text-align: center;

}



#footer a {

	color: #64b532;

	text-decoration: underline;

}



#footer a:hover {

	text-decoration: underline;

}