#login {float:left;margin:0 0 0 -55px;}
#login a {color:#fff;text-decoration:none;}
#login a:hover {color:#999;}

  img {border: 0}


  #header {position:relative; width:75%; }
  
 #subscribe {float:right; font-size: 1.1em; margin:-45px 7% 0 0; text-align:right;}
 #subscribe a {text-decoration: none; color:#aaa; line-height:200%;}
 #subscribe a:hover {color:#92d400;}
 #subscribe img {vertical-align: middle; margin: 0px 0 0 5px}

	#home {float:left;clear:both;margin-top:1px; font-size:1.35em;}
	#nav #home a {color:#92d400;}

   #subnav {float:left; margin:0px 25px 5px 0px; background-color:#fff;}
    #subnav ul {float:left; background: #fff; width: 8.5em; margin: 0;}
    #subnav li {float:left; list-style: none; margin:0px 0 0 -40px; padding:0;font-size: 1.5em; line-height:1.7em; border-bottom: 1px dotted #92d400; }
     #subnav ul {border-top: 1px dotted #92d400;}
    #subnav a {color: #000; text-decoration: none; display: block; width:8em;}
     #subnav a.here, #subnav a:hover, #subnav a.focus, #mainnav a.here, #mainnav a:hover, #mainnav a.focus {color: #92d400}
      
      #subnavsingle {position:relative; margin:0px 25px 5px 115px; }
    #subnavsingle ul {position:relative; background: #fff; width: 8.5em; margin: 0;}
    #subnavsingle li {position:relative; list-style: none; margin:0px 0 0 -40px; font-size: 1.5em; line-height:1.2em; border-bottom: 1px dotted #92d400; }
     #subnavsingle ul {border-top: 1px dotted #92d400;}
    #subnavsingle a {color: #000; text-decoration: none; display: block; padding: 0.25em 0 0.25em 0em; width:8em;}
     #subnavsingle a.here, #subnavsingle a:hover, #subnavsingle a.focus{color: #92d400}
      
  
  #sidebar {top:0px; float: left; width:20%; background-color: #eee; padding: 0.75em; margin:0 0 0 0; overflow:auto;}
	#sidebar h3 {border-top:1px dotted #888;display:block;padding-top:5px;}
 
 img.alignright {border: dotted #ccc 1px; background: #fff; padding: 3px; margin: 0 0 0.5em 1em; float: right}
  img.alignleft {border: dotted #ccc 1px; background: #fff; padding: 3px; margin: 0 1em 0.5em 0; float: left}
  img.aligncenter {border: dotted #ccc 1px; background: #fff; padding: 3px; margin-right: 0 auto}

.wp-caption{}
.wp-caption-text{float:right; margin:-1px 8px 10px 0;padding:5px;line-height:130%;font-family: "helvetica", san-serif;font-size:1em;text-align:right; border:dotted 1px #000;border-top:none;}
.wp-caption img {border:dotted 1px #000;}
  
  #footer {float:left; clear:both; margin-left:115px; color: #000; width:80%; background-color: #ddd; margin-top: 4em; }
  #footernav ul {position:relative; display:block; margin: 0; padding: 0; width:90%;}
  #footernav li {list-style-type: none; float: left; margin:0 0 0 0px; font-size: 1.25em; padding: 7px; border-right:1px dotted #aaa; }
  #footernav li.first {margin-left: 40px; border-left:1px dotted #888;}
  #footer a, #footernav a {color: #888; text-decoration: none}
  #footernav a:hover, #footernav a:focus,  #footer a:hover, #footer a:focus {color: #92d400; text-decoration: underline}
  #footer p {margin: 10px 0 0 15px; font-size:1.25em;width:95%;} 

 #footernav {float:left; clear:both; margin-left:115px; width:100%;border-left:1px dotted #aaa;}

 #footertext {margin:0px 0 0 0px;}

/* Contact Form */
#main form fieldset {
						width:95%;
						background-color: #eee;
                        padding: 0.5em;
                        margin-bottom:20px;}

#main form fieldset label {font-weight:bold; display: block; float: left; width: 17em; padding-top: 0.2em}
#main form fieldset label.radiolabel {font-weight:bold; display: inline; float: none; width: auto; padding-top: 0; padding-left: 1em}
#main form fieldset label span.req {font-weight:normal; font-style: italic}

#main form input , #main form textarea      {
                        background-color: #fff;
                        color: #000;
                        border: 1px solid #364457;
                        padding: 0.1em 0.3em 0.1em 0.3em;
                        font-family: verdana, tahoma, sans-serif;
                        font-size: 1em;
						width: 95%
                        }

#noresult form input , #noresult form textarea      {
                        background-color: #fff;
                        color: #000;
                        border: 1px solid #364457;
                        padding: 0.4em 0.3em 0.4em 0.3em;
                        margin:0.75em 1em 0 0;
                        font-family: verdana, tahoma, sans-serif;
                        font-size: 1em;
						width: 25%
                        }
                        
                    

#main form input#submitbutton {width: 5em}
#main form input#searchsubmit {width: 5em}

#comment form input#searchsubmit {width: 5em}

#main form p         { clear: left; margin:20px 0 20px 25px}
#main form p.submit         { padding:0 3.5% 0 0; float:right;}

*+html #main form input       {
                        padding:0.15em 0.3em 0.15em 0.3em
                        }
* html #main form input       {
                        padding:0.15em 0.3em 0.15em 0.3em
                        }


form input.navsubmit    {
						font-family: "Georgia", serif;
                        background-color: #fff!important;
                        color: #92d400!important;
                                                }

*+html form input.navsubmit     {position: relative; top: 2px}
* html form input.navsubmit     {position: relative; top: 2px}


form input.navsubmithov {
						font-family: "Georgia", serif;
                        background-color: #fff!important;
                        color: #000!important;
                        }
                        
#nav form input.navsubmit, #nav form input.navsubmithov   {
						font-size: 1em;
						border: none;
                        padding: 0em 0.3em 0.3em 0.3em;
                        margin:0.45em 0 0 0 ;
                    	}
						

                        
*+html form input.navsubmithov  {position: relative; top: 2px}
* html form input.navsubmithov  {position: relative; top: 2px}

#nav form input.text {float: left; margin:4px 0 0 -7px; padding:0.2em 0 0.1em 0; height:1.3em; font-family: "Georgia", serif;}

#nav ul form {float:right;margin:0px 0 0 0;}

/* General */
small {font-size: 0.9em}
.login {font-size: 0.6875em; text-align: right}
.more-link {position:relative; display:inline;font-size: 1.25em;}


/* comments */ 

img.avatar {float:left; margin-right:5px; border: solid #ccc 1px; padding: 3px; background: #ffe}
.count {float:right; font-size:1em; color:#333; text-align: center; padding: 3px; background: #ffe; margin: 0 0 0 1em; border: solid #ccc 1px; width: 2.5em}

ol.commentlist {margin: 0 0 25px 0; padding: 0; border-top: solid #ccc 1px}
ol.commentlist img {float: left; border: solid #ccc 1px; margin-right: 5px}
ol.commentlist li {list-style-type: none; padding: 1em 0.5em; clear: both; margin: 0}
 .odd {background-color: #eaeaea; color: #333; border: solid #ccc 1px; border-top: none}
 .even {background-color: #f6f6f6; color: #333; border: solid #ccc 1px; border-top: none}
 .authorcomment {background-color: #d0d0d0; color: #333}
 .tbcomment {padding: 5px; background-image: url(images/tb.png) no-repeat;} /* trackback */
 .pbcomment {padding: 5px;background-image: url(images/pb.png) no-repeat;} /* pingback */
ol.commentlist li p {margin: 0 !important; padding: 0 0 0 10px; font-size: 1.2em; display:block;}

h2#respond {font-size: 0.75em; padding-top: 1em; clear: left; color: #585858; font-weight: bold; font-family: tahoma; margin-bottom: 0; background: #eee; padding: 0.5em; border: solid #ccc 1px; border-bottom: none; margin-top: 0}
#comment form {background: #eee; padding: 0.5em; border: solid #ccc 1px; border-top: none; margin-bottom:25px;}
#comment form input#author, #comment form input#email, #comment form input#url {margin: 0 0.25em; background: #fff; border: solid #aaa 1px; font-family: tahoma; font-size: 1em; padding: auto 3px}
#comment form textarea {background: #fff; border: solid #aaa 1px; padding: auto 3px; width: 95%; font-family: tahoma; font-size: 1em; }
#comment form label.width {float: left; width: 5em}

/* system */
.error {font-weight: bold; color: red}
/* Skip link styling starts here. */
/* First, the positioning CSS for the skip link and the skip target. Changing any of this will most likely break the skip link in one browser or another, so if you change it then TEST IT */
#skiplinkholder {height: 15px; padding:0; margin:0;}
#skiplinkholder a, #skiplinkholder a:link, #skiplinkholder a:visited {display: block; width: 99%; position: absolute; top: 0; left: -200%; z-index: 2; }
#skiplinkholder a:focus, #skiplinkholder a:active {left: 0; top: 0; z-index: 100}
#skiptargetholder {position: absolute; left: -200%}
/* You may find on certain page layouts that the skip link is appearing underneath other elements on the page in IE7 and below. If this is the case then try uncommenting the two statements below, and if that does not work then try increasing the z-index value above as well */
/*
*+html #skiplinkholder a:focus, *+html #skip a:active {position: relative}
* html #skiplinkholder a:active {position: relative}
*/
/* Now, the visual styling. Change this as desired */
#skiplinkholder a, #skiplinkholder a:link, #skiplinkholder a:visited {background: #ddd; color: #000; text-decoration: none; solid black 1px; padding: 5px}
#skiplinkholder p{padding:0; margin:0;}

/* End of skip link styling */


/* Sharelinks */
  ul.share {margin: 0 0 1em 0; text-align: right; padding: 0}
  #article ul.share {text-align: left; margin-top: 0.75em}
  ul.share li {list-style-type: none; display: inline; margin: 0 2px 0 0; padding: 0; color: #777; font-size: 0.6875em}
    ul.share li img {vertical-align: bottom}
  ul.share a {border: none}
  ul.share a img {opacity: .5; -moz-opacity: .5; filter: alpha(opacity=50); border: none}
  ul.share a:hover img{opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100)}
  ul.share a:focus img{opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100)}

/* Colin's Styling */
body
{
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: "Georgia", serif;
	margin:0px 40px 0 60px;
	background:url(http://www.typefunction.co.uk/wp-content/themes/typefunction/images/) no-repeat center 150px;
	
}

#wrap {
	
	margin: -15px auto 0px auto;
	padding: 0;
	min-width: 650px;
	max-width:850px;
	
	
	}

#display
{
	position:relative;
	display:block;
	width:80%;
	min-height:175px;
	left:115px;
	border: 1px dotted #666;
	margin:0;
	padding:0;
	background-color:#fff;
	background-image: no-repeat;
	overflow:auto;
	
}

#displaytext h3, #displaytext p
{
	padding:0px 0px 0px 0px;
}

#displaytext h3 {font-size:2em; margin: 10px 0 0 0;}

#displayimage {float:left;width:60%;height:185px;margin:0;}

#displaytext
{
	float:right;
	width: 35%;
	text-align:left;
	padding: 1em 2em 0 0px;
}

#mainnav
{
	float:left;
	margin:0 -105px 0 0;
	padding:0;
	list-style:none;
}

#mainnav ul
{
	width: 105px;
	list-style:none;
	font-size:1.5em;
	line-height:1.7em;
	color:#92d400;
	padding:0;
	margin:0;
	border-bottom: 1px dotted #92d400;
}

#mainnav ul li {border-top: 1px dotted #92d400;}

#mainnav a, #nav a {color: #000; text-decoration: none}
#mainnav a:hover, #nav a:hover {color:#92d400;}

#intro {position:relative: display:block; min-height:125px;margin:0 0 20px 0;}
#intro p, p.intro, p.introsm {font-size:1.75em; font-style:italic; color:#888; margin-top:0;}
p.introsm {font-size:1.45em; display: inline;}
p span {font-style:normal;}


#intro ul {font-size:1.35em; color:#000; list-style:none; margin:10px 0 15px 10px; padding:0;line-height:1.5em}
#intro li a {text-decoration:none; color:#888;}
#intro li a:hover {color:#000;}


#nav
{
	position: relative;
	top:0px;
	left:115px;
	margin:0;
	width: 80%;
	height: 25px;
	border-top: 7px solid #92d400;
	
}




#nav ul
{
	position:relative;
	display:inline;
	float:right;
	list-style:none;
	text-align:right;
	font-size:1.5em;
	line-height:1.75em;
	color:#92d400;
	padding:0;
	margin:0;
}

#nav ul li
{
	display: inline;
	padding: 5px 1em 0 1em;
	margin: 0;
}



h1, h2.big
{
	color: #92d400;
	font-size: 6em;
	margin: 20px 0 20px 0;
	font-weight:lighter;
}

h1 span, h2.big span {color:#ccc;}


h1 a, h2.big a {text-decoration:none; color:#92d400; background:none;}
h1 a:hover, h2.big a:hover {color:#000;background:none;}
h1 a:hover span, h2.big a:hover span {color:#000;background:none;}


h2, h1.small {padding: 0 10px 0 0;}

h1.small{display:block;margin: 0px 0 15px 0;color: #000; font-size: 3em;font-weight:lighter;}

h2.big {display:block;}

h2 a, h1.small a {text-decoration:none; color:#000;}

#snippet h2, #blogpost h2 {font-size:2.25em;}
#snippet h3, #blogpost h3  {font-size:1.5em;}



h2, h3
{
	color: #000;
	font-size: 3em;
	display: inline;
	font-weight:lighter;
}

h3, h3.bold, h3.rcol, h3.tab {font-size: 1.8em;}

h3 {margin: 25px 0 0 0;font-size: 1.8em;display:block;}
h3.rcol{ margin:7px 0 10px 0;padding:0; font-size: 1.8em;}
h3.bold, h3.tab {margin:10px 0 0 0;}


h3.bold {display:block; font-weight:bold; margin:25px 0 0 0;}

h3 a
{font-size:1em; text-decoration:none; color:#000;}

h3 a:hover, h2 a:hover, h1.small a:hover {color:#92d400;}

ul h4 {font-size:1em;font-weight:normal;margin:10px 0 0 0}

p 
{ 
	font-size: 1.35em;
	line-height:160%;
	
}

p a {text-decoration:none; color:#92d400;}
p a:hover {color:#555;}

p.link img {margin-bottom:-3px;}

span.date {font-size:1.25em;color:#888;margin-left:-15px;}

#main, #mainnarrow
{
	position:relative;
	width:80%;
	left:115px;
	top: 0px;
	overflow:visible;
	}

#mainnarrow{width:55%;float:left; margin: 0 135px 0 0; }

#main.single {top:-140px; left:265px;width:60%;}

#lcol
{
	float:left;
	display:block;
	width:57%;
	height:400px;
	margin: 10px 20px 0 0;
	background-color:#fff;
	padding:5px 1% 10px 0%;
	overflow:visible;
}

#rcol
{
	float:left;
	clear:none;
	width:35%;
	background-color:#fff;
	margin: 10px 0px 0 0;
	padding:5px 1% 10px 1%;
}



#entry
{
position:relative;
display:block;
top: 25px;
}

#blogpost{position:relative;display:block;border-top:1px dotted #000;padding:10px 0 10px 0; overflow:auto;width:98%;}

#rcol ul, #snippet ul, #blogpost ul
{
	list-style:none;
	margin:0;
	padding:0;
}

#blogpost ul {margin: 15px 0 0 0}

#rcol li {margin: 25px 0 0 0; border-top:1px dotted #000; padding-top:7px;}

li p {position:relative; display:inline;}

.date
{
	color:#92d400;
	padding: 0 1em;
	font-size: 1.25em;
}

.cat
{
	color:#777;
	padding: 0 1em 0 0;
	font-size: 1.25em;
}

#book
{
	position:relative;
	left: 7px;
	min-width:140px;
	max-width:110%;
	margin: 5px -5px 0 -5px;
	
}

#snippet 
{
	float:left;
	width:100%;
	margin: -10px 10px 10px 0;
	padding: 1em 0 0 0;
	overflow:hidden;
}

.dotted {border-top:1px dotted #000;}


#book p {margin:0 0 0.5em 0;}

#thumb {position:relative;display:block;width:100%;height:80px;overflow:hidden; margin:0 0.5em 1em 0; border: 1px solid #000;}
#thumb img {margin:-120px 0 0 -120px;}
#thumbwrap{float:left;padding:0;margin:0 0.75em 0.75em 0; width:22%; height:22%;}

#snip {position:relative;display:block;width:100%;height:120px; overflow:hidden; margin:0 0.5em 1em 0; border: 1px solid #000;}
#snippetwrap img {margin:-60px 0 0 -120px;}
#snippetwrap{float:left;padding:10px 0 0 0;margin:0 2% 0 0; width:23%; }


#exerptimage {position:relative;display:block;width:120px;height:120px; overflow:hidden; margin:0 0.5em 1em 0; border: 1px solid #000;}
#exerptimagewrap img {margin:-60px 0 0 -120px;}
#exerptimagewrap{float:left;padding:10px 0 0 0;margin:0 2% 0 0; width:120px; }

#snippet ul
{
	list-style:none;
	margin:0 0 2em 0;
	padding:0 0 0 0;
}

/* Search */
#nav ul {width:500px;}

#navigation p {color:#000;}

#searchbox {width:200px;}


p.greenlink a {color:#92d400;}
p.greenlink a:hover {color:#555;}

h2.white{font-size:2em; color:#888; padding:0 0 0px 0}