/* 

TOMSODERLUND.COM STYLESHEET v1.0

*/

/*---------- STANDARD CLASSES ---------- */

body {
	background-color: #FFFFFF;
	padding: 20px;
}

/*------*/

body, p, ul, li, div, td, th {
	font-family: Georgia,serif;
	font-size: 12pt;
	line-height: 14pt;
	color: #000000;
	text-align: left;
}

p, td, th {
	margin-top: 4pt;
	margin-bottom: 4pt
}

ol, ul, li {
	margin-top: 0pt;
	margin-bottom: 2pt;
}


h1, h2, h3 {
	font-family: Georgia,serif;
	color: #000000;
	font-weight: normal;
}

h1 {
	font-size: 23pt;
	line-height: 32pt;
	margin-top: 12pt;
	margin-bottom: 12pt;
	text-align: center;
}

h2 {
	font-size: 17pt;
	line-height: 22pt;
	margin-top: 9pt;
	margin-bottom: 9pt;
}

h3 {
	font-size: 13pt;
	line-height: 18pt;
	margin-top: 9pt;
	margin-bottom: 6pt;
}

/*------*/

a {
	color: #00bbff;
	text-decoration: underline;
}

a:hover {
	color: #ff5500;
}

a:visited {
	color: #0082b3;
}

img {
	border: none;
}

img.inline {
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
}

/*---------- FORMS ---------- */

input, textarea, select {
	background-color: #FFFFFF;
	color: #555555;
	padding: 2px;
	border: 2px solid #CCCCCC;
	font-family: Georgia,serif;
	font-size: 10pt;
}

input[type="button"], input[type="submit"] {
	background-color: #ff5500;
	color: #000000;
	padding: 3px;
	border: 2px solid #000000;
	font-family: Georgia,serif;
	font-size: 10pt;
}

/*---------- TABLES ----------*/

table {
	width: 50%;
	/*background-color: #ebebeb;*/
}

tr, th {
	border-bottom: 1px solid #BBBBBB;
}

td {
	vertical-align: top;
}

th	{
	font-weight: bold;
	vertical-align: bottom;
}

/*---------- RAILS EXTRAS  ---------- */

pre {
  background-color: #EEE;
  padding: 10px;
  font-size: 11px;
}

.fieldWithErrors {
  color: #FF5555;
}

.fieldWithErrors input {
  border: 2px solid #FF5555;
}

#errorExplanation {
  width: 400px;
  border: 2px solid #FF5555;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #EEEEEE;
}

#errorExplanation h2 {
  padding: 3px;
  margin: -7px;
  font-size: 14px;
  background-color: #FF5555;
  color: #FFF;
}

#errorExplanation p {
  margin-bottom: 0px;
  padding: 5px;
}

#errorExplanation ul li {
  list-style: square;
}

#message_notice, #message_error	{
	padding:  10px;
	background-color: #55FF55;
	border: 2px solid #2a802a;
	position: absolute;
	width: 600px;
	left: 50%;
	margin-left: -300px;
}

#message_error	{
	background-color: #FF5555;
	border-color: #8b2d2d;
}

/*---------- FRAMES  ---------- */

/* Transparent "full screen" frame centered on screen */
.centerframe {
	position: absolute;
	z-index: 1;
	left: 50%;
	top: 10px;
	margin-left: -512px;
	width: 824px; /* -padding */
	height: 400px; /* -padding */
	padding: 100px;
	/*border: 1px solid #ddd;*/
}

/*---------- CUSTOM STYLES  ---------- */

#contactbar {
	position: absolute;
	z-index: 1;
	left: 50%;
	top: 100%;
	margin-left: -400px;
	margin-top: -40px;
	width: 800px;
	/*background-color: #EEEEFF;*/
	text-align: center;
	font-size: 14pt;
	color: #9a9a9a;
}

.topicindex, .topicindexleft, .topicindexright {
	position: absolute;
	z-index: 2;
	top: 200px;
	width: 200px;
}

.topicindexleft {
	left: 300px;
}

.topicindexright {
	left: 600px;
}

.topicindex p, .topicindexleft p, .topicindexright p {
	font-size: 14pt;
	line-height: 18pt;
}

.blue p, .blue a {
	color: #677380;
}

.yellow p, .yellow a {
	color: #cb9634;
}

.blue a, .yellow a {
	text-decoration: none;
}

.blue a:hover, .yellow a:hover {
	text-decoration: underline;
}

.homelink {
	text-align: center;
	margin-top: 20px;
	font-size: 10pt;
}

#bigportrait {
	position: absolute;
	z-index: 0;
	left: -500px;
	top: 50%;
	margin-top: -384px;
	width: 768px;
	height: 768px;
    background: url('/images/photos/TomSoderlund-Dots-Portrait.gif') repeat; /* 768x768 */ 
}