/*  
Theme Name: BW
Version: 0.1
*/

	body { 
		background: url('images/bg.png') repeat-x;
		margin:0;
		padding:0;
		font:normal 13px/20px arial;
	}
		
	
	.clearfix:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
		}
	.clearfix {display: inline-block; }
	
	
	h2 {
		font:normal 18px arial;
		margin:0 0 30px 0;
		}
		
	 /*p {
		font:normal 13px/20px arial;
		}*/
	a {
		color: #0c80c9;
	}
	a:visited{
		color: #527587;
	}
	#page { 
		margin:0 auto 0 auto;
		width:920px;
		}
	#logo {float:left;}
	#logo h1{padding:0; margin: 0;}
	
	#blurb {
		border-top: 1px dotted #ccc;
		border-bottom: 1px dotted #ccc;
		padding:35px 0 40px 0;
		font:normal 41px/41px georgia;
		}
		

	#header{
		margin:0 0 30px 0;
		padding:0;
	}
	
	
	
/* ### Navigation ### */					
	
	.navigation {
		float:left;
		padding:0;
		margin:28px 0 0 0;
		color:#000;
		font:normal 36px arial;
		}

	.navigation li {
		display:inline;
		}

	.navigation li a {
		color:#000;
		text-decoration:none;
		}

	.navigation li a.selected {
		color:#fff;
		border-bottom:1px dotted #ccc;
		}

	.navigation li a:hover {color:#cc3300;}

	
/* ### Sidebar ### */	
	
	#sidebar {
		padding:40px 0 30px 40px;
		width:259px;
		float:left;
		}
	
	#sidebar h2 {
		margin:6ex 0 4px 0;
	}
	
	#sidebar  form {margin:0 0 40px 0;}
	
	#sidebar p{
		margin:0;
		padding:0;
	}
	
	
	.sidelist {
		margin:0 0 40px 0;
		padding:0;
		border-top:1px dotted #ccc;
		}
	
	.sidelist li {
		list-style:none;
		margin:0;
		padding:0;
		font:normal 12px arial;
		}
		
	.sidelist li a {
		display:block;
		padding:6px 0;
		border-bottom:1px dotted #ccc;
		color:#000;
		}
	
	.sidelist li a:hover {
		background:#f9f9f9;
		color:#c30;
		}
	
	
/* ### Content ### */
	
	#content {
		width:580px;
		overflow:hidden;
		float:left;
		padding:0 40px 30px 0;
		border-right:1px dotted #ccc;
		min-height:400px;
	}
	
	#content h2 {
		font:normal 24px georgia;
		margin:40px 0 13px 0;
		padding:0;
		}

	#content h2 a {
		color:#c30;
		}
	
	#content h2 a:hover {
		color:#000;
		}
		
	#content .post {margin: 0 0 40px 0;}
	
	 #content .post ol, #content .post ul
	{
		padding-left: 1.5em;
	}
	
	.picture, .gallery img{
		padding:2px;
		border: solid 1px #ddd;
	}
	
	/*a .picture, .gallery a img{
		padding:2px;
		border: dashed 1px #ddd;
	}*/
	
	#content hr {
		height: 0; 
		border-style: dotted; 
		border-width: 1px 0 0 0; 
		border-color: #ccc; 
		width: 80%;
	}

	
	.alignleft{
		margin:8px 17px 2px 20px;
	}
		
	.alignright{
		margin:8px 0 2px 17px;
	}
	
		
	.postmetadata, .tag-cloud{
		color:#666; 
		margin:8px 0 13px 0; 
		background:#f0f0f0; 
		padding:4px 10px;
	}
	
	.postmetadata a, .tag-cloud a {color:#666;}
	
	.postmetadata a:hover, .tag-cloud a:hover {color:#000;}
	
	
	.cal_icon {
		background:url(images/meta_icons/cal_icon.gif) no-repeat ;
		padding:1px 20px 1px 19px;
		}
	
	.cat_icon {
		background:url(images/meta_icons/cat_icon.gif) no-repeat;
		padding:1px 20px 1px 19px;
		}
	
	.at_icon {
		background:url(images/meta_icons/addthis_icon.gif) no-repeat 0 1px ;
		padding:1px 20px 1px 19px;
		}
	
	.com_icon {
		background:url(images/meta_icons/com_icon.gif) no-repeat ;
		padding:1px 20px 1px 19px;
		}
	
	.edit_icon {
		background:url(images/meta_icons/edit_icon.gif) no-repeat ;
		padding:1px 20px 1px 19px;
		}
	
	
	.entry a {font-weight:bold;}
	
	.entry h3 { 
		color:#000; 
		font:normal 16px georgia;
		margin:25px 0 10px 0; 
	}
	
	
	.entry p {margin:0 0 .7em 0; padding:0;}
	
	#archive {
		margin:40px 0 40px 0;
		}
	
	span.pagetitle {
		padding:5px 10px; 
		background:#000; 
		color:#fff;
		font:normal 11px/11px arial;
		}
	
	.pagination {
		width:100%;
	 	border-top:1px dotted #ccc;
		border-bottom:1px dotted #ccc;
		margin:40px 0 20px 0; 
		padding:5px 0 ;
		}
	
	.pagination a {font-weight:normal;}

	.alignleft {
		float:left;
	}
	.alignright {float:right;}
	
	a.blk_button {
		background:#000;
		color:#fff;
		font:normal 12px/12px arial;
		padding:5px 10px 5px 10px;
		}
	
	a:hover.blk_button {
		background:#c30;
		color:#fff;
		}	
		
	a.more-link {
		padding:0 19px 0 0;
		width:16px;
		height:16px;
		background:url(images/ri_dot.gif) no-repeat 100% 96%;
		border:none;
		}
		
	a:hover.more-link {
		background:url(images/ri_dot.gif) no-repeat 100% 0;
		}

	.editlink {margin:50px 0 0 0;}
	
	.editlink a {		
		background:#000;
		color:#fff;
		font:normal 12px arial;
		padding:4px 9px 4px 9px;
		}
	
		
/* ### Search Form ### */	
	
	#query {
		width:215px; 
		border:1px solid #ccc; 
		font:normal 12px arial; 
		padding:3px; 
		color:#666;
		}
	
	input, textarea {	border:1px solid #ccc; }
	
	label {color:#999;}

 	input[type='submit'] {
		padding:3px;
		margin:3px;
		border:none; 
		background:#000; 
		color:#fff; 
		font:normal 12px arial;
		}
	
	input[type='submit']:hover {
		background:#c30;
		}
		
/* ### Footer ### */
	
	#footer {
		color:#000;
		border-top:1px dotted #ccc;
		margin:0 0 30px 0;
		padding:20px 0 20px 0;
		clear:both;
		font:normal 12px arial;
		}
		
	#footer a, #footer em {
		font-weight:bold;
		color:#000;
		font-style:normal;
		}

	#footer a:hover {
		color:#c30;
		}

	a.feed {
		height:16px;
		background:url(images/feedicon.gif) no-repeat 0 100% ;
		padding:1px 0 0 21px;
	}
	
	a:hover.feed {
		background:url(images/feedicon.gif) no-repeat ;
	}

	a.login {
		height:16px;
		background:url(images/loginicon.gif) no-repeat 0 100% ;
		padding:1px 0 0 21px;
	}
	
	a:hover.login {
		background:url(images/loginicon.gif) no-repeat ;
	}
/* ### Footer ### */
		
	.recentlist {
		margin: 0;
		padding:0;
		border-top:1px dotted #ccc;
		}

	.recentlist li {
		list-style:none;
		padding: 6px 0;
		border-bottom:1px dotted #ccc;
		color:#666;
		font:normal 12px arial;
		}
	
	.recentlist li:hover {
		background:#f9f9f9;
		}


	#side_archive {
		margin:0 0 50px 0;
		}

/* ### Comments ### */
	
	#comments {
		margin:20px 0 40px 0;
	}
	
 	.commentlist {
		margin:0 0 20px 0;
		padding:0;
		}
		
	.commentlist li {
		margin:0;
		padding:0;
		list-style:none;
		}
  
	h3.comment_hdr {
		font:normal 12px arial;
		background: url('images/arrow_up.png') 20px 100% no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
		padding: 0 0 0 58px;
		margin: 2em 0 0 0;
	}
	
	.comment-content{
  	    background-color: #f0f0f0;
		width:560px;
		overflow:hidden;
		padding: 10px;
	}

	
	
/* ### Resume ### */	

	#resume {
		padding:30px 0 0 0;
		}
	
	#resume h3 {
		color:#666; 
		font:italic 16px georgia;
		margin:35px 0 3px 0;
		}
		
	#resume h3.first {
		margin:0 0 20px 0;
		}
	
	.job {
		border-left: 10px solid #ddd;
		border-bottom: 1px dotted #ddd;
		padding:0 0 15px 15px;
		margin:0 0 20px 0;
		}
	
	#resume ul { 
		margin:0;
		padding:0;
		}
		
	#resume li {
		list-style:none;
		margin:0 0 3px 0;
		}
		
	.job_details li {	
		border-bottom: 1px dotted #ddd;
		padding:0 0 4px 0;
		}
		
	#resume .recent_urls {
		margin:15px 0 0 10px;
		}
	#resume .recent_urls span {
		color:#888;
		}
	

	/* ### Work ### */

	#work {
		padding:20px 0;
		min-height:400px;
		}


	.worklist {
		margin:0;
		padding:0;
		}

	.worklist li {
		list-style:none;
		padding:13px 0 15px 0;
		margin:0 0 5px 0;
		border-bottom: 1px dotted #ddd;
		color:#000;
		}
		
	.sm_work_img {
		float:left;
		margin:0 25px 0 0;
		}
		
	.work_description {
		width:360px;
		float:left;
		padding:15px 0 0 0;
		margin:0 30px 0 0;
		}
	
	.work_description h3 {
		font:normal 24px/16px georgia;
		margin:0 0 15px 0;
		padding:0;
		}
	
	.work_description p {
		font:normal 12px/14px arial;
		margin:0;
		padding:0;
		}
	
	.work_buttons {
		width:170px;
		float:right;
		text-align:center;
		margin:0;
		padding:0;
		}
		
	.work_buttons ul {
		margin:20px 0 0 0;
		padding:0;
		}
	
	.work_buttons li {
		padding:0;
		margin:0;
		border:none;	
		}
	
	.work_buttons li a  {
		display:block;
		text-align:right;
		border:none;
		margin:0 0 4px 0;
		border: 1px dotted #ddd;
		font:normal 12px/12px arial;
		padding:4px 5px;
		}
	
	.work_buttons a:hover {
		background:#f9f9f9;









		}
	
	#footer .stats {
		font:normal 12px arial;
		color:#666;
		}
	
	#footer a.statslink {
		font:normal 12px arial;
		color:#666;
		}
	
	#footer	a:hover.statslink {
		text-decoration:underline;
		}
		
	#sponsor_block {
			margin:60px 0 0 0;
		}
	#sponsor_block li {
		padding:8px 0;
		}
	
	#sponsor_block li img {
		float:left;
		margin:0 10px 0 0;
		}
	
	#sponsor_block li .textbox {
		text-align:center;
		height:62px;
		}
		
	.advertise {
		color:#666;
		float:right;
		font:normal 10px arial;
		margin:4px 0 0 0;
		}
		
		
	.tags {
		padding:4px 8px;
		background:#f9f9f9;	
		margin:40px 0 0 0;	
		border-left:10px solid #ddd;
		}
	
	.tags p {
		margin:0;
		}
	
	.tags a {
		color:#c30;
		}
	
	.tags a:hover {
		color:#000;
		}

		
	pre, .programcode{
		margin:1em 0 1em 0;
		padding:1em; 
		background:#eeeeee; 
		border:1px solid #888888;
	}

	.dialog p{
		margin:0;
		padding:0;
		text-indent: 1em;
	}
	
	blockquote {
		margin:22px 20px;
/*		color: #666;
		padding: 0 60px;*/
		font-style:italic;
		/*background: transparent url("images/blockquote.png") no-repeat 0 0;*/
	}
	
	.letter{
		background: url("images/notepaper.gif");	
		padding:23px 2em;
		font: normal 16px "Comic Sans MS", arial;
		line-height:26px;
	}
	.letter p{
		padding:0 0 26px 0;
		margin:0;
	}

	.letterB{
		background: #eee;
		padding: 1em 1.5em;
		
	}
	.news_body {
		font-family: "Times New Roman", Times, serif; 
		font-size: 14px;
		text-align: justify; 
		-moz-column-width: 15em; 
		-moz-column-gap: 1.5em;
	}
	.news_body p {
		text-indent:1em;
	}

	.news_start:before {
		content:"¦ ";
		color:red;
		text-indent: -1em;
	}
	
	.beszelo{
		font-variant: small-caps;
	/*	text-transform: uppercase; /* force text to uppercase */
	}

	.drama	{
		margin-top:1em;
		margin-bottom:1em;
	}
	.drama .beszelo{
		margin-left: -7em;
		float:left;
	}
	.drama p{
		padding:0;
		margin:0;
		margin-left: 7em;
	}
	.drama p.note{
		margin-left: 0;
	}

	.gallery {
		padding-top:20px; 
		padding-bottom:20px;
	}
	
	.tag{
		line-height: 120%;
	}
	
	.tag-cloud a{
		text-decoration: none;
	}
	
	.external{
		background: url('images/external.png') center center no-repeat;
		width:14px;
		height:14px;
		display:inline-block;
	}
	
	.CB_Overlay{
		text-decoration:none;
		display:inline-block;
		background: url('images/magnifier.png') center center no-repeat;
		width:24px;
		height:24px;
		z-index:1000;
		left: -15px;
		top: 5px;
		position:relative;
	}
	
	#HyphenatorToggleBox{
		background-color:black;
	}
	
	.seedragon
	{
		background-color:white;
	}

	ul.image-strip{
		list-shape:none;
		padding: 0;
		margin:0;

	}
	ul.image-strip li{
		float:left;
		padding-right:30px;
		padding-bottom:30px;
		list-style-type:none;
	}

		
	.project{
		float:left;
		position:relative;
	}

.ordit{
font-size: 4em;
line-height: .9em;
}