/************************************************************************ Site: youmaysayimadreamer.com Author: rich 1 - Tags 2 - Structure/Layout 3 - Main Navigation 4 - You Are Here 5 - Sub Navigation 6 - Specifics 7 - Gallery 8 - Misc /*********************************************************************** 1 - TAGS ************************************************************************/ html, body {margin: 0px; padding: 0px;} body {font-family:'Trebuchet MS','Lucida Grande', Arial, sans-serif; font-size: 14px; color: #777777; background-color: #525252;} hr {width: 70%; border-bottom: 1px solid #C8D2D5; background-color: #FFFFFF; height: 0px;} input, textarea {border: 2px solid #CCCCCC; background-color: #F2F2F2; padding: 2px;} div.content li {margin-bottom: 12px;} p {line-height: 170%;} a:link {color: #2B59D5; text-decoration: none;} a:hover {color: #FF9900; text-decoration: none;} a:visited {color: #E8E8E8; text-decoration: none;} h1 {text-transform: lowercase; font-weight: normal; color: #B1B1B1; font-size: 40px; text-align: right; margin: 7px 0px 7px 0px;} h2 {font-size: 24px; color: #FF9900; padding: 4px; padding-left: 0; font-weight: normal; border-bottom: 2px solid #FF9900;} h3 {font-size: 18px; color: #990000; padding: 4px; border-bottom: 1px solid #C1C1C1;} /*********************************************************************** 2 - STRUCTURE AND LAYOUT ************************************************************************/ .container, .container2 { float: right; width: 773px; margin: 15px; background-color: #FFFFFF; background-image: url(../images/curvedcorner.gif); background-repeat: no-repeat; background-position: left top;} .header {padding: 15px; padding-bottom: 0;} .quotediv {margin: auto; width: auto; padding-top: 15px;} .content {background-color: #FFFFFF; padding: 15px; padding-top: 4px; background-image: url(../images/curvedcorner2.gif); background-repeat: no-repeat; background-position: left bottom;} .wrapper {width: 968px; margin: auto;} /*********************************************************************** 3 - MAIN NAVIGATION ************************************************************************/ #newnav {float: left; width: 165px; margin-top: 20px;} #newnav ul {margin: 0; padding: 0;} #newnav ul li {font-size: 36px; margin: 5px 0 5px 0; padding: 0; list-style-type: none;} #newnav ul li a {list-style-type: none; margin: 10px;} #newnav ul li a:link {color: #FFFFFF; text-decoration: none; border-bottom: 3px solid #525252;} #newnav ul li a:hover {border-color: #FF9900;} #newnav ul ul ul li a:hover {border-width: 2px;} #newnav ul ul {display: none; margin-top: 5px;} #newnav li li {font-size: 24px; margin: 0 0 0 20px;} #newnav ul ul ul {display: none; margin-top: 10px; margin-bottom: 5px} #newnav li li li, #newnav ul.links li {font-size: 12px; margin: 0 0 0 20px;} /*********************************************************************** 4 - YOU ARE HERE ************************************************************************/ body.home li a#home, body.think li a#think, body.act li a#act, body.read li a#read, body.look li a#look, body.contact li a#contact, body.film li a#film, body.photos li a#photos, body.articles2 li a#articles, body.words li a#words, body.books li a#books, body.activism li a#activism, body.ecology li a#ecology, body.charity li a#charity, body.me li a#me, body.about li a#about, body.links li a#links, body.clips li a#clips, body.webdesign li a#portfolio {color: #FF9900;} body.photosub li a#photos, body.articlesub li a#articles, body.wordsub li a#words {color:#FF9900;} body.advertising div#newnav li a#advertising, body.africa div#newnav li a#africa, body.pesticides div#newnav li a#pesticides, body.buddhisteconomics div#newnav li a#buddhisteconomics, body.cars div#newnav li a#cars, body.caste div#newnav li a#caste, body.cities div#newnav li a#cities, body.consumerism div#newnav li a#consumerism, body.cooperatives div#newnav li a#cooperatives, body.corporatism div#newnav li a#corporatism, body.ecologicaldebt div#newnav li a#ecologicaldebt, body.empire div#newnav li a#empire, body.fairtrade div#newnav li a#fairtrade, body.food div#newnav li a#food, body.g8 div#newnav li a#g8, body.growth div#newnav li a#growth, body.imf div#newnav li a#imf, body.ip div#newnav li a#ip, body.iraq div#newnav li a#iraq, body.money div#newnav li a#money, body.oil div#newnav li a#oil, body.pharmaceuticals div#newnav li a#pharmaceuticals, body.revolution div#newnav li a#revolution, body.speculation div#newnav li a#speculation, body.supermarkets div#newnav li a#supermarkets, body.sweatshops div#newnav li a#sweatshops, body.terrorism div#newnav li a#terrorism, body.themedia div#newnav li a#themedia, body.war div#newnav li a#war, body.themediaii div#newnav li a#themediaii, body.life div#newnav li a#life, body.love div#newnav li a#love, body.ideas div#newnav li a#ideas, body.ecological div#newnav li a#ecological, body.political div#newnav li a#political, body.ecovillage div#newnav li a#ecovillage, body.acttoday div#newnav li a#acttoday, body.india div#newnav li a#india, body.seasia div#newnav li a#seasia, body.newyork div#newnav li a#newyork, body.russia div#newnav li a#russia, body.linksnews div#newnav li a#linksnews, body.linksglobal div#newnav li a#linksglobal, body.linksimfwto div#newnav li a#linksimfwto, body.linksactivism div#newnav li a#linksactivism, body.linkshemp div#newnav li a#linkshemp, body.linksenvironment div#newnav li a#linksenvironment, body.linksecovillages div#newnav li a#linksecovillages, body.linksfood div#newnav li a#linksfood, body.linksethicalshops div#newnav li a#linksethicalshops, body.linksmisc div#newnav li a#linksmisc, body.linksart div#newnav li a#linksart, body.linksfunny div#newnav li a#linksfunny, body.linkscharity div#newnav li a#linkscharity {color:#FF9900; padding-left: 9px; font-weight: bold; background: url(../images/bullet.gif) no-repeat left center;} /*********************************************************************** 5 - SUB NAVIGATION ************************************************************************/ body.act div#newnav ul ul.act, body.activism div#newnav ul ul.act, body.charity div#newnav ul ul.act, body.ecology div#newnav ul ul.act, body.look div#newnav ul ul.look, body.film div#newnav ul ul.look, body.photos div#newnav ul ul.look, body.photosub div#newnav ul ul.look, body.clips div#newnav ul ul.look, body.read div#newnav ul ul.read, body.books div#newnav ul ul.read, body.articles2 div#newnav ul ul.read, body.articlesub div#newnav ul ul.read, body.words div#newnav ul ul.read, body.wordsub div#newnav ul ul.read, body.about div#newnav ul ul.about, body.me div#newnav ul ul.about, body.contact div#newnav ul ul.about, body.webdesign div#newnav ul ul.about {display:block;} body.articles2 div#newnav ul.articles, body.advertising div#newnav ul.articles, body.advertising div#newnav ul.read, body.africa div#newnav ul.articles, body.africa div#newnav ul.read, body.pesticides div#newnav ul.articles, body.pesticides div#newnav ul.read, body.buddhisteconomics div#newnav ul.articles, body.buddhisteconomics div#newnav ul.read, body.cars div#newnav ul.articles, body.cars div#newnav ul.read, body.caste div#newnav ul.articles, body.caste div#newnav ul.read, body.cities div#newnav ul.articles, body.cities div#newnav ul.read, body.consumerism div#newnav ul.articles, body.consumerism div#newnav ul.read, body.cooperatives div#newnav ul.articles, body.cooperatives div#newnav ul.read, body.corporatism div#newnav ul.articles, body.corporatism div#newnav ul.read, body.ecologicaldebt div#newnav ul.articles, body.ecologicaldebt div#newnav ul.read, body.empire div#newnav ul.articles, body.empire div#newnav ul.read, body.fairtrade div#newnav ul.articles, body.fairtrade div#newnav ul.read, body.food div#newnav ul.articles, body.food div#newnav ul.read, body.g8 div#newnav ul.articles, body.g8 div#newnav ul.read, body.growth div#newnav ul.articles, body.growth div#newnav ul.read, body.imf div#newnav ul.articles, body.imf div#newnav ul.read, body.ip div#newnav ul.articles, body.ip div#newnav ul.read, body.iraq div#newnav ul.articles, body.iraq div#newnav ul.read, body.money div#newnav ul.articles, body.money div#newnav ul.read, body.oil div#newnav ul.articles, body.oil div#newnav ul.read, body.pharmaceuticals div#newnav ul.articles, body.pharmaceuticals div#newnav ul.read, body.revolution div#newnav ul.articles, body.revolution div#newnav ul.read, body.speculation div#newnav ul.articles, body.speculation div#newnav ul.read, body.supermarkets div#newnav ul.articles, body.supermarkets div#newnav ul.read, body.sweatshops div#newnav ul.articles, body.sweatshops div#newnav ul.read, body.terrorism div#newnav ul.articles, body.terrorism div#newnav ul.read, body.themedia div#newnav ul.articles, body.themedia div#newnav ul.read, body.war div#newnav ul.articles, body.war div#newnav ul.read, body.themediaii div#newnav ul.articles, body.themediaii div#newnav ul.read, body.words div#newnav ul.words, body.life div#newnav ul.words, body.life div#newnav ul.read, body.ecological div#newnav ul.words, body.ecological div#newnav ul.read, body.love div#newnav ul.words, body.love div#newnav ul.read, body.ideas div#newnav ul.words, body.ideas div#newnav ul.read, body.political div#newnav ul.words, body.political div#newnav ul.read, body.ecology div#newnav ul.ecology, body.ecovillage div#newnav ul.ecology, body.ecovillage div#newnav ul.act, body.acttoday div#newnav ul.ecology, body.acttoday div#newnav ul.act, body.photos div#newnav ul.photos, body.india div#newnav ul.photos, body.india div#newnav ul.look, body.seasia div#newnav ul.photos, body.seasia div#newnav ul.look, body.newyork div#newnav ul.photos, body.newyork div#newnav ul.look, body.russia div#newnav ul.photos, body.russia div#newnav ul.look, body.links div#newnav ul.links, body.linksnews div#newnav ul.links, body.linksnews div#newnav ul.links, body.linksglobal div#newnav ul.links, body.linksglobal div#newnav ul.links, body.linksimfwto div#newnav ul.links, body.linksimfwto div#newnav ul.links, body.linksactivism div#newnav ul.links, body.linksactivism div#newnav ul.links, body.linkshemp div#newnav ul.links, body.linkshemp div#newnav ul.links, body.linksenvironment div#newnav ul.links, body.linksenvironment div#newnav ul.links, body.linksecovillages div#newnav ul.links, body.linksecovillages div#newnav ul.links, body.linksfood div#newnav ul.links, body.linksfood div#newnav ul.links, body.linksethicalshops div#newnav ul.links, body.linksethicalshops div#newnav ul.links, body.linksmisc div#newnav ul.links, body.linksmisc div#newnav ul.links, body.linksart div#newnav ul.links, body.linksart div#newnav ul.links, body.linksfunny div#newnav ul.links, body.linksfunny div#newnav ul.links, body.linkscharity div#newnav ul.links, body.linkscharity div#newnav ul.links {display:block;} /*********************************************************************** 6 - SPECIFICS ************************************************************************/ body.books td img {padding-top: 25px; padding-right: 14px;} body.film h3 {padding-top:0; margin-top:0;} body.articlesub h2 {font-size: 16px; border-bottom-width: 0px; background-color: #E8E8E8; font-weight: bold; text-align: center;} body.articlesub ul.related {line-height: 70%;} body.articlesub h2.related {font-size: 24px; background: #FFFFFF; text-align: left; border-bottom: 3px solid #FF9900;} body.index h1 {color:#FF9900; font-size: 150px; margin: 15px;} body.index p {color: #CCCCCC; margin-bottom: 100px; padding-right: 10px; text-align: right;} body.index a {text-align: left; margin: 20px 300px 0 180px; padding: 10px 20px 10px 20px; background-color: #FF9900; color: #FFFFFF; font-weight: bold;} body.index a:hover {background-color: #FFFFFF; color: #FF9900;} body.contact img.contact3 {padding-left: 20px; margin-top: 300px;} body.read div.read, body.act div.act, body.look div.look, body.about div.about {background: url(../images/books.jpg) no-repeat right bottom; height: 350px; padding-top: 20px;} body.read div.read p, body.act div.act p, body.look div.look p, body.about div.about p {margin: 40px; margin-left: 50px;} body.read div.read a:link, body.act div.act a:link, body.look div.look a:link, body.about div.about a:link {padding: 5px; font-size: 20px; color: #216DAB } body.read div.read a:hover, body.act div.act a:hover, body.look div.look a:hover, body.about div.about a:hover {color: #FF9900; border-bottom: 3px solid #525252;} body.act div.act {background-image: url(../images/act.jpg);} body.look div.look {background-image: url(../images/look.jpg);} body.about div.about {background-image: url(../images/about.jpg);} div.words img {margin: 11px 15px 17px 16px; padding: 0;} div.words a:link {border-bottom: 3px solid #FFFFFF;} div.words a:hover {border-bottom: 3px solid #525252;} /*********************************************************************** 7 - GALLERY ************************************************************************/ .picflat, .pictall {border: #000000; margin: 12px; height: 128px; width: 128px; padding: 16px; background-image: url(../images/frame-ls.gif); background-repeat: no-repeat; background-position: left top; float: left;} .pictall {background-image: url(../images/frame-pt.gif);} .picflat img {height: 96px; width: 128px;margin-top: 16px;} .pictall img {height: 128px; width: 96px; margin-left: 16px;} .pictall a:link img, .picflat a:link img {border: 1px solid #FFFFFF;} .pictall a:hover img, .picflat a:hover img {border: 1px solid #000000;} .pictall a:visited img, .picflat a:visited img {border: 1px solid #FFFFFF;} .pic {margin-top: 10px; display: block;} .pic img {margin: 8px 0px 0px 10px; padding: 0px;} .pics {color: #FFFFFF; margin: 0px; padding: 0px; background-color: #FFFFFF;} .picstitle {background-color: #FFFFFF; width: 100%; border-bottom: 1px solid #999999; padding: 0px; margin: 0px;} .picsend {font-size: 9px; color: #999999; padding: 1%; background-color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; border-top: 1px solid #666666; height: 50px; width: 98%;} .photoindex {float: left; height: 142px; width: 96px; margin: 13px;} .photoindex a {text-align: center; height: 160px; width: 98px; padding: 7px; background-color: #999999;} .photoindex a img {border: 1px solid #FFFFFF;} .photoindex a:link { display: block; border: 2px solid #FFFFFF; color: #CCCCCC;} .photoindex a:hover {display: block; border: 2px solid #CCCCCC; color: #FFFFFF;} .photoindex a:visited {display: block; background: #DADADA; border: 2px solid #FFFFFF;} .photoindex a:active {display: block; border: 2px solid #FFFFFF;} .phototext {clear: both; margin: 20px; width: 400px;} /*********************************************************************** 8 - MISC ************************************************************************/ .logo {padding: 25px 0 10px 20px;} .backtotop {height: 12px; text-align:right; margin: 20px 0 0 0; width: 30px; clear:both;} .quote {color: #666666; background-color: #EEEEEE; margin: 12px auto 13px auto; padding: 7px; width: 96%; background-image: url(../images/quotes/quotes.gif); background-repeat: no-repeat; background-position: right bottom;} .quote strong {color: #990000;} .quote2 {width: 250px; font-size: 16px; font-weight: bold; color:#444444; float: right; margin: 25px 10px 25px 25px; background-color:#E0E0E0; padding-bottom: 27px; background-image: url(../images/quotes2_bot.gif); background-position: left bottom; background-repeat: no-repeat;} .quote2 p {background-color:#E0E0E0; padding: 35px 25px 0px 25px; margin: 0px; line-height: 22px; background-image: url(../images/quotes2_top.gif); background-position: left top; background-repeat: no-repeat;} .articles {} .articles ul {margin: 0 15px 15px 25px; padding: 0px;} .articles ul li {margin: 0px; padding: 4px;} .articles ul li a {padding: 1px; list-style-type: square; border: 2px solid #FFFFFF; margin: 0px;} .articles ul li a:hover {background-color: #EFEFEF; padding: 3px; border: 1px solid #666666; color: #FF9900; margin: 0px;} .recommend {font-size: 10px; color: #666666; margin-top: 5px; margin-bottom: 5px; background-color: #DCD7CD; display: block; width: 99%;} .recommend a {padding: 3px 3px 3px 5px; display: block; width: 99%;} .recommend a:link {color:#666666; background-color: #DCD7CD;} .recommend a:hover {color: #CCCCCC; background-color: #9B8D71;} .top {margin: 0px 11px 0px 0px; padding: 0px; height: 13px; text-align: right;} .eco {background-color: #FFFFFF;} .ecoheader {background-image: url(../images/head_ecotoday.jpg); background-repeat: no-repeat; background-position: center top; height: 140px;} .ideapic {border: 1px solid #DFDFDF; padding: 5px; display: block; background-color: #FFFFFF; height: 300px; width: 200px; margin-top: 5px; margin-bottom: 5pxmargin-left: 10px;} .right {position: relative; margin-top: -3px; float: right;} .linkslist {margin: 30px 20px 30px 20px; padding: 0; line-height: 40px;} .linkslist li {padding: 0; list-style-type: none; display: inline;} .linkslist li a {width: 80px; margin: 5px; padding: 4px; background-color:#216DAB; color: #FFFFFF; border: 1px solid #000000;} .linkslist li a:link {} .linkslist li a:hover {background-color: #FF9900;} div.clips {margin: 20px auto 20px 160px;}