/*----------------------------
      Standard elements
----------------------------*/
body
{
  font-family: 'Trebuchet MS1', Helvetica, sans-serif, Arial;
  font-size: 9pt;
  background: #ffffff url(glass.jpg) top right no-repeat;
}

h1, h2, h3
{
  text-align: center;
  font-family: helvetica, sans-serif, arial;
}

/*----------------------------
      Page styles
----------------------------*/

#outer
{
  margin-left:auto;
  margin-right:auto;
  width:950px;
  position: relative;  
}

.paper
{
  background:transparent url(tile_paper.gif) repeat;
}

#pageShadow
{
  width: 700px;
  margin-left: 40px;
  background: white url(shadow.gif) right bottom;
}

#page
{
  position: relative;
  top: -4px;
  left: -4px;
}

#pageTitle
{
  padding-top: 10px;
}

#pageTitle #pageTitleName
{
  background: url(jaspar_title_name.gif) no-repeat center bottom;
  height: 70px;
  padding-top: 40px;
}
#pageTitle #pageTitleName h1 { display: none; }

#pageTitle .pageTitleIntro
{
  background-image: url(jaspar_title_intro.png);
  background-position: center;
  background-repeat: no-repeat;
  width: 400px;
  height: 35px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
  text-align: center;
  padding-top: 10px;
}

#pageTitle #pageTitleIntro_tv { background-image: url(jaspar_title_on_tv.png); }
#pageTitle #pageTitleIntro_corp_events { background-image: url(jaspar_title_corp_events.png); }
#pageTitle #pageTitleIntro_links { background-image: url(jaspar_title_links.png); }
#pageTitle #pageTitleIntro_contact { background-image: url(jaspar_title_contact.png); }
#pageTitle .pageTitleIntro h2 { display: none; }

.pageText
{
  width: 380px;
  line-height: 1.5em;
  text-align: justify;  
  padding: 10px 0px 0px 20px;
  font-size: 1.2em;
  color: #663300;
  margin-left: 150px;
}

.pageText p:first-letter
{
  font-size: 1.3em;
  /*x-large;*/
  /*font-family: Helvetica, sans-serif, Arial;*/
}

.pageText a
{
  text-decoration: none;
  border-bottom: dotted 1px #663300;
  color: #663333;
}

.pageText a:hover
{
  text-decoration: none;
  border-bottom: solid 1px #663300;
  color: Black;
}

/*----------------------------
      Classes
----------------------------*/
.textBox
{
  border: solid 1px #999;
  border-top: solid 1px #666;
  border-left: solid 1px #666;
  padding: 3px;
}

.textBoxFocus
{
  padding: 2px;
  border: solid 2px #999;
}

/*----------------------------
      Page styles for Blog
(also see blog/themes/jaspar/style.css)
----------------------------*/

.blogPageText, #blogPageText, #blogBlogText
{
  width: 470px;
  line-height: 1.5em;
  text-align: left;  
  padding: 0px 10px 0px 20px;
  font-size: 1.2em;
  color: #630;
  margin-left: 180px;
}

.blogPageText img, #blogPageText img
{
  background-color: White;  
  border: solid 1px #ccc;  
  padding: 2px 5px 2px 5px;
  margin: 4px;
  float: left;
}

#blogBlogText
{
  text-align: justify;
}

#blogBlogText p, .blogPageText p, #blogPageText p
{
  clear: left;
}

#sidepanel
{
	position: absolute;
	top: 180px;
	left: 700px;
  width: 220px;
  margin-left: 45px;
  background: white url(shadow.gif) right bottom;
}

#sidepanel #sidePanelPara
{
  width: 220px;
  position: relative;
  top: -4px;
  left: -4px;
  background-color: #F6F6F6;
}

.taggedlink {font-size:1.1em;font-weight:normal;}
.tags {display:none;}
.footer {font-size:0.7em;}
.leftPane {padding-left:30px;}

/*----------------------------
      Navigation styles
----------------------------*/

#nav
{
  position: absolute;
  top: 190px;
  left: 0px;
  vertical-align: top;
  width: 170px;
}

#nav ul
{
  padding-left: 20px;
  vertical-align: top;
  margin: 5px 15px 5px 12px;
}

#nav ul li
{
  list-style-type: none;
  text-align: left;
  padding: 8px 0px 8px 0px;
  border-bottom: solid 1px #D2C6AE;
}

#nav ul li a
{
  text-decoration: none;
  color: Maroon;
  padding: 8px 0px 8px 0px;
}

#nav ul li a:hover
{
  text-decoration: none;
  font-weight: bold;
}

/*----------------------------
      Footer classes
----------------------------*/
#pageFooter
{
  background: url('divider_large.png') no-repeat 50% top;
  clear: both;
  text-align: center;
  font-size: 8pt;
  padding: 55px 0px 30px 0px;
}

#pageFooter a
{
  text-decoration: none;
  color: Maroon;
}
#pageFooter a:hover
{
  text-decoration: underline;
}

/*----------------------------
      Image classes
----------------------------*/
#photo
{
  position: absolute;
  left: 600px;
  top: 100px;
}
#photo a img
{
  border-style: none;
  z-index: 0;
}

/*----------------------------
      Specific photo styles
----------------------------*/
#photo_tv2
{
  position: relative;
  top: -30px;
  left: 20px;
}
#photo_tv3
{
  position: relative;
  top: -62px;
  left: 15px;
}
#photo_entertain2
{
  position: relative;
  top: -40px;
}
#photo_entertain3
{
  position: relative;
  top: -120px;
  left: 35px;
}

.photo_big
{
  background-color: White;
  padding: 5px;
}

/*----------------------------
      Links
----------------------------*/
#links li
{
  margin-bottom: 6px;
}

/*----------------------------
      Extras
----------------------------*/
#extra
{
  background: transparent url(paper_corner_fold_large.png) no-repeat bottom right;
  width: 33px;
  height: 56px;
  position: relative;
  top: -60px;
  left: 703px;
}



/*
=================== sIRF ===================
*/
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	font-size: 36px;
}