/****CSS DOCUMENT****/


/************************* uniform declarations ****************************/

body { color: #f0f0f0; font-size: 80%; background: url(/img/backgrnd_pattern.jpg) 0 0 repeat-x black; font-family: helvetica; }
* { padding: 0px; margin: 0px; }
img { border: 0px; }


/************************* link styles *************************************/

#header a { color: white; text-decoration: none; }
#header a:hover { color: rgb(210, 210, 210); }

#top_nav a, p.right a { color: black; text-decoration: none; font-weight: bold; }

a { color: #CCCCCC; font-weight: bolder; text-decoration: none; }
a:hover { color:#999999 }

/************************* useful styles ***********************************/

.grey { color: rgb(130, 130, 130); }
.red { color: #c90000; }


/************************* layout ******************************************/

#container { width: 900px; text-align: center; margin: auto; }
#header, #content, #footer, #titles { text-align: left; width: 860px; clear: both; }

/*
header
*/

#header { height: 65px; padding: 20px; background: black; }
#header p { float: right; text-align: right; width: 360px; margin-top: 45px; }
#header #logo { float: left; margin-top: 15px; }

/*
top nav
*/

#top_nav, #titles { background: white; border-bottom: 1px solid rgb(102, 102, 102); height: 19px; padding: 0px 20px 0px 20px; }
#top_nav { text-align: right; }
#top_nav li { display: inline; list-style-type: none; margin-left: 30px; line-height: 19px; height: 19px; }

/*
content
*/

#content { margin-top: 20px; padding: 20px 20px 20px 20px; height: 460px; background: black; }

form#login { float: right; }
form#login p { clear: both; margin-bottom: 0.3em; }
form#login p .label { text-align: right; float: left; width: 100px; margin-right: 10px; }
form#login p .textbox input { text-align: left; width: 140px; }
form#login p #button { margin-left: 108px; }

.slideshow { float: left; margin-right: 10px; margin-bottom: 10px; } /*CSS for DIV containing each image*/
.slideshow img { border: 0; width: 200px; height: auto; overflow: hidden; } /*CSS for each image tag*/

#right_col { float: left; width: 190px; }
#left_col { float: left; width: 660px; margin-right: 10px; }

/*
footer
*/

#footer { padding: 20px; }

p.left, p.right, div.left, div.right { float: left; }
p.left, p.right { color: black; font-weight: bold; line-height: 19px; }
p.left, div.left { width: 520px; padding-right: 20px; }
p.right, div.right { width: 295px; padding-left: 20px; }
div.left { border-right: 1px solid white; }

/*
contact forms
*/


.form_title { font-weight: bold; }
.form_subtitle { font-weight: bold; }
.form_field { font-weight: bold; }
.form_text { font-size: 11px; }
.form_button_on { font-size: 12px; color: #ffffff; font-weight: bold; border: 1px solid #D9D9D9; border-color: #000000; border-right-color: #ffffff; border-bottom-color: #ffffff; text-align: center; }
.form_button_off { font-size: 12px; color: #ffffff; font-weight: bold; border: 1px solid #D9D9D9; border-color: #000000; border-left-color: #ffffff; border-top-color: #ffffff; text-align: center; }
.form_search { font-size: 12px; }
.form_error { color: #c90000; padding:5px; border-top:1px dotted grey; border-bottom:1px dotted grey; }
.formmail_title { font-size: 16px; font-weight: bolder; }
.formmail_field { font-size: 12px; font-weight : bold; }
.formmail_text { font-size: 11px; }
.menu_text{ text-decoration: none; font-weight: bold; font-size: 9pt; }
.menu_bg { text-align:center; }
.box { border: 1px solid #8ac428; }
.form_copyr { text-decoration: none; font-weight: bold; font-size: 11px; text-align:right; }
.success { color: #009900; }
input { border: 1px solid #2b2b2b; padding: 2px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
input:hover { background: #f8f8f8; }

/*
twitter feeds
*/

.tweet .tweet_list {
  -webkit-border-radius: .5em;
  list-style-type: none;
  margin: 0;
  padding: 0;
  background-color: #111111;
  }

.tweet .tweet_list li {
  overflow: auto;
  padding: .5em;
  }

.tweet .tweet_list li a {
  color: #c90000!important;
  text-decoration: none;
  font-weight: normal;
  }

.tweet .tweet_list .tweet_even {
  background-color: #222222;
  border-top: 1px dotted #111222;
  }

.tweet .tweet_list .tweet_avatar {
  padding-right: .5em;
  float: left;
  }

.tweet_avatar img {
  border-bottom: 1px solid #101010;
  border-right: 1px solid #101010;
}

.tweet .tweet_list .tweet_avatar img {
  vertical-align: middle;
  }