/*  
	Travelmania - www.playtravelmania.com by Paul Mistor
	Developed in collaboration with Alex Schenker of Contract Web Development
   www.contractwebdevelopment.com
*/

/* -- ( Text ) -- */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #666666; text-decoration: none; line-height: 18px;
	margin: 0; padding: 0; background: #fff }

#main { position: absolute; width: 100%; margin: 0; text-align: center }
div.column-250 { float: left; width: 250px }
div.column-350 { float: left; width: 350px }

h1 { font-size: 20px; font-weight: bold; color: #294783 } /* dark blue */
h1.article {font-size: 30px; font-weight: bold; color: #000; font-family: Times New Roman, Arial, sans-serif; letter-spacing: 0.2em }
h2 { font-size: 15px; font-weight: bold; color: #7780F4 } /* purple */
h2.article { font-size: 20px; font-weight: normal; font-style: italic; color: #7780F4 }
h2.game { font-size: 15px; font-weight: normal; font-style: italic; color: #7780F4 }
h3 { font-size: 12px; font-weight: bold; color: #7780F4 } 

h1.red { font-size: 20px; font-weight: bold; color: #C31B12 }
h2.red { font-size: 15px; font-weight: bold; color: #D34F48 }
h3.red { font-size: 12px; font-weight: bold; color: #BA6D69 } 

.red { color: red }
.blue { color: blue }
.strong { font-weight: bold }
.caps { font-variant: small-caps }
.strong-caps { font-weight: bold; font-variant: small-caps }
img { border: 0 }

/* credits and legalities */
.credits-ipod { font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; font-weight: normal; 
	color: #666666; text-align: left; text-decoration: none; float: left; padding: 0; margin: 0 }
.credits-l { font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; font-weight: normal; 
	color: #666666; text-align: left; text-decoration: none; float: left; padding-left: 1em; margin: 0 }
.credits-r { 
	font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; font-weight: normal; 
	color: #666666; text-align: right; text-decoration: none; float: right; padding-right: 1em; margin: 0 }
.credits-c-fp { /* for flash index page */
	font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; font-weight: normal; 
	color: #666666; text-align: center; text-decoration: none; float: left; /*margin-left: 4em;*/ }
.credits-bl { 
	font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; font-weight: normal; 
	color: #666666; float: left; padding-left: 1.5em; margin: 0; text-align: left; text-decoration: none }
.credits-br { 
	font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; font-weight: normal; 
	color: #666666; float: right; padding-right: 1.5em; margin: 0;	text-align: left; text-decoration: none }

/* fonts */
.small { font-size: 9px }

/* lists */
ol { list-style-type: decimal }      /* 1 2 3 4 5 etc. */
ol ol  { list-style-type: lower-alpha }  /* a b c d etc. */
ol ol ol { list-style-type: lower-roman}  /* i ii iii iv v etc. */

ul.nobullet { list-style: none; margin-left: 0 }
ul.bullets { margin-left: 0; padding-left: 0; list-style-type: none }
ul.bullets li { padding-left: 12px; margin: 0; background-image: url(/images/bullet.gif); background-position: 1px 5px; background-repeat: no-repeat }
ul.bullets li.none { background-image: none; padding-top: 10px }

/* links */
a:link.legal, a:visited.legal { font-style: normal; font-weight: normal; text-decoration: none; color: #666666 } /* gray */
a:hover.legal { font-weight: normal; text-decoration: underline; color: #666666 } 
a:link, a:visited, atitle{ font-weight: bold; text-decoration: none; color: #566CBF } /* purple */
a:hover, atitle { font-weight: bold; text-decoration: none; color: #F6BF7E } /* orange */
a:hover.credits, atitle { text-decoration: underline }
a:link.red, a:visited.red { color: #660000; text-decoration: none; font-weight: bold } /* dark red */
a:hover.red { color: #F7AEBA; font-weight: bold } /* pink */

/* -- ( Layout ) -- */

/* general */
.text-center { text-align: center }
div.column-container div.text-center { text-align: center; margin-right: 25% }
.text-black { color: #000; font-size: 10px }
.text-left-42 { text-align: left; margin-left: 42% }

/* articles */
.text-right { text-align: right; font-size: 9px; font-variant: small-caps; margin-right: 20% }
* html .text-right { text-align: right; font-size: 9px; font-variant: small-caps; margin-right: 14% }
.text-right-2 { text-align: right; font-size: 9px; font-variant: small-caps; margin-right: 27% }
* html .text-right-2 { text-align: right; font-size: 9px; font-variant: small-caps; margin-right: 21% }
.line { border-bottom: 2px solid #000; padding: 5px; width: 290px;  }
.small-caps { font-variant: small-caps }

/* pricing */
table.pricing { align: left; cellpadding: 2; cellspacing: 2; border-top: 1px solid #cccccc }
table.pricing td { border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc }
table.pricing tr.header { font-weight: bold }

/* javascript party sections */
#p1, #p2, #p3, #p4, #p5, #p6, #p7, #p8, #p9, #p10, #p11, #p12, #p13, #p14, #p15, #p16, #p17, #p18 { display: none; margin-left: 5px }

/* image layout */
.width-1024 { width: 1024px }
.img-column { float: left; width: 225px; margin-top: 0 }
.img-column-250 { float: left; width: 260px; margin-top: 0 }
.img-column-150 { float: left; width: 160px; margin-top: 0 }
.img-column-100 { float: left; width: 110px; margin-top: 0 }
.img-pad { float: left }

/* center */
.center { margin-left: 25%; margin-right: 25%; margin-top: 20px; text-align: left; vertical-align: middle; border: 3px solid #FFD38D }
.center-c { margin-left: 25%; margin-right: 25%; margin-top: 20px; text-align: left; vertical-align: middle; 
   border-top: 3px solid #FFD38D; border-right: 3px solid #FFD38D; border-left: 3px solid #FFD38D }
.center-c-c { margin-left: 25%; margin-right: 25%; margin-bottom: 20px; text-align: left; vertical-align: middle; 
   border-right: 3px solid #FFD38D; border-left: 3px solid #FFD38D }
.center-narrow { margin-left: 33%; margin-right: 33%; margin-top: 20px; text-align: left; vertical-align: middle; border: 3px solid #FFD38D }
.center-column { margin: 0 auto; text-align: center; width: 780px }

/* credits */
.center-credits { margin-left: 25%; margin-right: 25%; margin-top: 0; text-align: left; vertical-align: middle; border-top: 1px solid #FFD38D }
* html .center-credits { margin-top: -1.2%; margin-left: 25%; margin-right: 25%; padding-bottom: 0.2%; text-align: left; vertical-align: middle; border: 1px solid #FFD38D; border-bottom: 2px solid #FFD38D }

/* for flash index page */
.center-credits-fp {  margin-left: 5%; margin-right: 5%; margin-top: 0; text-align: left; vertical-align: middle }
* html .center-credits-fp { margin-left: 10%; margin-right: 10%; margin-top: 0; text-align: left; vertical-align: middle }

/* padding */
.pad { margin: 10px }
.pad-more {	margin: 20px }
.margin-175-left { margin-left: 175px }

p.img { margin: 0px 125px 10px 125px; padding: 20px 0; border-bottom: 1px solid #E8B01F }
p.img-75 { margin: 5px 20px 0 90px; padding: 5px 0 }
p.img-top {  /* IE fix */ margin: 0 125px 10px 125px; padding: 0 0 20px 0;	border-bottom: 1px solid #E8B01F }
	
/* section divider lines */
.border-b-purple { border-bottom: 1px solid #9E8EC5 }
.border-b-blue { border-bottom: 1px solid #AECBF7 }
.border-b-red { border-bottom: 1px solid #926664 }
.border-b-yellow { border-bottom: 1px solid #9C6F11 }
	
p { padding: 0 10px }
.column { float: left }
.column-container { width: 1200px; margin-left: auto; margin-right: auto } /* padding-left: 5px; border-left: 1px solid #AECBF7; */
.column-article { float: left; width: 300px }
.upload p { margin: 2px 5px; padding: 2px 5px }
p.ipod-privacy { margin: 0 2px; padding: 0 2px }
p.ipod { margin: 2px 0 0 10px; padding: 2px 0 0 10px }
p.ipod-upload { margin: 2px 0 0 5px; padding: 2px 0 0 5px }
.column-character { float: left; width: 175px; line-height: 2em }
* html .column-character { float: left; width: 175px; line-height: 23px }
.column-pricing { float: left; width: 200px; line-height: 2em }
* html .column-pricing { float: left; width: 200px; line-height: 23px }
.column-ipod { float: left; width: 140px; line-height: 2em }
.column-ipod-u { float: left; margin-top: 8px; line-height: 2.5em }
* html .column-ipod-u { float: left; margin-top: 8px; line-height: 30px }
* html .column-ipod { float: left; width: 140px; line-height: 23px }

.column-ipod p { padding: 5px 5px 0px 5px; margin: 5px 5px 0px 5px }
.column-ipod p div { padding: 2px; margin: 2px }
.column-byline { width: 1200px }
.column-article-next { float: left; padding-left: 1%; width: 300px }
.column-article p, .column-article-next p { margin-top: 3px; margin-bottom: 0; text-indent: 1.5em }
.column-r { float: right }
.bullet-square { list-style-type: square; padding-left: 2em }
* html .bullet-square { list-style-type: square; margin-left: 0.5em }
	
#wrap { position: relative; margin: 0; padding: 0 10px 0 10px; z-index: 0; width: 97% }
#main { position: relative; width: 97%; padding: 5px; z-index: 3 }
.clear { clear: both }
.clear-5 { clear: both; margin-bottom: 5px }

/* fixed header pages */
#header-red { background-color: #CC3333; background-image: url(/images/layout/red-bg.gif); padding: 5px 0 10px 0; text-align: center; border-bottom: 2px solid #8B2D28 }
#header-blue { background-color: #AFCBF7; background-image: url(/images/layout/blue-bg.gif); padding: 5px 0 10px 0; text-align: center; border-bottom: 2px solid #5889D3 }
#header-purple { background-color: #9E8EC5; background-image: url(/images/layout/purple-bg.gif); padding: 5px 0 10px 0; text-align: center; border-bottom: 2px solid #4A41A0 }
#header-yellow { background-color: #E5A012; background-image: url(/images/layout/yellow-bg.gif); padding: 5px 0 10px 0; text-align: center; border-bottom: 2px solid #9C6F11 }

.big { font-size: 13px; font-weight: bold; color: #3A3C42 }
.header-pad { margin-top: 10px } /* ceiling padding for header text */

/* -- ( Buttons ) -- */

/* ipod & gallery */
a.entry-button { display: block; white-space: nowrap; background: url(/images/fun/entry-button.gif) no-repeat; 
	width: 160px; height: 32px; border: 0; clear: none; float: left; margin-top: 15px }
a.entry-button:hover { background-position: -160px }
a.upload-button { display: block; white-space: nowrap; background: url(/images/fun/upload-button.gif) no-repeat; 
	width: 160px; height: 32px; border: 0; clear: none; float: left; margin-top: 15px }
a.upload-button:hover { background-position: -160px }

/* fun stuff */
a.wallpaper { display: block; white-space: nowrap; background: url(/images/fun/wallpaper.jpg) no-repeat; 
	width: 100px; height: 58px; border: 0; clear: none; float: left; margin-top: 15px }
a.wallpaper:hover { background-position: -100px }
a.party { display: block; white-space: nowrap; background: url(/images/fun/party.jpg) no-repeat; 
	width: 100px; height: 58px; border: 0; clear: none; float: left; margin-top: 10px }
a.party:hover { background-position: -100px }
a.character { display: block; white-space: nowrap; background: url(/images/fun/character.jpg) no-repeat; 
	width: 100px; height: 58px; border: 0; clear: none; float: left; margin-top: 5px }
a.character:hover { background-position: -100px }

/* important info */
a.instructions { display: block; white-space: nowrap; background: url(/images/fun/download.jpg) no-repeat; 
	width: 100px; height: 64px; border: 0; clear: none; float: left; margin-top: 15px }
a.instructions:hover {	background-position: -100px }
a.reseller { display: block; white-space: nowrap; background: url(/images/fun/reseller.jpg) no-repeat;
	width: 100px; height: 57px; border: 0; clear: none; float: left }
a.reseller:hover {	background-position: -100px }
a.contact { display: block; white-space: nowrap; background: url(/images/fun/contact.jpg) no-repeat;
	width: 100px; height: 55px; border: 0; clear: none; float: left }
a.contact:hover {	background-position: -100px }

/* -- ( Navigation ) -- */
a.buy-stuff { display: block; white-space: nowrap; background: url(/images/fun/buy-stuff.jpg) no-repeat;
	width: 78px; height: 113px; border: 0; float: left; clear: none; margin-top: 15px }
ul.nobr { list-style: none; border: none; margin: 0; padding: 0 }
ul.nobr li.left-100 { margin-left: -100px; padding-top: 20px }
ul.nobr li.left-80 { margin-left: -80px; padding-top: 20px }
* html ul.nobr li.left-100, * html ul.nobr li.left-80 { margin: 0; padding: 0 }
a.buy-stuff:hover { background-position: -78px }
a.co-info { display: block; white-space: nowrap; background: url(/images/fun/company-info.jpg) no-repeat;
	width: 99px; height: 90px; border: 0; clear: none; float: left }
a.co-info:hover {	background-position: -99px }
a.the-game { display: block; white-space: nowrap; background: url(/images/fun/the-game.jpg) no-repeat;
	width: 102px; height: 110px; border: 0; clear: none; float: left }
a.the-game:hover {	background-position: -102px }
a.customer { display: block; white-space: nowrap; background: url(/images/fun/customer.jpg) no-repeat;
	width: 92px; height: 111px; border: 0; clear: none; float: left }
a.customer:hover {	background-position: -92px }
a.fun-stuff { display: block; white-space: nowrap; background: url(/images/fun/fun-stuff.jpg) no-repeat;
	width: 98px; height: 105px; border: 0; clear: none; float: left }
a.fun-stuff:hover {	background-position: -98px }

/* Images */

/* general */
.left { position: relative; float: left; margin: 7px 10px 0 0; padding: 0; border: 0 }
.right { position: relative; float: right; margin: 7px 10px 0 0; padding: 0; border: 0 }

/* rotating gallery thumbnails */
a.wednesday2 { display: block; white-space: nowrap; background: url(/images/fun/gallery/wednesday2-t.jpg) no-repeat; 
	width: 197px; height: 150px; border: 0; padding: 10px 10px 0 10px; margin: 0; clear: none; float: left }
a.tuesday2 { display: block; white-space: nowrap; background: url(/images/fun/gallery/tuesday2-t.jpg) no-repeat; 
	width: 234px; height: 150px; border: 0; padding: 10px 10px 0 10px; margin: 0; clear: none; float: left }
a.monday2 { display: block; white-space: nowrap; background: url(/images/fun/gallery/monday2-t.jpg) no-repeat; 
	width: 198px; height: 150px; border: 0; padding: 10px 10px 0 10px; margin: 0; clear: none; float: left }
a.tuesday { display: block; white-space: nowrap; background: url(/images/fun/gallery/tuesday-t.jpg) no-repeat; 
	width: 125px; height: 150px; border: 0; padding: 10px 10px 0 10px; margin: 0; clear: none; float: left }
a.wednesday { display: block; white-space: nowrap; background: url(/images/fun/gallery/wednesday-t.jpg) no-repeat; 
	width: 206px; height: 150px; border: 0; padding: 10px 10px 0 10px; margin: 0; clear: none; float: left }
a.thursday { display: block; white-space: nowrap; background: url(/images/fun/gallery/thursday-t.jpg) no-repeat; 
	width: 113px; height: 150px; border: 0; padding: 10px 10px 0 10px; margin: 0; clear: none; float: left }
a.sunday { display: block; white-space: nowrap; background: url(/images/fun/gallery/sunday-t.jpg) no-repeat; 
	width: 98px; height: 150px; border: 0; padding: 10px 10px 0 10px; margin: 0; clear: none; float: left }
a.monday { display: block; white-space: nowrap; background: url(/images/fun/gallery/monday-t.jpg) no-repeat; 
	width: 200px; height: 150px; border: 0; padding: 10px 10px 0 10px; margin: 0; clear: none; float: left }
a.saturday { display: block; white-space: nowrap; background: url(/images/fun/gallery/saturday-t.jpg) no-repeat; 
	width: 134px; height: 150px; border: 0; padding: 10px 10px 0 10px; margin: 0; clear: none; float: left }
a.friday { display: block; white-space: nowrap; background: url(/images/fun/gallery/friday-t.jpg) no-repeat; 
	width: 114px; height: 150px; border: 0; padding: 10px 10px 0 10px; margin: 0; clear: none; float: left }

/* wallpaper thumbnails */
a.w-russia { display: block; white-space: nowrap; background: url(/images/fun/wallpaper/russia-s2.jpg) no-repeat;
	width: 200px; height: 150px; border: 0; padding: 10px 10px 0 10px; margin: 0px; clear: none; float: left }
a.w-thailand { display: block; white-space: nowrap; background: url(/images/fun/wallpaper/thailand-s2.jpg) no-repeat;
	width: 200px; height: 150px; border: 0; padding: 10px 10px 0 10px; margin: 0px; clear: none; float: left }
a.w-sunset { display: block; white-space: nowrap; background: url(/images/fun/wallpaper/sunset-s2.jpg) no-repeat;
	width: 200px; height: 150px; border: 0; padding: 10px 10px 0 10px; margin: 0px; clear: none; float: left }
a.w-coromandel { display: block; white-space: nowrap; background: url(/images/fun/wallpaper/coromandel-s2.jpg) no-repeat;
	width: 200px; height: 150px; border: 0; padding: 10px; clear: none; float: left }
a.w-alps { display: block; white-space: nowrap; background: url(/images/fun/wallpaper/alps-s2.jpg) no-repeat;
	width: 200px; height: 150px; border: 0; padding: 10px; clear: none; float: left }
a.w-peru { display: block; white-space: nowrap; background: url(/images/fun/wallpaper/peru-s2.jpg) no-repeat;
	width: 200px; height: 150px; border: 0; padding: 10px; clear: none; float: left }
a.w-costarica { display: block; white-space: nowrap; background: url(/images/fun/wallpaper/beach-s2.jpg) no-repeat;
	width: 200px; height: 150px; border: 0; padding: 10px; clear: none; float: left }

/* game */
a.game-image1 { display: block; white-space: nowrap; background: url(/images/game/image1a.jpg) no-repeat; 
	width: 100px; height: 100px; border: 0; margin: 0 20px 10px 0; clear: none; float: left }
a.game-image2 { display: block; white-space: nowrap; background: url(/images/game/image2a.jpg) no-repeat;
	width: 100px; height: 100px; border: 0; margin: 0 20px 10px 0; clear: none; float: left }
a.game-image3 { display: block; white-space: nowrap; background: url(/images/game/image3a.jpg) no-repeat;
	width: 100px; height: 100px; border: 0; margin: 0 20px 10px 0; clear: none; float: left }
a.game-image4 { display: block; white-space: nowrap; background: url(/images/game/image4a.jpg) no-repeat;
	width: 100px; height: 100px; border: 0; margin: 0 20px 10px 0; clear: none; float: left }
	
/* promotion */
a.katrina { display: block; white-space: nowrap; background: url(/images/fun/katrina.gif) no-repeat; 
	width: 201px; height: 146px; border: 0; float: right; clear: none; margin-left: 5px }
a.ipod { display: block; white-space: nowrap; background: url(/images/fun/ipod.gif) no-repeat; 
	width: 163px; height: 135px; border: 0; float: right; clear: none; margin-left: 5px }