f/*
my_styles custom css by Tony Person	
*/

* { margin: 0; padding: 0; }

* {
    text-rendering: optimizeLegibility;
}

.hide { display: none; }

.flagged { outline: 5px solid red; }

html {
	position: relative;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	
}
body {
	margin: 12px;
	padding-bottom:25px;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */

}
/* css 2.1 valid look and feel here */

/* specific style for splash page when in use */

#container_splash {
	width: 440px;
	margin: 18px auto;
	padding: 0;
}
#search_container{
	width: 795px;
	position: relative;
	top:12px;
	/*left:175px;*/
	padding: 0;
}
.clearer {
	clear: both;
}

#pageTop {
	height: 600px;
	width: 960px;
	background: url(http://tonyperson.com/images/header_home5.jpg) no-repeat center top;
	z-index: 0;
}
.timeishere {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	font-size: 25px;
	font-weight: bold;
	color: #FFFF00;
}
#myElement { margin-left:150px;}

#wrapper { 
	width:480px;
}

/* GENERAL STYLES for all web pages */

#div.conatiner{
	font-family: "HelveticaNeue-Medium", Helvetica, sans-serif;
	/*background: #666666;*/
	background: #ebebeb;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	/*position: relative;*/
	text-align: left; /* The text is set to the left aligned default in the #div.container.sb selector */
	color: #000000;

}
div#main_container{
	background-color: #ebebeb;
	/*width:480px;*/
	min-width: 580px;
	max-width: 588px;
	margin-bottom: 0px;
	margin-left: 245px;
	margin-right: 246px;
	margin-top: 0px;

}
img{
	margin-right: 7px;
}


div#pageHeader {
	background-image:url(http://tonyperson.com/images/header-new.jpg);
	background-color:#333333;
	height:133px;
}
div#contentContainer {
	position: relative;
	text-align: left; /* The text is then set to the left aligned default in the #container selector */
}
#toolbar_horizontal {
	height: 38px;
	margin: 0px;
	overflow:hidden;
	text-decoration:none;
}
#toolbar_horizontal ul { }
#toolbar_horizontal li {
	float:left;
	width: auto;
	margin-right: 18px;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	list-style-type:none;
}
#toolbar_horizontal li a {text-decoration:none;}
#container {
	/*position: relative;*/
	top:12px;
	width:760px;
}
#content {
	position: relative;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	margin:5px;
}
.blog-entry {
text-align: left;
}
.blog-entry-body {
	text-align: left;
	margin: 15px;
}
.blog-entry b {
	font-family:Arial, Helvetica, sans-serif;
}
.blog-entry p {
	margin:15px;
}
.blog-entry a {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #FFCC00;
	font-weight: bold;
}
.blog-entry h1 {
	margin: 15px;
	font-family:Arial, Helvetica, sans-serif;
}
.blog-entry h2 , h3, h4, h5, h6 {
	margin: 0px;
	font-family:Arial, Helvetica, sans-serif;
}
.resume {
	margin-right:120px;
}
.clearer {
	clear:both;
}
#bottom {
}
#footer {
	margin:20px;
}
.timer {
}
/* acordion css here */
#accordion {
	margin:20px 0px;
}
h3.toggler {

	cursor: pointer;
	border: 1px solid #f5f5f5;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
	font-family: 'Andale Mono', sans-serif;
	font-size: 12px;
	background: #D2E0E6;
	color: #528CE0;
	margin: 0 0 4px 0;
	padding: 3px 5px 1px;

}
div.element p, div.element h4 {
	margin:0px;
	padding:4px;
}
blockquote {
	padding:5px 20px;

}