/*
design and coding:
Artworkers Barcelona
www.artworkers.net
*/


/* _____INDEX_____
1.  GENERAL
2.  STRUCTURE
3.  PAGE LAYOUTS
4.    About Anthony
5.    only for index pages
6.    only for bookmarks page
7.  NAVIGATION
8.    main menu
9.  TYPE STUFF
10. MODIFIERS
*/


	/*___1. GENERAL ___*/

body	{ margin:0; padding: 0; border: 0; 
			color: #ccc; background-color: #000; 
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 75%; text-align: center; }

hr		{ height:1px; border:none; border-bottom:1px solid #ddd;
			margin:7px 0; }

p		{ font-weight: normal; font-size: 100%; line-height:160%;
			padding: 0; margin: 0 0 0.5em 0; }
	/*--remember, font size is 100% of the 75% declared in body--*/

img				{ border: 0; }
a:visited img	{ border: none; }
a:link img		{ border: none; }
a:hover img		{ border: none; }
a:active img	{ border: none; }
a:active		{ border: none; }
a				{ text-decoration: none; }



	/*___2. STRUCTURE ___*/

#mainwrap	{ background-color: #222; text-align: left; 
				margin: 6px auto 0 auto;
				width: 966px; height: 100%;
				border-top: 1px solid #e2ad13;
				border-left: 1px solid #e2ad13;
				border-right: 1px solid #e2ad13; }
				/* contains everything */

#siteID		{ float: right; width: 966px; height: 55px; 
				margin: 0; position: relative; 
				border-bottom: 1px solid #e2ad13; 
				background: url(media/mainid-wide.jpg) no-repeat; 
				background-position: -171px -1px;
				overflow: hidden; } 
			/* adjust in sep sheet for IE6 */

#homeflash	{ position: absolute; left: 144px; top: -15px; 
				z-index: 10; overflow: hidden; 
				width: 822px; height: 70px; }

#siteID_sml	{ float: right; width: 431px; height: 35px; 
				margin: 0 0 10px 0; 
				background-image: url(media/mainid-sml.jpg); 
				background-repeat: no-repeat; 
				border-bottom: 1px solid #e2ad13; 
				border-left: 1px solid #e2ad13; } 

#menuwrap	{ width: 122px; text-align: center; 
				float: left; margin: 0; }

#content1	{ float: right; width: 829px; position: relative; 
				padding: 0 0 18px 14px;
				border-left: 1px solid #e2ad13; }
	/* total width of this div is 844 */

.content2	{ float: left; margin-right: 10px; }




	/*___3. PAGE LAYOUTS ___*/

#pagetitle		{ float: right; width: 738px; height: 76px; 
					margin-top: 14px; background-color: #222; }
#posterpage		{ float: left; padding-top: 14px; }
#rambladetail	{ float: left; padding: 33px 19px; 
					background: url(media/rambla-poster-bg.jpg) no-repeat; 
					background-position: 0 14px; 
					width: 342px; height: 500px; }
#sagfamdetail	{ float: left; padding: 33px 19px; 
					background: url(media/sagfam-poster-bg.jpg) no-repeat; 
					background-position: 0 14px; 
					width: 342px; height: 503px; }
#gaudidetail	{ float: left; padding: 36px 22px; 
					background: url(media/gaudi-poster-bg.jpg) no-repeat; 
					background-position: 0 14px; 
					width: 336px; height: 470px; }
#colondetail	{ float: left; padding: 54px 16px; 
					background: url(media/colon-poster-bg.jpg) no-repeat; 
					background-position: 0 36px; 
					width: 348px; height: 500px; }
#postername		{ float: right; width: 430px; }
.columbus		{ padding: 37px 0 0 0; }
.colonheight	{ height: 565px; }

.arrow			{ position: relative; top: 6px; left: -3px; }
.lupe			{ padding-top: 8px; margin-left: -1px; }
.lupe img		{ margin: 0 -2px -20px 0; }
* html .lupe	{ line-height: 50px; }

#genleft		{ float: left; width: 370px; height: 420px; 
					margin: 36px 0 0 0; padding: 0 0 0 8px; }
#genright		{ float: right; width: 410px; padding: 0 20px 0 0; }

#downloads		{ float: left; width: 820px; padding-left: 6px; }
.downloads		{ float: left; width: 260px; padding: 20px 12px 0 0; }
.downloads img	{ float: left; margin-right: 7px; }
.downloads p	{ font-size: 96%; color: #d0b461; line-height: 150%; 
					margin: 0 0 0.5em 0; }
#wallpaper		{ padding: 8px 0 18px 0; }
#wallpaper p	{ font-size: 94%; padding-bottom: 3px; }

.cookies		{ font-size: 80%; margin: 20px 20px 0 0; 
					float: left; clear: both; }

#thanks			{ background-color: #292929; text-align: left; 
					margin: 12px auto 12px auto; padding-bottom: 20px;
					width: 750px; height: 100%; 
					border: 1px solid #e2ad13; }
#thanks img		{ margin-bottom: 50px; }
#thanks p		{ margin-left: 20px; margin-right: 20px; 
					font-size: 110%; }



	/*__4. about Anthony__*/
#aboutant			{ float: left; width: 584px; padding: 6px 0 0 0; 
						display: inline; }
#aboutanttext		{ float: right; width: 232px; padding-right: 12px; }
.aboutantimage		{ float: left; width: 280px; margin: 0 12px 12px 0; 
						display: inline; }
.aboutantimage p	{ font-size: 92%; padding: 3px 0 6px 0; margin: 0; 
						line-height: 120%; color: #e7d295; }



	/*__5. only for index pages__*/
h2		{ font-weight: normal; font-size: 100%; line-height:136%;
			padding: 24px 0 0 0; margin: 2px 0 0.5em 0; }
#ramblahome	{ background: url(media/rambla-home-shad.jpg) no-repeat; 
				background-position: 0 220px; }
#sagfamhome	{ background: url(media/sagfam-home-shad.jpg) no-repeat; 
				background-position: 0 220px; }
#colonhome	{ background: url(media/colon-home-shad.jpg) no-repeat; 
				background-position: 0 168px; }
#gaudihome	{ background: url(media/gaudi-home-shad.jpg) no-repeat; 
				background-position: 0 181px; }
#puntohome	{ background: url(media/puntos-home-shad.jpg) no-repeat; 
				background-position: 0 166px; }



	/*__6. only for bookmarks page__*/
.alignbkmks		{ float: left; padding: 12px 12px 0 0; overflow: auto; 
					width: 820px; }
.bookmarktext	{ float: left; width: 340px; }
.bookmarkvert	{ float:left; margin:0 16px 12px 0;
					border: 1px solid #777; }
.bookmarkhoriz	{ float:left; margin:0 0 16px 0;
					border: 1px solid #777; }
.bkmks			{ float: right; clear: none; width: 342px; margin: 0; }




	/*___7. NAVIGATION___ */

a.textlink:visited { 
	color: #ccc; 
	border-bottom: 1px dotted #ccc; 
	padding-bottom: 1px; 
	text-decoration: none; }
a.textlink:link { 
	color: #ccc; 
	border-bottom: 1px dotted #ccc; 
	padding-bottom: 1px; 
	text-decoration: none; }
a.textlink:hover	{ 
	color: #ddb84a; 
	border-bottom: 1px dotted #e7d295; 
	padding-bottom: 1px; 
	text-decoration: none; }

.downloads a:visited { 
	color: #d0b461; 
	border-bottom: 1px dotted #d0b461; 
	padding-bottom: 1px; 
	text-decoration: none; }
.downloads a:link { 
	color: #d0b461; 
	border-bottom: 1px dotted #d0b461; 
	padding-bottom: 1px; 
	text-decoration: none; }
.downloads a:hover { 
	color: #ccc; 
	border-bottom: 1px solid #ccc; 
	padding-bottom: 1px; 
	text-decoration: none; }


		/*__8. main menu __*/
/* TO DO: put menu div heights in ems and font size in ems - 
	but leave width in pixels. Menu will stay more intact on zoom.
	Or convert whole to ul/li type stuff */
.menu			{ width: 122px; height: 15px; background-color: #000;
					overflow: visible; margin: 0 0 3px 0; 
					text-align: center; position: relative; 
					border-top: 1px solid #e2ad13; }
.menu p			{ font-size: 11px; line-height: 17px; margin: 0; 
					 padding: 0; color: #999; }
.menu a:visited	{ display: block; text-decoration: none; border: none; 
					color: #ccc; padding-bottom: 1px; } 
.menu a:link	{ display: block; text-decoration: none; border: none; 
					color: #ccc; padding-bottom: 1px; } 
.menu a:hover	{ display: block; text-decoration: none; border: none; 
					background-color: #444; color: #fff; 
					padding-bottom: 1px; }
#theprints		{ letter-spacing: 1px; font-size: 10px; color: #ddb84a; 
					padding: 12px 0 0 0; }

.prints				{ background-color: #444;  
						border-top: 1px solid #c8a642; 
						width: 122px; }
.prints p			{ background-color: #000; }
.prints a:visited	{ color: #fff; background-color: #444; }
.prints a:link		{ color: #fff; background-color: #444; }
.prints a:hover		{ background-color: #d0b461; color: #000; }

#summerhouse		{ height: auto; margin-top: 15px; 
						 background-color: #000; }
#summerhouse p		{ line-height: 14px; padding-bottom: 1px; }
#summerhouse a		{ color: #e7d295; }
	/*__ end main menu styles __*/

	/*_ list styles are only for 'About' flyout _*/
	/*_ thanks to Patrick Griffiths and Dan Webb, www.htmldog.com _*/
#flyout, #flyout ul	{ list-style: none; margin: 0; padding: 0 0 2px 0; 
						font-size: 11px; line-height: 17px; }
#flyout a			{ display: block; width: 122px; }
#flyout a:hover		{ background-color: #000; color: #ccc; }
#flyout li			{ float: left; text-align: center; width: 122px; }
#flyout li ul		{ position: absolute; left: -999em; width: 122px; }
#flyout li:hover ul, #flyout li.sfhover ul	{ left: 120px; top: -1px; }
#flyout li ul li	{ border-top: 1px solid #c8a642; 
						border-right: 1px solid #c8a642; 
						margin: 0 0 0 3px; width: 122px; 
						background-color: #000; }
#flyout li ul li a:hover	{ background-color: #444; color: #fff; }
.borderbot			{ border-bottom: 1px solid #c8a642; }

img a:link			{ border: none; }

#bookmarking { 
	padding-top: 14px; }
#delicious { 
	position: relative;
	top: -1px; }

#lang				{ position: absolute; right: 7px; top: 2px; 
						z-index: 20; }
#lang a:visited		{ font-size: 10px; letter-spacing: 1px; color: #ccc; 
						border-bottom: 1px dotted #ccc; 
						padding-bottom: 1px; text-decoration: none; }
#lang a:link		{ font-size: 10px; letter-spacing: 1px; color: #ccc; 
						border-bottom: 1px dotted #ccc; 
						padding-bottom: 1px; text-decoration: none; }
#lang a:hover		{ font-size: 10px; letter-spacing: 1px; color: #ffbe00; 
						border-bottom: 1px solid #ffbe00; 
						padding-bottom: 1px; text-decoration: none; }

.caption a:visited	{ color: #e7d295; text-decoration: none; 
						border-bottom: 1px dotted; 
						padding-bottom: 1px; }
.caption a:link		{ color: #e7d295; text-decoration: none; 
						border-bottom: 1px dotted; 
						padding-bottom: 1px; }
.caption a:hover	{ color: #eee; text-decoration: none; 
						border-bottom: 1px dotted #ffbe00; 
						padding-bottom: 1px; }



	/*___9. TYPE STUFF ___*/

h1			{ font-family: "Neue Helvetica", Helvetica, Arial, sans-serif;
				font-weight: normal; font-size: 175%; line-height:107%; 
				padding: 0; margin: 0.5em 0; color: #e7d295; }

.postersize	{ font-size: 70%; margin-left: 0.7em; color: #ccc; 
				font-weight: normal; }

h3			{ color: #e7d295; font-weight: bold; 
				font-size: 100%; line-height:160%;
				padding: 0; margin: 1.2em 0 0 0; }

h4			{ color: #ccc; font-size: 115%; 
				font-weight: normal; margin: 0 0 0.5em 0; }

.clickon	{ font-family: "Neue Helvetica", Helvetica, Arial, sans-serif;
				font-weight: normal;  
				color: #ffbe00; }

.description	{ margin: 0 12px 6px 0; line-height: 160%; 
					text-align: left; padding-top: 16px; }
.price			{ color: #e7d295; }
.bold			{ font-weight: bold; color: #fff; }
.letterspace1	{ letter-spacing: 0.1em; }


	/*___ MODIFIERS ___*/

.noborder		{ border: none; }
.noborder:hover	{ border: none; }
.inline			{ display: inline; }
.cursor			{ cursor: default; }
.center			{ text-align: center; }
.floatleft		{ float: left; }
.floatright		{ float: right; }
.clearboth		{ clear: both; }
.clearright		{ clear: right; }
.clearleft		{ clear: left; }
.clearnone		{ clear: none; }

.grey888		{ color: #888; }
.orange			{ color: #ffbe00; }
.orangeborder	{ border: 1px solid #c8a642; }
.greyborder		{ border: 1px solid #666; }
.cream			{ color: #e1d8b7; }
.h2colour		{ color: #e7d295; }
.blue			{ color: #2493df; }
.red			{ color: #cd202c; }

.width130		{ width: 130px; }
.width132		{ width: 132px; }
.width150		{ width: 150px; }
.width210		{ width: 210px; }
.width220		{ width: 220px; }
.width336		{ width: 336px; }
.width700		{ width: 700px; }
.margintop10	{ margin-top: 10px; }
.margintop20	{ margin-top: 20px; }
.margintop30	{ margin-top: 30px; }
.marginright5	{ margin-right: 5px; }
.marginright20	{ margin-right: 20px; }
.marginbot6		{ margin-bottom: 6px; }
.marginbot18	{ margin-bottom: 18px; }
.marginbot30	{ margin-bottom: 30px; }
.marginleft20	{ margin-left: 20px; }
.margin0		{ margin: 0; }
.pad0			{ padding: 0; }
.padtop90		{ padding-top: 90px; }
.padtop40		{ padding-top: 40px; }
.padtop35		{ padding-top: 35px; }
.padtop20		{ padding-top: 20px; }
.padtop16		{ padding-top: 16px; }
.padtop8		{ padding-top: 8px; }
.padtop2		{ padding-top: 2px; }
.padbot10		{ padding-bottom: 10px; }
.padright16		{ padding-right: 16px; }
.padbot1		{ padding-bottom: 1px; }
.padleft3		{ padding-left: 3px; }

.minheight400	{ min-height: 400px; } 
	/* this is fixed height 400px in ie6 sheet */
.height			{ height: 20px; }