/***

miketipping.com :: website 2012

***/


/*** BODY ***/

body
{
	width:				100%;
	margin:				0;
	padding:			0;
	background-color:	#ddd;
	background-image:	url(../images/graphtile.jpg);
	background-repeat:	repeat;
	font-family:		LiberationSans, sans-serif;
	font-size:			14px;
}

div, img
{
	margin:		0;
	padding:	0;
	border:		0;
	background-color:	transparent;
}

#Page
{
	width:				840px; /* Ignoring any border */
	margin:				20px auto;
	border:				2px solid #333;
	background-color:	#f0f0f2;
}

.clear
{
	clear:		both;
}

/*** LINKS (other than main menu) ***/

a, a:visited
{
  border-bottom:	1px dotted black;
  color:			#5487b4;
  text-decoration:	none;
}

a:hover
{
	color:			#880;
	border-bottom:	1px dotted #880;
}

a.image
{
	border:	0;
}

img.linkedin 
{
	border:			0;
	vertical-align: middle;
}

/*** HEADINGS ***/

h1
{
	margin:				0 20px;
	padding:			10px 0 10px 0;
	color:				#f0f0f2;
	background-color:	#333;
	font-family:		"LeagueGothic", "Apple Gothic", "URW Gothic L", sans-serif;
	font-size:			30px;
	font-weight:		normal;
	letter-spacing:		0px;
}

h2
{
	margin:			15px 0 12px 0;
	padding:		0 0 2px 0;
	border-bottom:	2px solid #5487b4;
	color:			#5487b4;
	font-family:	"LeagueGothic", "Apple Gothic", "URW Gothic L", sans-serif;
	font-size:		24px;
	font-weight:	normal;
}
div > h2:first-child { margin-top: 0 }

/*** PARAGRAPH STYLES ***/

p
{
	margin:		0 0 0.5em 0;
	padding:	0;
}
	
/*** DEFAULT LISTS ***/

ol, ul
{
  margin:				0 0 0.75em 0;
  padding:				0 0 0 18px;
  list-style-position:	outside;
}

ul
{
  list-style-image: url(../images/bullet.gif);
}

li
{
  margin:	2px 0;
  padding:	0;
}


/*** HEADER ***/

#Header
{
	background-color:	white;
	width:		820px;
	height:		70px;
	padding:	10px ;
	overflow:	hidden;
}

#HeadLogo
{
	float:			left;
	margin-right:	10px;
}

#HeadLogo img
{
	width: 70px;
}

/*** The miketipping.com bit ***/

#HeadStuff
{
	float:			left;
	width:			720px;
	margin-top:		-2px;
	font-family:	"LeagueGothic", "Apple Gothic", "URW Gothic L", sans-serif;
	font-size:		28px;
	font-weight:	normal;
	clear:			right;
/*	border-bottom:	2px solid #b7740e;
	background-color:	#333;*/
}

/*** The miketipping.com bit ***/

#MikeTipping
{
	float:			left;
	width:			auto;
	padding:		0px;
	margin:			0 0 4px 4px;
	font-family:	"LeagueGothic", "Apple Gothic", "URW Gothic L", sans-serif;
	font-size:		28px;
	font-weight:	normal;
	clear:			right;
/*	border-bottom:	2px solid #b7740e;
	background-color:	#333;*/
}

#MikeTipping a:hover
{
	color:			#bb0;
}

/*** The MAIN MENU ***/

#Menu
{
	float:			left;
	width:			auto;
	font-family:	"LeagueGothic", "Apple Gothic", "URW Gothic L", sans-serif;
	font-size:		18px;
	font-weight:	normal;
	clear:			both;
	border-top:		1px solid #5487b4;
	padding-top:	5px;
}

#Menu ul
{
	float:		left;
	padding:	0;
	margin:		0;
}

#Menu li
{
	display:		inline;
	padding:		0;
	margin:			0;
	border-right:	1px solid #5487b4;
}

#Menu li.last
{
	border-right-style: none;
}

#Menu a
{
	margin:			0;
	padding:		0 4px;
	border:			0;
	color:			#5487b4;
	font-weight:	normal;
}

#Menu a:hover
{
	color:				white;
	background-color:	#bb0;
}


/*** TITLING ***/

.titling_container
{
	clear:		both;
	margin:		0;
	padding:	0;
}

.titling
{
	width:				840px;
	margin:				0 auto;
	background-color:	#333;
}

/*** CONTENT ***/

#ContentContainer
{
	clear:		both;
	margin:		0;
}

.content
{
	width:				800px;
	padding:	20px 20px;
	background-color:	transparent;
}

img.floatright
{
	float:		right;
	margin:		4px 0 4px 8px;
}

img.floatleft
{
	float:		left;
	margin:		4px 8px 4px 0;
}

.mainstuff
{
	float:				left;
	width:				600px;
	padding:			0;
	background-color:	transparent;
}

/*** The FOOTER ***/

#FooterContainer
{
	clear:				both;
	background-color:	#333;
}

#Footer
{
	width:				800px;
	padding:			10px 20px;
	color:				white;
	background-color:	#333;
	font-family:		LiberationSans, sans-serif;
	font-size:			12px;
}




/
/*** SPECIFIC ELEMENTS ***/

.vaMike
{
	color:			#5487b4;
	font-weight:	normal;
	text-transform: lowercase;
}
.vaTipping
{
	color:			#33536e;
	font-weight:	normal;
	text-transform: lowercase;
}

/* STYLES SPECIFICALLY FOR RENDERING THE BIBLIOGRAPHIES */

P.CITATION
{
	FONT-WEIGHT:	normal;
	font-size:	10pt;
}
.BIB-EMPH
{
    	FONT-STYLE: 	italic;
}
.BIB-TITLE
{
	FONT-WEIGHT:	bold;
}
.BIB-JOURNAL
{
}
.BIB-VOLUME
{
	FONT-WEIGHT:	bold;
}

P.BIB-ABS-TITLE
{
	FONT-WEIGHT:	bold;
	MARGIN-LEFT:	5%;
}
P.BIB-ABS-TEXT
{
	FONT-STYLE:	italic;
	COLOR:		black;
	FONT-SIZE:	10pt;
	padding-LEFT:	5%;
	MARGIN-RIGHT:	5%;
	margin-bottom: 12px;
}
P.CITATION-ABS
{
	margin-top: 32px;
	font-size:	10pt;
	BACKGROUND-COLOR:	#aad1f3;
	PADDING:		5pt;
	border-width: thin;
	border-color: black;
	border-style: solid;
}
div > P.CITATION-ABS:first-child { margin-top: 0 }