/*	gonzalez-screen.css	Style sheet for Web pages
	Begun 03/12/08
*/

*	{
	margin:		0;
	padding:	0;
}

body	{
	background:		url( media/sg-gradient2.png ) repeat-x fixed;
	font-family:	Verdana, Geneva, sans-serif;
	font-size:		0.8em
}

.central	{
	text-align:	center
}

.new-row	{
	clear:	both
}

.column	{
	float:			left;
	margin-right:	15px
}

/*	divisions	*/

div.adjunct	{
	float:			right;
	margin-right:	75px
}

div#blurb	{
	width:	420px
}

#blurb p, #blurb ul	{
	margin-bottom:	16px
}

div.boxout	{
	border:	1px solid
}

.boxout p	{
	font-family:	'Comic Sans MS', cursive;
	font-size:		120%;
	padding:		0 15px 15px
}

div#container	{
	width:			960px;
	margin:			auto;
	border-right:	1px solid;
	border-left:	1px solid
}

div#extra	{
	margin-top:	45px
}

#extra p	{
	padding-bottom:	20px
}

div#flag	{
	padding-bottom:	25px
}

div#main	{
/*	background:	url( media/layout_grid.png );	*/
	padding:	15px
}

div#navbar	{
	padding-left:	15px
}

#navbar ul	{
	list-style:	none
}

#navbar li, #navbar li#here	{
	display:		inline;
	position:		relative;
	bottom:			11px;
	line-height:	1.2em;
	margin:			0 3px 0 0;
	padding:		4px 0px
}

#navbar li#here span.inner	{
	padding:	3px 7px;
	border:		1px solid;
	font-size:	90%
}

#navbar a, #navbar a:link, #navbar a:visited {
	position:			relative;
	bottom:				2px;
	right:				2px;
	height:				1em;
	padding:			3px 7px;
	border:				1px solid;
	font-size:			90%;
	text-decoration:	none
}

#navbar a:hover, #navbar li#here span.inner	{
	position:	relative;
	right:		1px;
	bottom:		1px
}

div#nav-container	{
	border-top:	1px solid
}

div#offer	{
	margin-top:	0
}

div.one	{
	width:	555px
}

div.two	{
	margin-left:	585px
}

div.pairing	{
	margin-top:	16px;
	padding:	10px 0 23px 10px
}

div.paired	{
	margin-top:	58px;
	padding:	10px 10px 10px 15px
}

.pairing ul	{
	margin-left:	190px
}

div#photo-strip	{
	margin-top:	103px
}

#photo-strip img	{
	display:		block;
	border-top:		1px solid;
	border-bottom:	1px solid;
	margin-bottom:	5px
}

div#popup	{
	width:			834px;
	margin:			auto;
	border-right:	1px solid;
	border-left:	1px solid
}

#popup button	{
	float:	right
}

#popup h3	{
	padding-bottom:	15px
}

div.principal	{
	width:	670px
}

.principal p	{
	font-size:		90%;
	padding-top:	3px
}

.principal ul#author-photos	{
	list-style:	none;
	margin-top:	2px
}

#author-photos li	{
	display:		inline;
	float:			left;
	margin:			0;
	padding-right:	18px
}

#author-photos li#last-photo	{
	padding-right:	0
}

div#quiz	{
	margin-top:	22px;
	padding:	15px
}

#quiz p	{
	padding:	9px 0 0 3px
}

/*	images	*/

img	{
	border:	0
}

img.glyph	{
	margin-right:	15px;
	float:			right
}

img.illustration	{
	margin:	10px 8px 0 15px
}

img.intro	{
	float:	left
}

img.map, img.map-photo	{
	padding:	1px;
	border:		1px solid
}

img.photo	{
	margin-right:	20px
}

img.thumb	{
	clear:	right;
	float:	right;
	margin:	0 0 5px 10px
}

/*	elements	*/

a:link, a:visited	{
	text-decoration:	none
}

a:hover	{
	text-decoration:	underline
}

form	{
	margin-top:	15px
}

form p	{
	padding:	5px 10px 7px
}

h1	{
	font-size:		200%;
	margin-bottom:	15px
}

h3	{
	font-size:	125%;
	margin:		5px 0
}

h4	{
	font-size:		110%;
	margin-bottom:	4px
}

p	{
	margin-bottom:	4px
}

p.hint	{
	padding-top:	18px
}

p.links	{
	padding-top:	18px;
	clear:			both
}

p.lister	{
	padding-bottom:	3px
}

p.shop-info	{
	padding-top:	10px
}

p#stamp	{
	margin-top:		15px;
	padding-bottom:	20px
}

span.quote	{
	font-weight:	bold
}

ul li	{
	margin-left:		17px;
	line-height:		125%;
	list-style-image:	url( media/sexy-bullet.png )
}

/*	colours	*/

a:visited	{
	background-color:	inherit;
	color:				#900
}

a:link, a:hover	{
	background-color:	inherit;
	color:				#c00
}

a:active	{
	background-color:	inherit;
	color:				red
}

body	{
	background-color:	#002084	/* a deep blue */
}

div.boxout	{
	border-color:		#537de9		/* sky blue */
}

.boxout p, span.quote	{
	background-color:	inherit;
	color:				#d02090	/* red violet */
}

div#container, div#popup	{
	border-color:		#537de9		/* sky blue */
}

div#flag	{
	background-color:	#f9fac8;	/* sand on book cover */
}

div#main	{
	background-color:	white;
	color:				#333
}

div#nav-container	{
	background-color:	#002084;	/* a deep blue */
	border-color:		#537de9		/* sky blue */
}

div#navbar li, #navbar li#here	{
	background-color:	black
}

#navbar a, #navbar a:link, #navbar a:visited, #navbar li#here span.outer {
	background-color:	#900;
	color:				white;
	border-color:		white
}

#navbar a:hover, #navbar li#here span.inner {
	background-color:	#c00;
	color:				white
}

div.pairing, div.paired, .standout	{
	background-color:	#fac35e	/* an orange from the sandy yellow */
}

div#photo-strip img	{
	border-color:		black
}

img.map, img.map-photo	{
	border-color:		#537de9		/* sky blue */
}

p#stamp	{
	background-color:	transparent;
	color:				white
}

/*	EOF	*/