/*   
Theme Name: Portfolio
Theme URI: edwinwebb.com
Description: portfolio site
Author: Edwin Webb
Author URI: edwinwebb.com
Version: c

Could this every use a csstidy
*/

@font-face {
    font-family: 'Lobster13Regular';
    src: url('/fonts/Lobster_1.3-webfont.eot');
    src: url('/fonts/Lobster_1.3-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Lobster_1.3-webfont.woff') format('woff'),
         url('/fonts/Lobster_1.3-webfont.ttf') format('truetype'),
         url('/fonts/Lobster_1.3-webfont.svg#/font/Lobster13Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body, html {
	min-height:100%;
	color:#222;
}
html {
	background-color:#fff;
}

p a {
	color:#222;
}

pre {
	word-wrap: break-word;
	max-width:50em;
	padding:1em;
	margin:1em;
	background:#eee;
	border:1px solid #ccc;
}

.fcol {
	position:fixed;
	width:16em;
	border-top:.5em solid #000;
}
#mainmenu {
	left:2em;
}
#submenu {
	left:20em;
}
#content {
	border-top:.5em solid #000;
	margin-left:38em;
	margin-right:2em;
	max-width:62.7em;
	min-width:20em;
}
ul.menu, .menu li  {
	list-style:none;
	padding:0;
	margin:0;
}
.menu li {
	padding:.3em .6em .3em 0;
	margin:.15em 0;
	-moz-border-radius:.3em;
	-webkit-border-radius:.3em;
	border-radius:.3em;
	XXbackground-image:url("images/tiny_arrow.png");
	XXbackground-repeat:no-repeat;
	XXbackground-position:15.5em center;
}

.menu li a {
	color:#000;
	text-decoration:none;
	text-transform:capitalize;
	padding:0 .33em;
	display:block;
}
.menu li a:hover /* ,  .menu li.current-cat a ,  .menu li.current-post a */ {
	XXXcolor:#fff;
	text-decoration:underline;
}

/*.menu li.current-cat,*/  .menu li.current-post {
	background-color:#222;
}
.menu li.current-post a {
	color:#fff;
}
/* menu transitions */
.menu li {
	-webkit-transition:background-color .5s;
}
.menu li a {
	-webkit-transition:color .5s;
}
.menu li:hover {
	background:#222;
}
.menu li:hover  a{
	color:#fff;
}

.fcol h1, .fcol p , h1.index , #mm{
	border-bottom:1px solid #808080;
	padding-bottom:1em;
	text-align:justify;
}
.fcol h1, .fcol h2 {
	letter-spacing:-.01em;
}

.the-content {
	border-top:.33em #000 solid;
	padding-top:1em;
}

.image {
	margin-bottom:1em;
}

.thumbnail {
	margin:0em 1em 1em 0em;
	width:260px;
	height:140px;
	display:inline-block;
}
.thumbnail:nth-child(3n) {
	margin:0 0 1em 0;
}

/*
 * GENERAL
 */

h1,h2,h3,h4,h5,h6 {
	text-transform:capitalize;
	text-shadow:0 -1px 0px #eee;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration:none;
	color:#000;
}

.error {
	color:#E00;
}

/* index */
#index #submenu p:last-child{
	border-bottom:none;
}
#index-spash {
	position:relative;
}

#index-splash  img{
	
}

#index-splash  blockquote {
	font-family: 'Lobster13Regular', helvetica, sans;
	font-size:3em;
	display:block;
	margin:0;
	position:relative;
	Xtext-transform:uppercase;
	Xfont-weight:bold; 
	Xletter-spacing:-.08em;
	line-height:1.1em;
	text-align:center;
	color:#FECB00;
	text-shadow:0 0 1px #FECB00;
	padding:0 10%;
	width:80%;
	visibility:hidden;
}

/*

#index #submenu {
	width:24em;
}
#index #content {
	margin-left:46em;
}

*/

 /* mm */
 
 #fb, #li, #tw , #wr, #ab, #bl, #em {
	padding-left:24px;
	background-repeat:no-repeat;
	background-position:4px center;
 }
 
 #li {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAfxJREFUeNqUk89r1EAUx78zmWncH83abluoUAhFFNRa/Af8AxShXsSz4MGD4MGjnsSrXgQvni0UxPSw4KH+CQtSqpZWNFDo4rqRbay7biaZODPb3WSlFfYdkvdm3uc7b15eyMzd1eVqtew5TtHFGBaGHT8IDlfY9FTRe3Djintu1hmHx86P0H2+XvdYxSm4P7vA250D7LVCLDqWSfgaJliYOVl0/hTB9FTJZfaEha2ghyQFFsoUz26eNwn332yjeRidKBD8BphFwOI4QTdK+qsszaWkiETy32tolsUqKYr7iRu7B7i39sn461stVJ3CCMAowVylqE6mfQGhBeLYONooIXh564LxX9ffY//hVeNv7v/C5TOTaHcFHte+4HMgYFEKzdIkUXAikagqpJTHlqphbacLHE+un8X3dqfPKJZqkKepUpNIZdYDkhNYrTfwqLY7FBFHjGapVGUMApbDSpwN/afvfHgfWlkvVJ5mNMt0GUMBmgmUbTbSvH+baRjFMl2OpYI/QuKoucYmJzIBa5Q3sWY0S/XDVgs9pZbSTIHbPJsItZ7f075mNEtm77xKry1dxHZHoq0+gp07eWC9KDbvwV5FwYtcorb5UV0hEv5es+FempsH5/bxI1fiI6EQPXxrNtT8CJ9Ubr9YVhPkqbLG+p2JlD5kuvJXgAEAMvzqSyjfahkAAAAASUVORK5CYII=);
 }
 
 #tw {
	margin-top:1em; /* scappy! */
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAdpJREFUeNqUU79v00AYfbYvNhcMCZXCwBKPFR1AYkFsCHUmCImx/wD8C4z8D1RdGBkzsTGwdQNVIMGAYhYU0go1UWPH95PvLonTAkL4pO90Pt973/vedxc8f/v+Vi9Nh902z9BgnBZlfnx2NmBdfmn4eKefXeesCR6TUmWvj74OWZrElNni+1w2ImAh0OE8Y1EQYFZpomg2AjdZA7aQEpU29Y9CaDw5+ODXb57dgfkHs8MSgYAwut5UxCqt5/eq7Dlt0pjfCAQRKAlxTgFvheDx0tCH+0f1/uU4wqu97QtqHZYJkiFJgV0lIjyiuPWH3CgOqRxDyZZqyTo4LKuUgqZC1YqB2xA2WSp48eAG+tc2ZNNKYp2fEYPDhm4yBHZluFBE1tviMEmMg08znFaWsgU+pNmccxiHZYImZ5RcGXmyMHi03cX+xylGhcHTdyd+P6XaXt7fwrhY+O8kCuCwoTPCiXfmuCiVxu0esLfTwdU0QZi06nA9WZ+ztYlaAb6ETSvHc42bnQi799ILRo5mBZW4csFj1NLEaVnS1YxQ0Ho9hDCY/vz79W4z5jGV9G1U+eEoz+5mffSvtP/vJc4LHObfyAOdM6PV4Mt4Mvz8Y9LoOQcWeWTt4JcAAwDEmRKkDQBEqwAAAABJRU5ErkJggg==);
 }
 
 #fb {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABV0RVh0Q3JlYXRpb24gVGltZQA2LzI0LzA59sFr4wAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNAay06AAAAFPSURBVDiNlZK9SgNBFIXPrBPUGIjEBH8KGwVry+39KbSxU5/AJkUsxEfQN7AUC0EQbNIIWtvFV7AxibgGk7hhf+69YxETskF2N7eaA/c7nDMz6qhyUwBmqsZYNiYYpeQF8PY1ka4uFLJ2qZiDUioVbIzBp/Njf7WoqsNQ2UpP4a3RmSQAcrMZhKGyNQmj7fqJAIUePPe7D88voe36IGFoJgazJMKXlW2srRYBAIdnDwAAJoYmFrCYWIOLERjAcJ9YoIkJJPEJ1v/gg9P7aDKm+Apu+yOiO60GAGAuv5iuwvN1+V+9V74bq5BwieMz2O9XiEmwdXILAHi6Oo7owTALNBMlPuMoENFE0CSMleV8KoPxPee9Di0s6La6mM5OJxoEXjA8+z0fwgJLTFBr1h34veTvPAo36w7EBDW1sXNeEso8GmNtpnYAoJS8Wjrc/QXn6cac0rbZ/wAAAABJRU5ErkJggg==);
 }
 /* these next three are an exmaple of how to do this badly */
 #wr {
		
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUI1RkZFNjFBRTc3MTFFMDg4OERGMTc5QTM0MUI1RDYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUI1RkZFNjJBRTc3MTFFMDg4OERGMTc5QTM0MUI1RDYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5QjVGRkU1RkFFNzcxMUUwODg4REYxNzlBMzQxQjVENiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5QjVGRkU2MEFFNzcxMUUwODg4REYxNzlBMzQxQjVENiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkMCOXkAAAFrSURBVHjaYmQgEdTX14vduXNnFg8Pzy1RUdHZLKQa8Pjx4+alS5f6i4iI/AsNDf3DRKoB////Z2diYmJ48+YN0/Hjx7OJdkFUVNRmdnb2V/Pnz09ITEz8d/v2bU8rK6sYRmI0x8TErAc63VRLS2vRs2fP3AwMDCwaGxv/gOSYiNEMtM0WqKlxzZo15cAA1Pzz548ksc7eZG9v/6SgoCCFl5f3n6Gh4UdQLBClOTo6eqOdnd3T/Pz8dGFh4b9AzR9qamoUGYj08zqQzSDNIJt1dXU/A20WIkpzfHz8EktLy1dAzanAhPJXT0/vU3V1tSxRmmNjY9eKi4v/zcrKqgfZDAw4kJ9FiLZZVVX1O0gjKL0YGRm9J9rPpaWl9kCngvzJ4+3tfUVHR+cLsTYzgwhJScllgoKCrz98+BD48uVLJTc3N4uWlpbHRBvw9u3b2T9+/BAC+v+RmZmZPVDzUwZS0jgwVx1gIBMABBgAyWWWqXgVS8gAAAAASUVORK5CYII=);
	}
 
 #ab {
		
	
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEYyODA1NzdBRTdBMTFFMEE5QTY5MzY4RDc0MDAwNTAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEYyODA1NzhBRTdBMTFFMEE5QTY5MzY4RDc0MDAwNTAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowRjI4MDU3NUFFN0ExMUUwQTlBNjkzNjhENzQwMDA1MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowRjI4MDU3NkFFN0ExMUUwQTlBNjkzNjhENzQwMDA1MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PojpmMsAAACTSURBVHja3FPRDoAgCJTmh/ld9By/5adZGNhCadljbC47juNwCimlEpzIOQN/AeDGKaWA7uH8v4CWkCKbs3gUHK0AE5jM64h11KByHAcopM3Y1kakThZnfJKiVcXNOWDDvTMwY5FaHjnkRHhY3A0HvIp5I3TjePFGIPxcIM4W2HcxLWDuAs0KdG+m3sQP3VvsAgwAyjZ1xQVdg3IAAAAASUVORK5CYII=);
	
	}
 
 #bl {
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REREODM5N0ZBRTc2MTFFMDg1NzVBQkEwRTAxNTYzRkUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REREODM5ODBBRTc2MTFFMDg1NzVBQkEwRTAxNTYzRkUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEREQ4Mzk3REFFNzYxMUUwODU3NUFCQTBFMDE1NjNGRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEREQ4Mzk3RUFFNzYxMUUwODU3NUFCQTBFMDE1NjNGRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuMGAeYAAALASURBVHjaYvz//z8DJYARZAAjIyNcoL6+XuDevXuz7t+/b/v27Vv+f//+MQgJCX2Rk5O7qKKiktLa2voQphasF9mAvLy8jO3bt/fz8/N/V1VVPcXKyvoRJP7nzx+ux48fGwOxiJub26RZs2aVwAxggHkhPz8/nYeH519kZOSWhISERYaGhh+EhYX/CgoK/tPV1f0cERGxLSYmZh0XF9f/zMzMZhQDgM4WUlRU/BUeHr7bx8fnAjMzM8hUFCwlJfUHqE4kPT29g5eX919lZaU5SC8LyCSgn2dwcnL+1tDQ8H337l2GmZlZ1e/fv1ksLCzagN77tXfv3nYODo5fjY2Nb4DKK4yMjDKuXr06Hcg2ArvA0tLyVUhIyOHc3NxikIHq6urfQbbGx8cvBvFlZWV/g1xVXFwcUlpa6gHyira29heQXiaQAqCtPEAb3uzbt68J6Ew2U1PTHSBxoC3eIFpHR+f2379/GV6+fBkFDMhCoKv+AwMWrBdMAKOKkYmJ6RfQK1wfPnyIl5aW7oYFEtBAMWD4LIfGBs+FCxdsgWq/waISHAbAkP4KtIFdQkLi15UrV6qAflZUVlb+ycLC8vfOnTuzgfEfCPRW1Y8fP/g+ffrECjTgN1DuP9wFQBvOAxOOJTDQ9gO9oQAKbWB8d7Kzs//av38/yBscVlZWy27cuKEH9M4DoDccZGRknsANAKUwoAHCbGxsr0EBevfu3elAUP/06VPhZ8+eMQNTZBbQWy3AqHwJTJE7T548qaCnp5cPT44gAIzfblD8AkN+SXZ2dnlJSYkvMGD/A13xH5iIdoECNzU1dZKIiMjfuLi4lViTMjCFtW3YsKFMSUnpjZqaGigm/oJCHBQ+QGfbAcNHxt3dfe3ixYvDsBoAAqAUdu3atanAGNEAJiawF4EB9g/kZ2CSLuru7t6GkZkoAQABBgCLHGK+J0Ky2AAAAABJRU5ErkJggg==);
	
 
 }
 
 #em {
	background-image: url(data:image/gif;base64,R0lGODlhEAAQAOYAAP///yxcmiuFwlaz8TOOy1ay8UGc2kSf3VSw7kml41Cr6jmT0TaQzi2HxEah4E+q6TuX1Eun5TGLyVay8Eyo5USf3k2p506p6DqU0jmT0C6Ixi1VmS+Kxy+Jx0ei4D6Y1iyGxECb2j6Z1iyFwi2IxTuW00Gc2VSx7z2Y1jqV01Gt7FGu7DaRzjmV0zeRzlOv7j6a1i6IxTyX1T6a10yn5lCs61Gt61Gs60ik4zuV0zSPzFWx706q6S+JxkGd2zKMyUai31Ku7Uum5UGe2zGLyFSx8Eij4TuW1DqW0zCKxzyW1DGMyTiT0U2o50Of3Emk4yyHxFKv7QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAAQABAAAAeagAABg4SFhYI+FR4JNDw1QQgTBQOUgzMGBw5PERcKKwhFA5ODECImmThCFgoqLzuVARkAs7S1swWDDAAltrQ2ACeDBLM5vU2zUYNEtCm1RrQ3gz21LbNDtQ+DDbYYMrYUgyO9vQmDAuO2QOYCAg0aST86LkxKMAZO6+xQJBxLBCwLjnwIkY8diBgdJBBgsAAJigCCDEkMsAFAIAA7);
	}

 /* hack */
 
 #submenu ul {
	overflow:hidden;
	-webkit-transition:max-height 1s;
	margin:0;
	max-height:400px;
 }
 
 #submenu h2 {
	cursor:pointer;
	margin-bottom:0em;
	
 }
 
 .closed {
	max-height:0px;
 }