/*  
Theme Name: digitalend
Theme URI: http://www.digital-end.com
Description: Based on....
Version: 1.0
Author: Karl Buckland
Author URI: http://www.digital-end.com
*/


/* Begin Typography & Colors */

body {
	position: relative; 
	background: url(images/bg_body.gif) top left repeat-x #748E9D; 
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Verdana, Arial, Sans-Serif;
	color: #4B5D67; 
	text-align: center;
}

#page {
	display: block; 
	width: 750px; 
	background: url(images/bg_main.gif) top repeat-y; 
	margin: 0 auto; 
	text-align: justify;
}

#header {
	float: left; 
	display: block; 
	width: 750px; 
	background: url(images/bg_header.gif) top no-repeat; 
	min-height: 355px; 
	padding: 0;
}

.alt {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

/** html #header { height: 355px; }*/

.postwrapper, .archive {
	font-size: 1.2em;
}

.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;
	}

.post {float: left; display: block; width: 525px; margin: 0 0 0 18px;}
.page {float: left; display: block; width: 507px; margin: 0 0 0 18px;}
.archive {
	float: left; 
	display: block; 
	width: 507px; 
	margin: 0 0 0 18px; 
}
#sidebar .post {display: block; width: 157px; margin: 0 0 0 18px;}

.title {
	float: left;
	display: block;
	width: 543px; background: url(images/bg_h2.gif) bottom repeat-x #E2EBF8;
	margin: 0 0 18px 0;
}

.entry {
	display: block;
	margin: 0;
	margin-bottom: 20px;
	text-align: justify;
}

.postinfo {
	display: block; margin: 0 0 18px 0;
	/*text-align: center;*/
}
.archive .postinfo {margin-left: 0;}
.archive .entry {margin-right: -24px;}





/* ie hack? */
* html .post, * html #sidebar .post, * html .archive  {margin-left: 0; position: relative; left: 18px;}








/*p img {float: left; margin: 0 18px 12px 0;}*/









.description {
	font-size: 1.2em; 
	color: #CADFED; 
	margin: 5px 37px 25px 37px;
}
#content .postwrapper .title { padding: 0 0 10px 0;}

.title small {padding: 0 0 0 24px; color: #4A6473;}
p {margin: 0 0 18px 0; padding: 0;}
.entry p {padding-right: 24px;}
.postinfo p {padding: 0 6px;}
.req {padding-left: 3px; color: #CC0000;}
blockquote {padding: 0 0 0 12px; border-left: 3px solid #ccc;}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentlist li {
	font-weight: bold;
	}

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

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}
/* End Typography & Colors */

/* Begin Structure */
#content {
	float: left; 
	display: block; 
	width: 543px; 
	margin: 0 0 0 7px; 
}

#sidebar {
	float: left;
	display: block;
	width: 190px;
	margin: 0 0 0 0;
	padding: 20px 0 10px 0;
}
#sidebar .title {float: left; display: block; width: 193px; background: url(images/bg_h3.gif) bottom left repeat-x #CADFED;}

.thumbnail
{
	float: left;
	margin: 10px;
	padding: 5px;
	min-height: 100px;
   display: table-cell;
   vertical-align: middle;
}

.thumbnail img {
	vertical-align: middle;
}

/* End Structure */

/*	Begin Headers */
h1, h2, h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

h1 {
	color: #fff; 
	font-size: 3em; 
	padding: 45px 37px 0 37px; 
	margin: 0 0 -5px 0;
}

h2 {
	margin: 0 0 0;
	font-weight: bold;
}

h1 a, h1 a:visited {
	color: #fff; 
	text-decoration: none;
}

h2 a {
	font-weight: normal;
}

.title h2 {
	font-size: 1.5em;
	padding: 9px 24px 9px 24px;
}

#content .postwrapper .title h2 {
	/*font: 1.4em Arial, Helvetica, sans-serif;*/
	font-size: 1.4em;
	/*font-weight: bold;*/ 
	text-transform: none; 
	background: url(images/icon_entry.gif) 26px 75% no-repeat; 
	padding: 9px 100px 0 42px;
}

h3 { font: bold 1.2em Verdana, Arial, Helvetica, sans-serif; }

#sidebar h2 {
	font-size: 1.4em;
	font-weight: bold;
}

/* End Headers */



/* lists */
ul {margin: 0 0 24px 6px;}
ol {margin: 0 0 24px 6px;}
ul li {margin: 0 24px 0 14px;}
ol li {margin: 0 24px 0 14px;}

/* do we need this? */
.buttons {float: left; list-style: none; margin-left: 0; margin-bottom: 21px;}
.buttons li {float: left; margin: 0 18px 3px 0; padding: 0;}
.buttons ul {margin: 3px 0 0 0; list-style: none; }
.buttons ul a, .buttons ul a:visited {padding: 4px 6px;}
* html .buttons li {margin: 0;}
.buttons a, .buttons a:visited {display: block; width: 145px; padding: 6px; text-align: center; background: url(images/menu.gif) bottom left no-repeat; border-top: 1px solid #D1E0F0;}
.buttons a:hover {background-position: bottom right;}
.catlist {float: left; list-style: none; margin: 0 0 18px 0;}
.catlist li {float: left; margin: 0 18px 10px 0; border-bottom: 1px solid #CAD6E1;}
.catlist li:first-child, .catlist li:first-child+li, .catlist li:first-child+li+li {border-top: 1px solid #CAD6E1;}
.catlist a, .catlist a:visited {display: block; width: 145px; padding: 1px 6px 2px 6px; margin: 1px 0;}
.catlist a:hover {background: #F2F2F2;}
#themeswitcher {list-style: none; margin: 0 0 18px 0;}
#themeswitcher li {margin: 0;}
/* any of that stuff above needed? */


/* links */
a, a:visited {
	color: #9A1010;
	text-decoration: none;
}
p a:hover, ul a:hover, #content p a:hover, #content ul a:hover {
	color: #730F14;
	text-decoration: underline;
}

/* main image */
#mainpic {
	float: left;
	display: block;
	width: 736px;
	height: 229px;
	margin: 0 7px;
	border-top: 3px solid #748E9D;
	border-bottom: 3px solid #748E9D;
	cursor: pointer;
}

/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
} 

html>body .entry li {
	margin: 7px 0 8px 10px;
}

.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
}

.entry ol li {
	margin: 0;
	padding: 0;
}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
}
/* End Entry Lists */






/* Begin Form Elements */
form {margin: 0 0 18px 0;}
/*#searchsubmit {position: absolute;}*/
/*#s {width: 130px; padding: 2px; border: 1px solid #B9C3D1; background: #CAD6E1; color: #32474B; margin-right: 2px;}*/
select, .field {width: 157px; margin: 0 0 4px 0; color: #32474B;}
.field {padding: 2px; width: 153px;}
textarea {padding: 2px; width: 308px; font: 1em Verdana, Arial, Helvetica, sans-serif;}
select option {padding: 1px;}
#submit {padding: 3px;}



#searchform {
	text-align: center;
	width: 150px;
	margin: 0;
	padding: 0;
}

#sidebar #searchform #s {
	width: 150px;
	background: #fff;
	border: 1px solid #ccb;
	color: #665;
	font-size: 10px;
	padding: 3px 0;
	margin: 0;
	vertical-align: middle;
	text-transform: uppercase;
	text-align: center;
}

#sidebar #searchform #s:focus
{
	background: #F0F5FB;
}

#sidebar #searchsubmit {
	padding: 1px;
}
	
#sidebar form {
	margin: 0;
}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
}

#commentform textarea {
	width: 100%;
	padding: 2px;
}

#commentform #submit {
	margin: 0;
	float: right;
	margin-bottom: 2em;
}

/* End Form Elements */







/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	width: 470px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

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

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */


/* footer */

.bar {
	border-top: 3px solid #748E9D;
	height: 0;
	clear: both;
	width: 736px;
	margin: auto;
	margin-top: 2em;
	margin-bottom: 0;
}

#footer {
	clear: both; 
	display: block;
	width: 750px; 
	background: url(images/bg_footer.gif) bottom no-repeat; 
	border-bottom: 20px solid #748E9D; 
	padding-top: 2em;
	padding-bottom: 2em;
	text-align: center;
}

#footer p {
	color: #E2ECF8;
	padding: 0 37px 7px 37px;
	text-align: center;
	font-weight: bold;
}

#footer a, #footer a:visited {
	color: #748E9D;
}

#blurb {
	float: left; 
	display: block; 
	width: 743px; 
	margin: 0 0 0 7px;
	background-color: #FFFFFF;
	border-bottom: 3px solid #748E9D;
}

.wrap {
	float: left;
	display: block;
	width: 743px;
}

#blurbContent {
	padding: 1em;
	height: 60px;
}

#hideBar {
	float: right;
	margin-right: 1em;
	height: 1em;
	padding: 0.5em;
}

.tooltip {
	color: #FFFFFF;
	width: 172px;
	z-index: 13000;
}

.tooltip h4 {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	padding: 8px 8px 4px;
	background: url(/images/bubble.png) top left;
}

.tooltip p {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(/images/bubble.png) bottom right;
}

img {
	border-style: none;
}