/*--- This file defines the layout that is the same regardless 
      of the device that is being used. Here we define the text 
      styles, link coloring, and such. ---*/

  body {
	text-align:		justify;
	margin:			auto;
	color:			black;
	font-family:		Helvetica, Arial, Verdana, Sans-Serif;
	font-size:		1em;
	line-height:		1.5em;
	background:		url(texture.png) repeat;
  }
  a:link, a:visited {
	text-decoration:	none;
	color:			#444;
  }
  a:hover, a:active {
	text-decoration:	underline;
	color:			#444;
  }
  h1, h2, h3 {
	text-align:		center;
  }
  #main {
	margin:			auto;
	width:			480px;
	margin-top:		100px;
  }
  #main > article {
        /* Set appearance */
	padding:		10px;
	margin:			0;
	height:			4em;
	background:		none;
	/*
	background:		gradient(linear, left top, left bottom, from(rgb(170,170,170)), to(rgb(120,120,120)));
	background:		-webkit-gradient(linear, left top, left bottom, from(rgb(170,170,170)), to(rgb(120,120,120)));
	background:		-moz-gradient(linear, left top, left bottom, from(rgb(170,170,170)), to(rgb(120,120,120)));
	*/
	border:			1px solid #666;
	/*
	box-shadow:		0 6px 6px rgba(0,0,0,.5);
	-webkit-box-shadow:	0 6px 6px rgba(0,0,0,.5);
	-moz-box-shadow:	0 6px 6px rgba(0,0,0,.5);
	/*

	/* Inner shadow */
        /*
	-moz-box-shadow:	inset 0 0 5px #000000;
	-webkit-box-shadow:	inset 0 0 5px #000000;
	box-shadow:		inset 0 0 5px #000000;
        */

	/* Transition effects */
	-moz-transition:	all 1s ease;
	-webkit-transition:	all 1s ease;
	transition:		all 1s ease;
  }
  /* Round corners of first item */
  #main > article:first-of-type {
	-moz-border-radius:	10px 10px 0 0;
	-webkit-border-radius:	10px 10px 0 0;
	border-radius:		10px 10px 0 0;
  }
  /* Round corners on last item */
  #main > article:last-of-type {
	-moz-border-radius:	0 0 10px 10px;
	-webkit-border-radius:	0 0 10px 10px;
	border-radius:		0 0 10px 10px;
  }
  #main > article > p {
	opacity:		0;
	-moz-transition:	all 1s ease;
	-webkit-transition:	all 1s ease;
	transition:		all 1s ease;
  }
  #main > article:target {
	height:			18em;
  }
  #main > article:target > p {
	opacity:		1;
  }