/*  Info
--------------------------------------------------------------------------------------*/
/*  Styles for WrapsUK
    Created by Ed Merritt
    19th September 2007
--------------------------------------------------------------------------------------*/


/*  Structure
--------------------------------------------------------------------------------------*/
* {font-size: 100%; margin: 0; padding: 0; line-height: 1.3em;}
body {position: relative;  background: url(../images2/bkg2.gif) top repeat-x #fff; font: 75% Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #494c50; text-align: center;}
#p_01 {background: url(../images2/bkg.gif) top repeat-x #fff;}
#container {display: block; width: 750px; margin: 0 auto; text-align: left;}
#logo {display: block; width: 750px; height: 113px; background: url(../images2/logo2.gif) top left no-repeat; text-indent: -5000px; overflow: hidden;}
#tools {float: right; list-style: none; }
#tools li {display: inline;}
#tools a {float: left; font-size: 0.8em; text-transform: uppercase; color: #9ea1a6; text-decoration: none; padding: 10px 0 10px 20px; font-weight: normal;}
#tools a:hover {color: #222;}
#columns {float: left; width: 750px; background: url(../images2/columns.gif) top no-repeat; padding-top: 20px;}
#sidecol {float: right; display: block; width: 230px;}
#sidecol>*:first-child {margin-top: 0;}
#content {float: left; display: block; width: 480px;}
#content>*:first-child {margin-top: 0;}
#footer {float: left; width: 750px; border-top: 1px solid #c8c8c8; padding-top: 10px; margin-top: 20px;}
#footer p {position: relative; font-size: 0.9em;}
#footer .top {position: absolute; right: 0; color: #5e646b;}

#highlight {display: block; float: left; width: 750px; height: 35px; margin: 15px 0 19px 0; text-indent: 0; line-height: 20px;}
#p_01 #highlight {display: block; float: left; width: 210px; height: 200px; padding: 20px 20px 0 520px; margin: 15px 0 19px 0;  overflow: hidden; color: #fff; font: 1.4em/1.35em Arial, Helvetica, sans-serif;}
#p_01 .highlight01 {background: url(../images2/mainpic01b.jpg) top left no-repeat;}
#p_01 .highlight02 {background: url(../images2/mainpic01e.jpg) top left no-repeat;}

.c1 {float: left; width: 230px; margin: 0 20px 0 0;}
.c2 {float: left; width: 230px;}

/*  Navigation
--------------------------------------------------------------------------------------*/
#nav {list-style: none; overflow: hidden; height: 39px;}
#nav li {display: inline;}
#nav a {float: left; font-size: 0.9em; text-transform: uppercase; color: #5e646b; text-decoration: none; padding: 9px 10px 16px 10px; font-weight: normal;}
#nav a:hover {color: #222;}

#p_01 #n_01 a,
#p_02 #n_02 a,
#p_03 #n_03 a,
#p_04 #n_04 a,
#p_05 #n_05 a,
#p_06 #n_06 a,
#p_07 #n_07 a,
#p_08 #n_08 a,
#p_09 #n_09 a {background: url(../images2/nav_current.gif) bottom no-repeat; color: #fff;}

/*  Typography
--------------------------------------------------------------------------------------*/
h1 {font: 2.2em Tahoma, Arial, Helvetica, sans-serif; color: #fff;}
#p_01 h1, h2, h3, h4, h5 {float: left; display: block; width: 100%; clear: both; font: 1.3em Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #494c50; border-bottom: 1px solid #c8c8c8; text-transform: uppercase; padding-bottom: 2px; margin: 20px 0 1em 0;}
p {margin-bottom: 1em;}
.more {position: relative; top: -1em; text-align: right; margin-bottom: 0;}
a, a:visited {color: #436fa1; text-decoration: none; font-weight: bold;}
a:hover {color: #d50000;}

#columns img {padding: 1px; background: #c8c8c8; border: 9px solid #eee; margin: 0 0 10px 0; }
#columns #sidecol img {padding: 0; background: none; border: 0; margin: 0; }
#columns .thumblist img {float: left; padding: 1px; background: #c8c8c8; border: 5px solid #eee; margin: 0 10px 0 0; }



#columns ul, #columns ol {clear: both; margin: 0 0 1em 2em;}
#columns ul ul {margin-bottom: 0;}
#columns ol li {margin: 0 0 10px 0;}
#sitemap {padding-top: 20px;}
#sitemap ul a {font-weight: normal;}
#columns .thumblist {list-style: none; margin-left: 0;}
#columns .thumblist li {display: block; clear: both; margin-bottom: 5px;}
#columns .thumblist a {display: block; float: left;}
#columns .thumblist a span {font-weight: normal; font-size: 0.9em; color: #999;}
#columns .thumblist a {min-height: 7em;}

.vid {padding: 30px 10px; border: 1px solid #ddd; background: #f8f8f8; text-align: center;}

/*  Journal
--------------------------------------------------------------------------------------*/
.post h2 {border-bottom: none; text-transform: capitalize; font-size: 2em; margin-bottom: 0.5em;}
.post h2 a {font-weight: normal;}
.post small {border-bottom: 1px solid #ccc; display: block; padding-bottom: 3px;  font-size: 0.9em; margin-bottom: 1em;}
.results .post small {border: none; padding: 0;}
.postmetadata, .commentmetadata {display: block; padding: 3px; background: #eee; font-size: 0.9em; border-bottom: 1px solid #ddd;}
.postmetadata a, .commentmetadata a {font-weight: normal;}

.field {padding: 3px; width: 222px; border: 1px solid #bbb;}
.button {padding: 3px 5px;}
textarea {width: 472px; padding: 3px; border: 1px solid #bbb;}
#s {width: 164px;}

.commentlist {display: block; clear: both; list-style: none;}
.commentlist cite {font-style: normal;}
.commentlist h3 {text-transform: none; font-size: 1.1em; margin: 0 0 0.5em 0; border-bottom: none;}
#commentform .field {float: right;}
#commentform .button{float: right;}

#sidecol select {padding: 3px; width: 230px; border: 1px solid #bbb;}



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */