/* Ian Sanders Stylesheet - Made in 0AD.co.uk */

* { margin: 0; padding: 0;}

/* themes: yellow: #FBC100; red: #E74A41; */

body { background: #ECEBEB; color: #000; font-size: 100%; font-family: Times, serif; line-height: 1.3; position: relative;}

a { color: #000;}

.big {font-size: x-large; }

.redfont {color: #E74A41;}

#template { width: 900px; background: #fff url(images/headshot2.png) 50px bottom no-repeat ; margin: 20px auto; padding: 20px 45px 0 45px; overflow: hidden; position: relative;}

#header { background: url(images/dots.png) bottom repeat-x; height: 223px; overflow: hidden; }

#header h1 a { display: block; width: 258px; height: 200px; background: transparent url(images/logo_red.png) no-repeat;}
/* .red #header h1 a { } */
/* .yellow #header h1 a { background: transparent url(images/logo_yellow.png) no-repeat;} */
#header h1 a span { display: none;}

#sidebar { float: left; width: 267px; padding-bottom: 210px;}

#sidebar a { text-decoration: none;}

.mainmenu h2 { display: none;}

.mainmenu ul { padding: 10px 15px; overflow: hidden;}

.mainmenu li {float: left; list-style-type: none;  text-transform: capitalize; font-size: 110%;}

.mainmenu li a { padding-right: 12px; margin-right: 4px; background: transparent url(images/slash_black.png) right no-repeat; text-decoration: none; color: #000;}

.mainmenu li.last a { background: none;}

/* .red */ .mainmenu li.active a { color: #E74A41; background: transparent url(images/slash_red.png) right no-repeat;}
/* .yellow .mainmenu li.active a { color: #FBC100; background: transparent url(images/slash_yellow.png) right no-repeat;} */

.feedblog { background: url(images/dots.png) top repeat-x; overflow: hidden; padding: 10px 5px; }

.feedblog h2 { font-weight: normal; font-size: 105%; padding: 5px 0; }

.feedblog .item { background: transparent url(images/feedblog_red.png) top center no-repeat; margin: 0 -12px 0 -12px; padding: 12px 15px 22px 24px; height: 225px; overflow: hidden; }

.blog .description, .feedblog .description { overflow: hidden; }

.blog .item { height: 14.3em; overflow: hidden; }

.feedblog div.item, .blog div.item { /* height: 14em; */ overflow: hidden; font-size: 90%;}

.feedblog div.item { height:15em; }

.feedblog div.blogger-post-footer, .blog div.blogger-post-footer { height: 1px; }

.feedblog img, .feedblog br, .feedblog .seperator, .blog img, .blog br, .feedblog object, .blog object, .blog .separator { display: none;}

.feedblog .more { padding: 10px 0 0 0; font-style: italic;}

.feedblog .item h3 { font-weight: normal; font-size: 115%; padding: 20px 0; width: 150px;}

#sidebar .footer { font-style: italic; font-size: 80%; padding-top: 10px;}

.feedblog .footer { background: transparent url(images/feedblog-footer_red.png) top center no-repeat; margin: 0 -12px; padding: 12px 10px 10px 34px; height: 1em; }

.biog { background: transparent url(images/biog.png) top right no-repeat; height: 300px; position: relative;}

.biog h2 { font-weight: normal; font-size: 135%; position: relative; top: 190px; left: 20px; }

.biog .footer { position: relative; top: 210px; left: 20px;  }

#sidebar .vid { background: transparent url(images/vid_sidebar.png) bottom no-repeat; padding: 20px 20px 80px 20px;}

#content { margin: -75px 0 0 0; width: 620px; float: right;}

#content ul { padding: .25em 1em; }

#content h1.pagetitle span {overflow: hidden; text-indent: -9999px; display: block; width: 625px; height: 73px;}

.pageid_1 #content h1.pagetitle span { height: 10px; width: 10px;}
.pageid_2 #content h1.pagetitle span { background: transparent url(images/title_attitude.png) no-repeat;}
.pageid_3 #content h1.pagetitle span { background: transparent url(images/title_newthinking.png) no-repeat;}
.pageid_4 #content h1.pagetitle span { background: transparent url(images/title_potentialise.png) no-repeat;}
.pageid_5 #content h1.pagetitle span { background: transparent url(images/title_client.png) no-repeat;}
.pageid_6 #content h1.pagetitle span { background: transparent url(images/title_books.png) no-repeat;}
.pageid_7 #content h1.pagetitle span { background: transparent url(images/title_blog.png) no-repeat;}
.pageid_8 #content h1.pagetitle span { background: transparent url(images/title_contactus.png) no-repeat;}
.pageid_9 #content h1.pagetitle span { background: transparent url(images/title_reinvention.png) no-repeat;}
.pageid_10 #content h1.pagetitle span { background: transparent url(images/title_videos.png) no-repeat;}

.introtext { font-size: 140%; font-style: italic; padding: 20px 0;}

hr { border-style: none; background: url(images/dots.png) top repeat-x; color: #fff; height: 2px;}

/* Homepage */

#template.pageid_1 {background: #fff url(images/headshot.png) center bottom no-repeat }

.pageid_1 #content { width: 100%; margin-top: 0; padding-top: 0; }

.pageid_1 .mainmenu { background: url(images/dots.png) bottom repeat-x;}

.pageid_1 .mainmenu ul { width: 258px; padding-bottom: 20px;}

#homeimage { position: absolute; top: 10px; right: 10px;}

.home_col1, .home_col2, .home_col3 { width: 260px; float: left; padding: 10px 0 28px 25px;}



.home_col1 { width: 277px;}

.home_col3 { width: 264px; }

.pageid_1 #content h2 { overflow: hidden; text-indent: -9999px; display: block; width: 260px; height: 20px; margin-bottom: 10px;}

.welcome h2 { background: transparent url(images/hometitle_welcome.png) no-repeat; }

.reinventyb h2 { background: transparent url(images/hometitle_reinventyb.png) no-repeat; }

.reinventy h2 { background: transparent url(images/hometitle_reinventy.png) no-repeat; }

.welcome {position: relative; }

.welcome p.summary { background: transparent url(images/home_video.png) no-repeat bottom; height: 247px; overflow: hidden; padding-top: 15px; padding-left: 67px;}
/*

.welcome p.summary embed {position: absolute; top: 40px; left: 67px;}
*/
 
.reinventyb p.summary { background: transparent url(images/home_reinventyb.png) no-repeat bottom; height: 222px; overflow: hidden; padding: 20px;}

.reinventy p.summary { background: transparent url(images/home_reinventy.png) no-repeat bottom; height: 222px; overflow: hidden; padding: 20px;}

.hello p.summary {padding: 10px;}

.about p.summary, .books p.summary, .blog .item p, .blog .item div {font-size: small; }

.about p.summary { padding: 20px 40px 40px; margin-top: 20px; }

.blog .item { padding: 10px 25px;}

.blog .item h3 { width: 115px; padding-left: 0; }

.welcome p.more a, .reinventyb p.more a, .reinventy p.more a { font-style: italic; color: #E74A41; padding: 10px; text-decoration: none; display: block; font-size: small; }

.pageid_1 .welcome, .pageid_1 .reinventyb, .pageid_1 .reinventy { background: url(images/dots.png) bottom repeat-x; }

.pageid_1 .twitter, .pageid_1 .hello { background: url(images/dots.png) top repeat-x; margin-top: 15px; }

.pageid_1 .about { background: transparent url(images/home_about.png) no-repeat bottom; height: 326px; overflow: hidden; position: relative;}

.pageid_1 .books { background: transparent url(images/home_books.png) no-repeat bottom; height: 326px; overflow: hidden; position: relative;}

.pageid_1 .blog { background: transparent url(images/home_blog.png) no-repeat bottom; height: 325px; overflow: hidden; position: relative;}

.pageid_1 h3 { font-weight: normal; padding: 10px;}

.twitter h3 { background: transparent url(images/home_twitter.png) right no-repeat; padding-bottom: 30px;}

.twitter .tweet { padding-left: 10px;}

.twitter .tweetdate {font-style: italic; padding: 10px 0; display: block;}

.hello h3 { background: transparent url(images/home_hello.png) right no-repeat; padding-bottom: 20px; font-size: 220%; font-style: italic; }

.books p.summary { position: absolute; top: 235px; padding: 10px;}

.about p.more a, .books p.more a, .blog p.more a , .twitter p.more a { font-size: small; text-decoration: none; font-style: italic;}

.about #smalllogo { float: right; margin: -70px -40px 0 0 ;}

.books p.more { position: absolute; bottom: 0px; padding: 5px 10px; left: 10px;  }

.about p.more { position: absolute; bottom: 0px; padding: 5px 10px; left: 20px; }

.blog p.more { position: absolute; bottom: 0px; padding: 5px 10px; left: 20px; height: auto!important; }

/* .blog .footer { display: none; } */

.twitter p.more a { padding-left: 24px; background: transparent url(images/follow.png) 10px 1px no-repeat; }

/* Blog page pieX */

.pageid_7 #content .item img { float: left; margin: 5px 10px 5px 0; }

.pageid_7 #content .item h3 { color: #E74A41; font-size: x-large; font-weight: normal; font-style: italic; padding-bottom: 20px; float: left; width: auto;}

.pageid_7 #content .item .date { float: right; width: auto; padding-top: 0.5em; font-style: italic; color: #666; }

.pageid_7 #content .item .description { clear: both; }

.pageid_7 #content .footer a { color: #E74A41; font-style: italic; padding-bottom: 20px; text-decoration: none; display: block; }

.pageid_7 #content .item { overflow: hidden; background: url(images/dots.png) bottom repeat-x; padding-bottom: 20px; margin-bottom: 20px;}

/* Resources */

#content .vid { float: left; padding: 20px 12px 12px 12px; background: #000 url(images/vid.png) top no-repeat; margin: 5px; }

#content ol, #content p { clear: both; }

ol { padding: 1em 1.5em;}

/* Footer */

.clear { clear: both; height: 0;}

#footer { clear: both; background: #ECEBEB; margin: 0 -45px; color: #231F20; padding: 55px 65px; font-size: 80%; overflow: hidden; }

#footer a { color: #231F20; text-decoration: none;}

#footer ul { list-style-type: none;}

#footer li { margin-left: 10px; background: transparent url(images/footerdots.png) bottom repeat-x; padding: 5px 0;}

#footer li.topli { background: transparent url(images/footerdots.png) 0 1.9em repeat-x;}

#footer li.topli a {padding-bottom: 5px; display: block; }

#footer li.topli li a {padding-bottom: 0;}

#footer li.noborder { background: none;}

#footer .col1, #footer .col2 { float: left; width: 250px; padding-right: 45px;}