/*

Theme Name: workedover-v1.0
Theme URI: http://www.workedover.ca
Description: This is a custom wordpress 3-column theme for workedover.ca, Scott McEwan's official online art gallery and personal journal
Version: 1.0
Author: Michael J Kormendy
Author URI: http://www.somethinginteractive.com/
Author URI2: http://www.michaelkormendy.com/

*/

/********** TOOLS **********/

/*	
	background-image: url(/wordpress/wp-content/themes/workedover-v1.0/images/area_trace.png);
	behavior: url(/wordpress/wp-content/themes/workedover-v1.0/libs/iepngfix.htc);
*/

/********** GENERAL STYLES **********/

* {
	margin: 0; /* no need for unit */
	padding: 0;
}

body {
	background: #474747 url(/wordpress/wp-content/themes/workedover-v1.0/images/bgframework_artwork.jpg) no-repeat top center;
	font: 76% "Trebuchet MS",Helvetica,Arial,Verdana,sans-serif;
	color: #444;
	min-width: 950px;
}
a {
	text-decoration: none;
}
a img {
	border: none;
}
/* h1 - h6 set */
h1, h2, h3, h4, h5, h6 {
	line-height: 1em;
	font-weight: bold;
	text-align: left;
}
h1, h2, h3 {
	font-family: Helvetica,Arial,Verdana,sans-serif;
}
h1 { /* flash */
	font-size: 44px;
	letter-spacing: -0.3px;
	text-transform: lowercase;
}
h2 { /* flash */
	font-size: 22px;
	line-height: 25px;
	margin: 5px 0 0 0;
	text-transform: lowercase;
}
h3 { /* flash */
	font-size: 30px;
	letter-spacing: 1px;
	text-transform: lowercase;
}
h4 {
	font-size: 15px;
	margin-left: -1px; /* fixes visual beginning alignment of text when compared to other layers */
}
h5 {
	font-size: 10px;
	margin-top: 2px;
	line-height: 1.2em;
}
h6 {
	font-size: 16px;
}
blockquote {
	font-style: italic;
	margin: 10px;
	padding: 10px;
	background-color: #EEE;
}
.floatleft {
	float: left;
}
.clearboth {
	clear: both;
}
.hidden {
	display: none;
}

/********** HEADER STYLES **********/

#header {
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 50%; /*for centering with absolute positioning*/
	margin-left: -475px; /*for centering with absolute positioning*/
	width: 950px;
	height: 70px;
	background: #808080 url(/wordpress/wp-content/themes/workedover-v1.0/images/row_bg_headernav.png) repeat-x;
	color: #FFF;
}
	#blogname {
		display: inline;
		float: left;
		margin: 14px 0 0 19px;
	}
		#header a:link, #header a:visited, #header a:active {
			font: inherit;
			color: #FFF; /* white */
		}
		#header a:hover {
			font: inherit;
			color: #444; /* dark grey */
		}
	#bloginfo {
		display: inline;
		float: left;
		margin: 25px 0 0 15px;
	}
	#header #navigation {
		display: inline;
		float: right;
		margin: 26px 0 0 15px;
	}
		#nav1, #nav2, #nav3, #nav4 {
			float: left;
			margin: 0 20px 0 0;
			background-repeat: repeat-x;
			background-position: top;
		}
		#nav1 {
			background-image: url(/wordpress/wp-content/themes/workedover-v1.0/images/nav_bg_topbar_green.gif);
		}
		#nav2 {
			background-image: url(/wordpress/wp-content/themes/workedover-v1.0/images/nav_bg_topbar_blue.gif);
		}
		#nav3 {
			background-image: url(/wordpress/wp-content/themes/workedover-v1.0/images/nav_bg_topbar_pink.gif);
		}
		#nav4 {
			background-image: url(/wordpress/wp-content/themes/workedover-v1.0/images/nav_bg_topbar_orange.gif);
		}

/********** CONTENT STYLES **********/

#content {
	position: absolute;
	top: 70px;
	left: 50%; /*for centering with absolute positioning*/
	margin-left: -475px; /*for centering with absolute positioning*/
	width: 950px;
	background-color: #FFF;
}

#sb-loading {
	background: url(/wordpress/wp-content/themes/workedover-v1.0/images/loading-numbers.gif) 50% 50% no-repeat !important;;
}
#sb-loading-inner {
	display: none;
}


/********** ART PRACTICE STYLES **********/

#artpractice {
	position: relative;
	width: 920px;
	height: 506px;
	background: #474747 url(/wordpress/wp-content/themes/workedover-v1.0/images/row_bg_artpractice_dark.png) no-repeat;
	clear: both;
	color: #FFF;
	overflow: hidden;
	padding: 0 0 0 30px;
}
	#artpractice a:link, #artpractice a:visited, #artpractice a:active {
		color: #FFF; /* white */
	}
	#artpractice a:hover {
		color: #808080; /* dark grey */
	}
	#screen {
	margin: 81px 30px 30px 0;
	width: 545px;
	height: 395px;
	float: left;
	overflow: hidden;
	background-color:#333;
	}
	
	#screen img {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		border: 0;
	}
	
	#albums {
		float: left;
		margin: 81px 0 0 0;
		width: 315px;
		height: 395px;
		overflow: hidden;
	}
	
		#albums .album {
			margin: 0 0 5px 0;
			/* margin: 0 0 15px 0; */
			/* margin: 0 0 25px 0; */
			width: 315px;
			height: 65px;
			overflow: hidden;
		}
			#artpractice .gal_cat_header {
				margin: 0;
				height: 65px;
				width: 315px;
				overflow: hidden;
			}
			#artpractice .gal_cat_header h3 {
				height: 35px;
				letter-spacing: 0px;
			}
			#artpractice .gal_cat_thumbs {
				width: 350px;
				height: 190px;
				margin: 10px 0 0 0;
				overflow: hidden;
			}
				#artpractice dl.gallery-item {
					width: 50px;
					height: 50px;
					overflow: hidden;
					margin: 0 15px 15px 0;
					float: left;
				}
				
			#artpractice .gal_thumblast {
				margin: 0 0 5px 0;
			}

/********** JOURNAL STYLES **********/

#journal {
	width: 950px;
	clear: both;
	color: #444;
}
.bg_journal, .bg_archive {
	background: transparent url(/wordpress/wp-content/themes/workedover-v1.0/images/row_bg_journal.png) no-repeat;
}
.bg_art {
	background: transparent url(/wordpress/wp-content/themes/workedover-v1.0/images/row_bg_artpractice.png) no-repeat;
}
.bg_search {
	background: transparent url(/wordpress/wp-content/themes/workedover-v1.0/images/row_bg_search.png) no-repeat;
}
.bg_entry {
	background: transparent url(/wordpress/wp-content/themes/workedover-v1.0/images/row_bg_entry.png) no-repeat;
}
.bg_about, .bg_contact {
	background: transparent url(/wordpress/wp-content/themes/workedover-v1.0/images/row_bg_scottmcewan.png) no-repeat;
}
.bg_page {
	background: transparent url(/wordpress/wp-content/themes/workedover-v1.0/images/row_bg_blank.png) no-repeat;
}

	#journal a:link, #journal a:visited, #journal a:active {
		color: #444; /* white */
	}
	#journal a:hover {
		color: #808080; /* dark grey */
	}

	/********** THE LOOP STYLES **********/

	#theloop {
		float: left;
		padding: 81px 0 83px 30px;
		width: 545px;
	}
		.post {
			margin-bottom: 3em;
		}
			.edit, .edithover {
				float: left;
				width: 16px;
				height: 16px;
				margin: 0.75em 0.75em 0 0;
				overflow: hidden;
				background: transparent url(/wordpress/wp-content/themes/workedover-v1.0/images/icon_page_edit.png) 0 0 no-repeat;
			}
			.edithover {
				background-position: -16px 0;
			}

			.postmetadata {
				float: left;
				padding: 0.75em 0 1.1em 0;
				font-size: 85%;
				font-weight: bolder;
				line-height: 110%;
			}

			.entry {
				clear: both;
				text-align: justify;
				line-height: 1.8em;
				font-size: 1.0em;
			}
			.page_entry {
				clear: both;
				text-align: justify;
				line-height: 1.8em;
				font-size: 1.0em;
				margin-top: 10px;
			}
			.entry h3 {
				margin-bottom: 10px;
			}
			.entry p {
				margin-bottom: 15px;
			}
			.entry a {
				text-decoration: underline;
			}
			.entry a:hover {
				text-decoration: none;
			}
			.entry img {
				border: 0;
				margin: 0 0 15px 0;
				padding: 0;
				display: block;
				clear: both;
			}
			.entry ul {
				margin: 10px;
				padding: 10px;
			}
			.entry ol {
				margin: 10px;
				padding: 10px;
			}
			
			.page_entry ul {
				display: inline;
				clear: left;
				float: left;
				margin: 0 0 15px 0;
				padding: 0 0 0 15px;
			}
				.page_entry ul li {
					list-style-type: disc;
				}
			.page_entry ol {
				clear: left;
				padding: 0 0 0 25px;
			}
				.page_entry ol li {
					padding: 0 0 15px 0;
				}

			#journal .gallery {
				width: 545px;
				margin: 25px 0 0 0;
			}
			#journal dl.gallery-item {
				width: 33.33%;
				float: left;
				display: inline;
				margin: 0 0 25px 0;
				text-align: center;
			}

	/********** SIDEBAR STYLES **********/

	#sidebar {
		float:right;
		padding: 30px 30px 0 15px;
		width: 315px;
	}
		#search {
			width: 315px;
		}
			#searchfield {
				float: left;
				width: 235px;
				height: 25px;
				background-color: #FFFFFF;
				overflow: hidden;
			}
			#searchingfield {
				background: transparent url(/wordpress/wp-content/themes/workedover-v1.0/images/search_bg_searching.gif) 0 0 repeat-x;
			}
				#searchfield #s {
					width: 235px;
					border: 0;
					margin: 4px 0 0 0;
					padding: 0;
					background: transparent;
				}
			#searchbutton {
				float: right;
				height: 25px;
				background: transparent url(/wordpress/wp-content/themes/workedover-v1.0/images/nav_bg_topbar_white.gif) repeat-x top;
			}
		#sidebar_twitter {
			float: left;
			width: 315px;
			margin: 29px 0 0 0;
		}
		#sidebar_twitter span + a {
			display: block;
			clear: both;
		}
		#sidebar_one {
			float: left;
			width: 150px;
			margin: 15px 15px 0 0;
		}
		#sidebar_two {
			float: left;
			width: 150px;
			margin: 15px 0 0 0;
		}
			#sidebar ul {
				list-style: none;
				margin: 0;
				padding: 0.75em 0 .95em 0;
			}
			#sidebar li {
				margin: 0;
				padding: 0 0 0.95em 0;
				font-size: 85%;
				font-weight: bolder;
				line-height: 100%;
			}
			
			/********** CALENDAR STYLES **********/
			
			#wp-calendar {
				font-size: 85%;
				width: 150px;
				padding: 0;
				margin: 0;
				color: #666;
				text-align: center;
				background-color: #E0E0E0;
			}
			#wp-calendar #today {
				color: #FFF;
				background: #444;
			}
			#wp-calendar caption {
				color: #444;
				font-weight: bold;
				width: 150px;
				text-align: center;
				margin: 0;
				padding-top: 3px;
				padding-bottom: 3px;
				background-color:#EEE;
			}
			#wp-calendar thead, #wp-calendar th {
				text-align: center;
			}
			#wp-calendar tr td {
				padding: 0;
				margin: 0;
			}
			#wp-calendar tr td a {
				font-weight: bold;
				padding: 0 2px 0 2px;  /* pushes the inner area to reveal a buffered highlight background around the anchor */
				margin: 0 -2px 0 -2px; /* pseudo background that sucks the sides of its container back in on itself so the extra padding in the line above doesn't push out the entire table */
			}
			#wp-calendar tr td a:link {
				color: #444;
				background: #FFF;
			}
			#wp-calendar tr td a:visited, #wp-calendar tr td a:active {
				color: #444;
				background: #efefef;
			}
			#wp-calendar tr td a:hover {
				color: #fff;
				background: #888;
			}
			/* if there is an id, reset the colors to this */
			#wp-calendar tr td[id] a {
				color: #444;
				background: none;
			}
			/* if the id = today, reset the colors to this instead */
			#wp-calendar tr td[id=today] a:link {
				color: #444;
				background: #FFF;
			}
			#wp-calendar tr td[id=today] a:visited, #wp-calendar tr td[id=today] a:active {
				color: #fff;
				background: #888;
			}
			#wp-calendar tr td[id=today] a:hover {
				color: #444;
				background: #efefef;
			}
			
	/********** FOOTER STYLES **********/
	
	#footer {
		width: 950px;
		height: 150px;
		clear: both;
		background: #202020 url(/wordpress/wp-content/themes/workedover-v1.0/images/row_bg_footer.png) no-repeat top;
		color: #FFF;
		overflow: hidden;
	}
		#footer a:link, #footer a:visited, #footer a:active {
			font: inherit;
			color: #FFF; /* white */
		}
		#footer a:hover {
			font: inherit;
			color: #444; /* dark grey */
		}
	#footer #navigation {
		display: inline;
		float: left;
		margin: 26px 0 0 15px;
	}
	#footer #backtop {
		display: inline;
		float: right;
		margin: 26px 15px 0 0;
	}
	#footer #legal {
		display: inline;
		clear: both;
		float: left;
		margin: 56px 0 0 15px;
	}
	#legal #nav{
		display: inline;
		float: left;
		margin: 0 20px 0 0;
	}
	#footer #copyright {
		display: inline;
		float: right;
		margin: 46px 15px 0 0;
	}
	#footer h4, #footer h5 {
		text-align: right;
	}