html { min-height: 100%; margin-bottom: 1px; }
body {
	font: normal normal normal 12px/18px 'Gill Sans', 'Gill Sans MT', Futura, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	line-height: 1.5em;
	color: #999;
	background: #FFF;
}
a {
	color: #551A8B;
	text-decoration: none;
	-webkit-transition: all 0.25s;
}
a:hover {
	color: #9B2EFF;
	border-bottom: 1px solid #EEE;
}
h1 {
	color: #000;
	font-weight: normal;
	font-size: 3em;
	line-height: 1.5em;
	margin: 1em 0 1em;
}
h1 a { color: #000; }
h1 a:hover { color: inherit; border-bottom: none; }
h1 span {
	color: #C4C4C4;
	font-size: 0.4em;
	position: absolute;
	left: 0em;
	margin-top: -2em;
}
h1 a:hover span { color: #9B2EFF; }
h2 {
	font-weight: normal;
	text-transform: lowercase;
}
span.amp {
	font-family: Baskerville, Palatino, "Book Antiqua", Constantia, "URW Palladio L", serif;
	font-style: italic;
}


#content {
	width: 825px;
	padding: 0 30px 10px;
	margin: auto;
	position: relative;
}
.leftsection,
.rightsection {
	position: relative;
}
.leftsection h2,
.rightsection h2 {
	position: absolute;
	font-size: 1.25em;
	line-height: 2.3em;
	width: 130px;
	padding-right: 20px;
	text-align: right;
	left: 0;
}
.rightsection h2 {
	left: auto;
	right: 0;
	text-align: left;
	padding-right: 0;
	padding-left: 20px;
}
.leftsection ul,
.rightsection ul {
	width: 675px;
	margin-right: 0;
	margin-left: auto;
}
.rightsection ul {
	text-align: right;
	margin-right: auto;
	margin-left: 0;
}

#photoblog { height: 150px; }
#photoblog h2 {
	bottom: 0;
	border-bottom: 1px solid #CCC;
}
#photoblog ul { float: right; }
#photoblog ul li { float: left; } /* For IE */
#photoblog li a img { float: left; }
#photoblog li a:hover img { -webkit-box-shadow: #333 3px 3px 15px; }

#webmarks { margin-bottom: 3em; }
#webmarks ul { padding-top: 0.45em; }
#webmarks li {
	font-size: 1.1em;
	line-height: 2.1em;
}
#webmarks li a { color: #232323; }
#webmarks li a:hover {
	color: #6D0;
	border-bottom: 1px solid #EEE;
}
#webmarks li a.permalink {
	font: normal normal normal 1em/1.5em "Lucida Grande", Verdana, sans-serif;
	padding: 0 5px;
	color: #CCC;
	-webkit-transition-property: color;
}
#webmarks li a:hover.permalink {
	color: #232323;
	background: #F9F9F9;
	border-bottom: none;
}

#grandslams h2 {
	right: 0;
	bottom: 0;
	border-bottom: 1px solid #CCC;
}
#grandslams>ul {
	padding: 2em 0;
	width: 675px;
	font-size: 8px;
}
#grandslams ul { width: auto; text-align: left; }
#grandslams ul a { color: #232323; }
#grandslams ul a:hover {
	color: #000;
	border-bottom: none;
	text-decoration: underline;
}
#grandslams li {
	font-size: 1em;
	width: 13em;
	padding: 0 0.5em;
	margin-left: 0;
}
#grandslams li 	  	{ line-height: 2em; margin-top: -0.600em; margin-bottom: -0.600em; }
#grandslams li li 	{ font-size: 2em; margin-left: 6.75em; }
#grandslams li li 	{ margin-top: -0.680em; margin-bottom: -0.680em; width: 12em; } 
#grandslams li li li{ margin-top: -0.840em; margin-bottom: -0.840em; width: 10.1em; margin-left: 6.25em; font-size: 2em; }
#grandslams li li li a { font-size: 0.75em; }

/* Australian Open */
ul li.p1 { background-color:#61CDFB; }
ul ul li.p1 { background-color:#7DBBDA; }
ul ul ul li.p1 { background-image: url(../misc/gs/aucourt.png); }
/* Roland Garros */
ul li.p2 { background-color:#F09A8E; }
ul ul li.p2 { background-color:#D56E31; }
ul ul ul li.p2 { background-image: url(../misc/gs/rgcourt.png); }
/* Wimbledon */
ul li.p3 { background-color:#A8DF6A; }
ul ul li.p3 { background-color:#B9DE72; }
ul ul ul li.p3 { background-image: url(../misc/gs/wbcourt.png); }
/* US Open */
ul li.p4 { background-color:#6FA0DD; }
ul ul li.p4 { background-color:#7FB4E3; }
ul ul ul li.p4 { background-image: url(../misc/gs/uscourt.png); }

.list ul { padding-top: 0.45em; }
.list li {
	font-size: 1.1em;
	line-height: 2.1em;
}
.list li a {
	color: #13593F;
	clear: both;
	margin-left: 0.5em;
	border-bottom: none;
}
.list li a:hover {
	color: #1A8B55;
	text-decoration: underline;
}


#footer {
	margin: 5em 0 1em;
	border-top: 1px solid #EEE;
	padding-top: 0.5em;
	text-align: right;
}
#footer p { float: left; }
#footer li { display: inline; }
#footer li+li { border-left: 1px solid #EEE; }
#footer li a { padding: 0 0.5em 0 0.75em; }
#footer li:last-child a { padding: 0 0 0 0.75em; }
#footer a { color: #232323; }
#footer a:hover { color: #9B2EFF; border: none; }


#webkit {
	position: fixed;
	left: 0.5em;
	bottom: 0.5em;
	line-height: 1.5em;
	height: 1.5em;
	display: none;
}
#webkit a {
	float: left;
	width: 16px;
	height: 16px;	
	-webkit-border-radius: 8px;
	margin-right: 7px;
	text-align: center;
	color: #FFF;
	background: #DDD;
	text-shadow: #BBB 1px 1px 0px;
}
#webkit a.play {
	line-height: 16px;
	font-size: 10px;
	text-indent: 3px;
	-webkit-transform: rotate(0);
}
#webkit a.pause {
	line-height: 15px;
	font-size: 16px;
	text-indent: 1px;
	text-shadow: #AAA -1px 1px 0px;
	font-weight: bold;
	-webkit-transform: rotate(90deg);
}
#webkit a:hover {
	border: none;
	background: #9B2EFF;
}
#webkit a.play:hover { text-shadow: #666 1px 1px 0px; }
#webkit a.pause:hover { text-shadow: #333 -1px 1px 0px; }
#webkit span {
	color: #CCC;
	font-family: Monaco, 'Courier New', Courier, monospace;
}