/*
Theme Name: Aaronweb
Theme URI: http://aaronweb.net/
Description: The fourth instalment of the Aaronweb.net design
Author: Aaron van Geffen
Version: 4.2

DO NOT COPY WITHOUT EXPLICIT WRITTEN PERMISSION. THANK YOU.
*/

body {
	font-family: "DejaVu Sans", "Verdana", "Arial", "Helvetica", "Tahoma", sans-serif;
	font-size: 13px;
	background: #33859A url('images/body-nishinomiya-shaded.jpg') fixed bottom left no-repeat;
	margin: 0;
	min-width: 960px;
}

/* General document structure
-------------------------------*/
div#header {
	overflow: hidden;
	padding: 1.2em 5em;
	margin: 0 0 2em;
	background: url('/wp-content/themes/aaronweb/images/wrapper-border-header.png') bottom repeat-x;
}

	div#header h1#logo {
		margin: 0 0 0 5px;
		float: left;
		background: url('/wp-content/themes/aaronweb/images/logo_shadow.png') no-repeat;
		width: 253px;
		height: 42px;
		text-indent: 2em;
		font-size: 2em;
		font-weight: normal;
		line-height: 1.5em;
		color: #fff;
		text-shadow: 1px 1px 1px #222;
	}

		div#header h1#logo span {
			font-size: 1em;
			color: #C2E5EF;
		}

hr.section_separator {
	display: none;
}

/* Regular posts */
div#container {
	float: left;
	margin: 0 -24em 0 0;
	width: 100%;
}

	div#main {
		margin: 0 24em 0 5em;
	}

div#sidebar {
	float: right;
	margin: 0 5em 0 0;
	width: 17em;
}

/* Full-width pages */
div#page_content {
	margin: 0 5em;
}

div#footer {
	clear: both;
	overflow: hidden;
	bottom: 0;
	padding: 1em 5em;
	margin: 1em 0 0;
	background: url('/wp-content/themes/aaronweb/images/wrapper-border-footer.png') top repeat-x;
	color: #fff;
	text-shadow: 1px 1px 1px #222;
	text-align: left;
}

	div#footer span.copyright {
		float: left;
	}

	div#footer span.vanity {
		float: right;
	}

	div#footer a {
		color: #fff;
		text-decoration: underline;
	}

	div#footer a:hover {
		text-decoration: none;
	}

/* Main navigation
--------------------*/
ul#menu-main-menu {
	float: right;
	margin: 0.5em 0 0;
	padding: 0;
	overflow: hidden;
	list-style: none;
}

ul#menu-main-menu li {
	float: left;
}

ul#menu-main-menu li a {
	text-decoration: none;
	color: #fff;
	display: block;
	padding: 0.5em;
	font-size: 1.1em;
	line-height: 1.0;
	padding: 6px 9px;
	margin: 0 0 0 6px;
	text-shadow: 1px 1px 1px #222;
}

	ul#menu-main-menu li a:hover {
		padding: 0 3px;
		border: 6px solid transparent; /* for browsers that don't understand border images */

		border-image: url('/wp-content/themes/aaronweb/images/box-menu-hover-border.png') 6 stretch;
		-o-border-image: url('/wp-content/themes/aaronweb/images/box-menu-hover-border.png') 6 stretch;
		-pie-border-image: url('/wp-content/themes/aaronweb/images/box-menu-hover-border.png') 6 fill stretch; /* IE6,7,8 */
		-moz-border-image: url('/wp-content/themes/aaronweb/images/box-menu-hover-border.png') 6 stretch;
		-webkit-border-image: url('/wp-content/themes/aaronweb/images/box-menu-hover-border.png') 6 stretch;
	}

	ul#menu-main-menu li.current-menu-item a, ul#menu-main-menu li.current-menu-parent a,
	body.single-post li#menu-item-130 a, body.portfolio li#menu-item-60 a, body.projects li#menu-item-59 a {
		padding: 0 3px;
		border: 6px solid transparent; /* for browsers that don't understand border images */

		border-image: url('/wp-content/themes/aaronweb/images/box-menu-border.png') 6 stretch;
		-o-border-image: url('/wp-content/themes/aaronweb/images/box-menu-border.png') 6 stretch;
		-pie-border-image: url('/wp-content/themes/aaronweb/images/box-menu-border.png') 6 fill stretch; /* IE6,7,8 */
		-moz-border-image: url('/wp-content/themes/aaronweb/images/box-menu-border.png') 6 stretch;
		-webkit-border-image: url('/wp-content/themes/aaronweb/images/box-menu-border.png') 6 stretch;
	}

/* Regular box
----------------*/
div.box {
	margin: 0 0 2em;
	border: 10px solid transparent; /* for browsers that don't understand border images */
	border-image: url('/wp-content/themes/aaronweb/images/box-border.png') 10 stretch;
	-o-border-image: url('/wp-content/themes/aaronweb/images/box-border.png') 10 stretch;
	-pie-border-image: url('/wp-content/themes/aaronweb/images/box-border.png') 10 fill stretch; /* IE6,7,8 */
	-moz-border-image: url('/wp-content/themes/aaronweb/images/box-border.png') 10 stretch;
	-webkit-border-image: url('/wp-content/themes/aaronweb/images/box-border.png') 10 stretch;
}

	div.box h2 {
		font: bold 1.4em "Trebuchet MS", "Helvetica", sans-serif;
		background: #152E44;
		margin: 0;
		padding: 0.5em 0.75em;
		color: #fff;
		text-shadow: 1px 1px 1px #222;
	}

		div.box h2 a {
			color: #fff;
			text-decoration: none;
		}

	div.box h3 {
		color: #152E44;
		font-size: 1.17em;
		margin: 15px 0 3px 0;
		padding: 0;
	}

	div.box div.content {
		padding: 0 1em;
		background: #fff; /* ensures readability on browsers that don't understand border images */
	}

		div.box div.content p {
			margin: 1em 0;
			line-height: 1.5em;
		}

		div.box div.content pre, div.box div.content code, div.box blockquote {
			display: block;
			margin: 0 0 0 2em;
			padding: 0.5em;
			background: #F6F6F6;
			border: 1px solid #ddd;
		}

	div.box a {
		color: #1E3232;
		text-decoration: none;
	}

		div.box a:hover {
			text-decoration: underline;
		}

		div.box a img {
			border: none;
		}

/* Glass box
--------------*/
div.glassbox {
	margin: 0 0 2em;
	border: 10px solid transparent; /* for browsers that don't understand border images */
	border-image: url('/wp-content/themes/aaronweb/images/box-glass-border.png') 10 stretch;
	-o-border-image: url('/wp-content/themes/aaronweb/images/box-glass-border.png') 10 stretch;
	-pie-border-image: url('/wp-content/themes/aaronweb/images/box-glass-border.png') 10 fill stretch; /* IE6,7,8 */
	-moz-border-image: url('/wp-content/themes/aaronweb/images/box-glass-border.png') 10 stretch;
	-webkit-border-image: url('/wp-content/themes/aaronweb/images/box-glass-border.png') 10 stretch;
}

	div.glassbox h2 {
		font: bold 1.4em "Trebuchet MS", "Helvetica", sans-serif;
		background: #152E44;
		margin: 0;
		padding: 0.5em 0.75em;
		color: #fff;
		text-shadow: 1px 1px 1px #222;
	}

		div.glassbox h2 a {
			color: #fff;
			text-decoration: none;
		}

	div.glassbox h3 {
		margin: 0.5em 0 1em;
		padding: 0;
		font-weight: bold;
		font-size: 1.1em;
		line-height: 1.2em;
		color: #fff;
		text-shadow: 1px 1px 1px #222;
	}

	div.glassbox div.content {
		background: transparent !important;
	}

		div.glassbox div.content p {
			line-height: 1.5em;
		}

	div.glassbox a {
		color: #1E3232;
		text-decoration: none;
	}

		div.glassbox a:hover {
			text-decoration: underline;
		}

/* Content slices
-------------------*/
div.entry-meta {
	background-color: #F6F6F6;
	border-top: 1px solid #ddd;
	color: #999;
	display: block;
	padding: 1.25em;
	font-size: 0.85em;
}

	div.entry-meta a {
		font-size: 1em;
		color: #666;
	}

/* Selected text
------------------*/
*::-moz-selection {
	background: #82A5C7;
	color: #fff;
}
*::selection {
	background: #82A5C7;
	color: #fff;
}

/* Comments
-------------*/
div.comments-positioner {
	background: url('/wp-content/themes/aaronweb/images/comment-arrow.png') 10px 0 no-repeat;
	overflow: hidden;
	padding-left: 165px;
}

div.num-comments {
	color: #eee;
	font-size: 1.3em;
	margin-bottom: 1em;
	font-family: "Trebuchet MS", "Helvetica", sans-serif;
	text-shadow: 1px 1px 1px #222;
}

	div.num-comments a {
		color: #fff;
		font-style: italic;
		font-size: 0.8em;
		text-decoration: none;
	}

	div.num-comments a:hover {
		text-decoration: underline;
	}

ol.commentlist, li.comment, ol.children {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

	ol.commentlist ul.children {
		background: url('/wp-content/themes/aaronweb/images/comment-arrow-child.png') 10px 0 no-repeat;
		padding: 0 0 0 70px;
		margin: 0;
	}

	li.comment div.box {
		display: block;
		margin: 0 0 1em;
	}

	li.comment .comment-head {
		background: #497392 url('/wp-content/themes/aaronweb/images/comment-header.png') left bottom no-repeat;
		position: relative;
		color: #fff;
		padding: 0 0 6px 78px;
		margin: 0;
		line-height: normal;
		font-family: "Trebuchet MS", "Helvetica", sans-serif;
		text-shadow: 1px 1px 1px #222;
	}

		li.comment .avatar-box {
			position: absolute;
			bottom: 0;
			width: 48px;
			height: 48px;
			left: 8px;
			z-index: 2;
			padding: 3px;
			background-color: #fff;
			border: 1px solid #bfbfbf;
		}

		li.comment .comment-head .author {
			margin: 0;
			padding: 4px 1em 16px 1em;
			line-height: 150%;
		}

		li.comment .comment-head a {
			color: #fff;
			text-decoration: underline;
		}

		li.comment .comment-head a:hover {
			text-decoration: none;
		}

		li.comment .comment-head .author .by {
			font-weight: bold;
		}

	li.comment .comment-body {
		background: #f6f6f6;
		padding: 0.4em 1em 0;
	}

		li.comment .comment-body p {
			padding: 0 0 0.6em;
			margin: 0;
		}

	li.comment .reply {
		text-align: right;
		background: #f6f6f6;
		padding: 0.4em 1em;
	}

	li.pingback div.box p {
		margin: 0;
		padding: 1em;
		background: #f6f6f6;
	}

/* Comment form
-----------------*/
#respond form {
	margin: 0;
	padding: 1em;
	background: #fff; /* ensures readability on browsers that don't understand border images */
}

	#respond form input, #respond form textarea {
		background: #f2f2f2;
		border: 1px solid #aaa;
		margin-right: 10px;
		font: 12px "DejaVu Sans", "Verdana", "Arial", "Helvetica", "Tahoma", sans-serif;
	}

/* Page/post navigation
-------------------------*/
.single .post {
	margin-bottom: 0;
}

.single .post .content a {
	text-decoration: underline;
}

.single .post .content a:hover {
	text-decoration: none;
}

.navigation {
	overflow: hidden;
	margin: 1em 10px;
}

.navigation .nav-previous {
	float: left;
}

.navigation .nav-next {
	float: right;
}

.navigation a {
	color: #fff;
	text-shadow: 1px 1px 1px #000;
	text-decoration: none;
}

	.navigation a:hover {
		text-decoration: underline;
	}

/* Homepage
-------------*/

.home div#sidebar {
	float: left;
	margin: 0 0 0 5em;
	width: 30em;
}

.home div#lifestream_box {
	margin: 0 5em 0 37em;
}

.home #blog_box h3 {
	margin-bottom: 0.2em;
}

.home #blog_box ol {
	list-style: none;
	margin: 0;
	padding: 0;
}

	.home #blog_box ol li {
		border-bottom: 1px solid #ccc;
	}

	.home #blog_box ol li.last-post {
		border: none;
	}

.home #blog_box div.post-meta {
	font-size: 0.85em;
	margin-bottom: 1em;
}

#flickrstream, #flickrstream ul, #flickrstream li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#flickrstream ul {
	overflow: hidden;
}

	#flickrstream li {
		float: left;
	}

		#flickrstream a img {
			border: 1px dotted #ddd;
			padding: 0.25em;
			margin: 0.4em 0.3em 0 0.3em;
		}

		#flickrstream a:hover img {
			border: 1px dotted #fff;
		}

.home #portfolio_box ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

	.home #portfolio_box ul li {
		display: inline;
	}

		.home #portfolio_box ul img {
			border: 1px dotted #ddd;
			padding: 0.25em;
			margin: 0.4em 1em 0 0.3em;
		}

		.home #portfolio_box ul img {
			border: 1px dotted #fff;
		}


.home #lifestream, .home #lifestream ol, .home #lifestream ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

	.home #lifestream h2 {
		font: bold 14px "DejaVu Sans", "Verdana", "Arial", "Helvetica", "Tahoma", sans-serif;
		background: none;
		color: #112525;
		text-shadow: none;
		margin: 0;
		padding: 0;
	}

	.home #lifestream ol li {
		list-style: none;
		padding: 0;		
		margin: 0 0 0 2em;
	}

	.home #lifestream ul {
		margin: 1em 0 0;
		padding: 0;
	}

	.home #lifestream ul li {
		list-style: disc;
		margin: 0 0 0 1em;
		padding: 0;
	}

	.home #lifestream p.lifestream-label {
		padding: 0;
		margin: 1em 0 0;
	}

	.home #lifestream p.lifestream-meta {
		padding: 0;
		margin: 0 0 1em;
	}

.lifestream .lifestream_meta {
	color: #1F343F !important;
}

/* Widgets
------------*/

.widget_archive ul, .widget_categories ul, .widget_meta ul {
	list-style: circle;
	margin: 0 0 0 2em;
	padding: 0;
}

#wp_tag_cloud div {
	line-height: 1.6em;
}
#wp-calendar {
	width: 100%;
}
#wp-calendar caption {
	color: #222;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 4px;
	text-align: left;
}
#wp-calendar thead {
	font-size: 11px;
}
#wp-calendar thead th {
}
#wp-calendar tbody {
	color: #aaa;
}
#wp-calendar tbody td {
	background: #f5f5f5;
	border: 1px solid #fff;
	padding: 3px 0 2px;
	text-align: center;
}
#wp-calendar tbody .pad {
	background: none;
}
#wp-calendar tfoot #next {
	text-align: right;
}

/*
    ====================================
    QUICK AND DIRTY COPY PASTA BUSINESS!
    ====================================
*/

div.shrink_header {
	padding: 1.4em;
}

div.shrink_header h2 {
	margin: -1em -1em 1em -1em;
}


div.shrink_header h3
{
	font: 1.2em "Trebuchet MS", "Helvetica", sans-serif;
	color: #1F323F;
	margin: 0.5em 0;
	padding-bottom: 0.2em;
	border-bottom: 1px dotted #1F323F;
}
div.shrink_header hr
{
	margin: 1em 0;
	padding: 0;
	border: solid #5C6C74;
	border-width: 1px 0 0 0;
}
div.shrink_header ul
{
	margin: 1em 0 1em 2.5em;
	padding: 0;
}

/* Lightbox
---------------------------------*/
#lightbox
{
	background-color: #F5FBFF;
	padding: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	z-index: 400;
	font-size: 1px;
	line-height: 1px;
}
#lightbox a
{
	border: none !important;
}
#lightbox img
{
	border: none;
	clear: both;
}
#overlay img
{
	border: none;
}
#overlay
{
	background-image: url('/wp-content/themes/aaronweb/images/overlay.png');
	z-index: 400;
}

/* Projects listing
---------------------------------*/
#projects
{
	margin: 0 !important;
	padding: 0;
	overflow: hidden;
	list-style: none;
}
#projects li
{
	font: 15px "Trebuchet MS", "Helvetica", sans-serif;
	padding: 1%;
	margin: 0 1% 1% 0;
	border: solid #B9CDDA;
	border-width: 0 3px 3px 0;
	background: #F5FBFF;
	float: left;
	width: 29.6%;
	max-width: 370px;
	height: 210px;
	text-align: center;
	overflow: hidden;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#projects li:hover
{
	background-color: #edf4f8;
	border-color: #b3c9d7;
}
#projects li h4
{
	padding: 0;
	margin: 0;
	color: #5C6C74;
}
#projects li a
{
	display: block;
	border: none !important;
	background: none !important;
}
#projects li a img.screen
{
	padding: 4px;
	background: #fefefe;
	border: 1px solid #b3c9d7;
	margin: 1em 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#projects li a:hover img.screen
{
	padding: 3px;
	border-width: 2px;
}

/* Tabs on project pages
---------------------------------*/
#tabs
{
	clear: both;
	overflow: hidden;
	margin: 0 0 1em 0 !important;
	padding: 0 0 0 1em !important;
	list-style: none;
	border-bottom: 2px solid #899AA2;
}
#tabs li
{
	float: left;
	margin: 0 0.25em 0 0;
	font: bold 15px "Trebuchet MS", "Helvetica", sans-serif;
}
#tabs li a
{
	float: left;
	padding: 0.25em 0.5em;
	border: solid #B9CDDA;
	border-width: 2px 0 0 2px;
	background: #F5FBFF;
	color: #5C6C74;
	text-decoration: none;
	-moz-border-radius: 8px 8px 0 0;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
#tabs li a:hover
{
	background-color: #edf4f8;
	border-color: #b3c9d7;
}
#tabs li.active a
{
	border-color: #A7B8BF;
	background-color: #edf4f8;
}

/* Screenshots sections
---------------------------------*/
#screenshots
{
	margin: 0 !important;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
#screenshots li
{
	float: left;
	margin: 0 5px 5px 0;
}
#screenshots li a
{
	background: none !important;
	border: none !important;
}
#screenshots li img
{
	padding: 4px;
	border: 1px solid #638A9F;
	cursor: -moz-zoom-in;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#screenshots li:hover img
{
	padding: 3px;
	border-width: 2px;
}

/* Styled tables
---------------------------------*/
.formal_table
{
	background: #B9CDDA;
}
.formal_table thead th
{
	font-size: 1.1em;
	line-height: 1.4em;
	text-align: left;
	background: #6F8C9D;
	color: #fff;
}
.formal_table tbody th
{
	font-size: 1.05em;
	line-height: 1.3em;
	text-align: left;
	background: #C3D4DF;
	color: #365A74;
}
.formal_table tbody td
{
	background: #fff;
}
.formal_table tbody tr:hover td
{
	background: #EDF4F8;
}

/* Webdesign portfolio
---------------------------------*/
#portfolio
{
	list-style: none;
	margin: 0 !important;
	padding: 0;
}
#portfolio li
{
	margin: 1em 0;
	overflow: hidden;
	width: 50%;
	min-width: 450px;
	float: left;
}

/* Screenshot */
#portfolio li img
{
	display: block;
	float: left;
	width: 250px;
	height: 187px;
	padding: 10px;
	margin-right: 10px;
	border: solid #B9CDDA;
	border-width: 0 3px 3px 0;
	background: #F5FBFF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#portfolio li a:hover img
{
	background-color: #edf4f8;
	border-color: #b3c9d7;
	cursor: -moz-zoom-in;
}

/* Name */
#portfolio li h3
{
	clear: right;
}
#portfolio li h3 a
{
	border-bottom: none !important;
	padding-right: 15px;
	background: url('images/icons/external.png') center right no-repeat;
}

/* Extra info */
#portfolio li dl
{
	font-size: 0.9em;
	margin: 5px 0;
	overflow: hidden;
}

#portfolio li dl dt
{
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	padding-bottom: 2px;
	margin-right: 1em;
}
#portfolio li dl dd
{
	margin: 0.5em 0 0.5em 2em;
}

/* Involvement */
#portfolio li dl dd ul
{
	list-style: disc inside;
	margin: 0;
	padding: 0;
}
#portfolio li dl dd ul li
{
	float: none;
	width: auto;
	min-width: 0;
	height: auto;
	margin: auto;
}

/* Page indices
---------------------------------*/
ul.pageIndex
{
	clear: both;
	margin: 1em 0 !important;
	padding: 0.75em 0 !important;
	list-style: none;
	text-align: center;
	border: dotted #888;
	border-width: 1px 0;
}
ul.pageIndex li
{
	display: inline;
}
ul.pageIndex li span
{
	opacity: 0.4;
}
ul.pageIndex li a, ul.pageIndex li span
{
	font-size: 12px;
	padding: 4px 6px;
	border: 1px solid #B9CDDA !important;
	background: #EFF9FF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
ul.pageIndex li a.active
{
	background-color: #e4eff5;
	border-color: #b4c9d7 !important;
}
ul.pageIndex li a:hover
{
	background-color: #daeaf4 !important;
	border-color: #7e9caf !important;
}

/* Advertisements
---------------------------------*/
#ads {
	text-align: center;
	margin: 1.5em 0 0.5em 0;
}

img#wpstats {
	position: absolute;
	left: -1000em;
	top: -1000em;
}