/* 
////////////////////////////////////////////////////////////////
// 
//   SyneRyder CSS Stylesheet 1.0.0
//   17th December 2004
//   by Kohan "SyneRyder" Ikin
//   www.namesuppressed.com/syneryder
//   syneryder@namesuppressed.com
//
////////////////////////////////////////////////////////////////
*/


@media screen,projection {

/*******************************************************************
  Basic document style definitions
*******************************************************************/

body {
  color: #CCCCCC;
  background-color: #000000;
  font-family: Arial, Helvetica, Swis721 BT, sans-serif;
  padding: 0px 0px 0px 0px;
}


:link {
 color: #CCCC99;
 background-color: transparent;
}

:visited {
 color: #999977;
 background-color: transparent;
}

img {
  /* Don't put borders on linked images,
     only if we specify it later on. */
  border: none;
}

p, td, ol, ul, dl, blockquote {
  text-align: left;
  font-size: 14px;
  line-height: 17px;
}

h1 {
  color: #CCCC99;
  background-color: transparent;
  text-transform:   lowercase;
  letter-spacing:   -1px;
  margin-left:      -10px;
  font-size: 25px;
}

h2 {
  color: #CCCC99;
  background-color: transparent;
  text-transform:   lowercase;
  letter-spacing:   -1px;
  font-size:        21px;
  padding-top:      12px;
  margin-top:        0px;
  margin-left:      -5px;
  margin-bottom:    -5px;
}

h3 {
  color: #CCCC99;
  background-color: transparent;
  text-transform:   lowercase;
  margin-left:      -5px;
  margin-bottom:    -5px;
  letter-spacing:   -1px;
  font-size: 18px;
}

dt {
  font-size: 16px;
  line-height: 20px;
}

dd {
  margin-left:   0px;
  margin-bottom: 10px;
}

cite {
  font-size: 12px;
  line-height: 15px;
}

blockquote.styled p {
  margin-left:  7%;
  margin-right: 7%;
  text-align: center;
  font-style: italic;
  font-size: 13px;
}

abbr, acronym, dfn, .help {
  font-style: inherit;
  border-bottom: 1px dotted #CCCC99;
  cursor: help;
}

address {
  display: inline;
}

div.copyright {
  background: #000000;
  color: #999999;
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 13px;
  padding-top: 0px;
  padding-left: 10%;
  padding-right: 10%;
  padding-bottom: 5px;
  clear: both;
}

.imageleft {
  margin: 0px 6px 6px 0px;
  float: left;
}

.imageright {
  margin: 0px 0px 6px 6px;
  float: right;
}

.center {
  margin: auto;
  text-align: center;
}

div.group {
  clear: both;
  overflow: auto;
  height: 100%;
}

/* Use for text that should only be displayed if no CSS support
   is present.  If CSS is present, the item is not displayed or
   is hidden, depending on the CSS elements supported. */
.nocss {
  display: none;
  visibility: hidden;
}

a.ma15:hover {
  color: #aa0000;
}

a.ma15:hover:after {
  content: "  (MA15+: Not suitable for persons under 15 years.)  ";
}



/*******************************************************************
  Definitions specific to the SyneRyder site
*******************************************************************/

#sidebar {
  color:                 inherit;
  background-color:      black;
}

  #sidebar a {
    color: #ffffff;
    background-color: transparent;
    margin: 5px;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
  }

    #sidebar a:hover {
      text-decoration: underline;
    }

#frontcontent {
  margin: 0px 0px 0px 160px;
  color:            #CCCCCC;
  background-color: #000033;
  padding-left:     7%;
  padding-right:    7%;
  padding-top:      0px;
  padding-bottom:   20px;
  min-height:       380px;
}

#content {
  color:            #CCCCCC;
  background-color: #000033;
  padding-left:     7%;
  padding-right:    7%;
  padding-top:      55px;
  padding-bottom:   20px;
  min-height:       380px;
}

#frontlogo {
  margin-top:     0px;
  padding-top:    20px;
  padding-bottom: 5px;
  margin-left:    auto;
  margin-right:   auto;
  text-align:     center;
}

#synecopyright {
  margin: 0px;
  padding-top: 8px;
  padding-bottom: 8px;
  text-align: center;
  background-color: #000022;
}


/*******************************************************************
  Definitions applicable to all pages on the SyneRyder site
*******************************************************************/

div.header {
  position:   inherit;
  text-align: right;
  top:        0px;
  right:      0px;
  margin-top: -40px;
}

.textlinks {
  text-align:     center;
  font-size:      14px;
  padding-bottom: 10px;
  margin-bottom:  10px;
}

.tinytext {
  font-size:   10px;
  line-height: 12px;
}

.caption {
  text-align:    center;
  font-size:     10px;
  line-height:   12px;
  margin-top:    1px;
  margin-bottom: 3px;
}

div.tinylink {
  text-align: right;
  font-size: 10px;
}




/*******************************************************************
  Definitions for the top-right "Noticeboard" RSS callout box,
  used mostly for displaying RSS & Twitter links.
*******************************************************************/

div.rss {
  border: 1px solid white;
  background-color: #000044;
  padding: 3px;
  margin-left: 8px;
  margin-bottom: 10px;
  float: right;
  width: 200px;
}

div.rss h2 {
  padding-top:      0px;
  margin-top:       0px;
  margin-bottom:   15px;
}

div.rss ul {
  margin-top:  -15px;
}

div.rss ul li {
  margin-left:  -15px;
  font-size:     12px;
  line-height:   14px;
  margin-bottom:  4px;
}


div.twitter {
  border: 1px solid white;
  background-color: #000044;
  padding: 6px;
  margin-left: 8px;
  margin-bottom: 8px;
}

div.twitter ul li {
  padding-top:    4px;
  border-bottom:  1px dashed #666666;
  padding-bottom: 4px;
}

div.twitter h2 {
  margin-left: 0px;
}

div.blogosphere {
  border: 1px solid white;
  background-color: #000044;
  padding: 6px;
  margin-left: 8px;
  margin-bottom: 8px;
}

div.blogosphere ul li {
  padding-top:    3px;
  padding-bottom: 3px;
}




/*******************************************************************
  Definitions specific to SyneJournal
*******************************************************************/

div.journallinks .date {
  color: #CCCC99;
  background-color: transparent;
  font-weight: bold;
}

div.journallinks .title {
  color: #CCCC99;
  background-color: transparent;
}

div.journallinks .description {
  color: #B2B2B2;
  background-color: transparent;
}

p.journalinfo {
  position: relative;
  top: -15px;
}

div.journalentrylinks {
  padding-top:    20px;
  padding-bottom: 20px;
  text-align: center;
}

p.emphasis {
  text-align: center;
  font-style: italic;
  font-size: 13px;
}

} /* Close the @media block */







/*******************************************************************/
/*******************************************************************/
/*******************************************************************/


@media (min-width: 900px) {
	body {
	  max-width: 900px;
	  margin: 0 auto !important;
	  float: none !important;
	}
	#content {
	  margin: 0px 0px 0px 160px;
	}	
}
@media (min-width: 800px)  {
	#sidebar {
	  width: 160px;
	  position: absolute;
	  top: 0px;
	  background-image:      url("synegfx/sidebar.jpg");
	  /*  background-image:      url("synegfx/sidebar-xmas.jpg"); */
	  background-repeat:     no-repeat;
	  background-attachment: scroll;
	}
	body {
	  margin-top: 0px;
	  margin-bottom: 0px;
	  margin-left: auto;
	  margin-right: auto;
	  
	  border-color: #000022;
	  border-style: solid;
	  border-width: 1px;
	  border-collapse: collapse;
  	}
  	img, (min-width: 600px) {
	  	display: none;
  	}
  	#content {
	  margin: 0px 0px 0px 160px;
	}
}
@media (max-width: 800px)  {
	#sidebar { display:none; width: 0px; position: relative; }
	#content { margin: 0px; }
}

/*******************************************************************/
/*******************************************************************/
/*******************************************************************/







@media print {

/*******************************************************************
  Basic document style definitions
*******************************************************************/

body {
  color: black;
  background: transparent none;
  font-family: Arial, Helvetica, sans-serif;
}

a {
  color: black;
  background-color: transparent;
  text-decoration: none;
}

img {
  border: 0pt;
}

p, ol, ul, dl, blockquote {
  text-align: left;
  font-size: 13pt;
  line-height: 14pt;
}

h1 {
  text-transform: lowercase;
  letter-spacing: -1pt;
  font-size: 22pt;
}

h2 {
  page-break-after: avoid;
  text-transform: lowercase;
  letter-spacing: -1pt;
  font-size: 18pt;
  padding-top: 8pt;
  margin-bottom: -4pt;
}

h3 {
  page-break-after: avoid;
  text-transform: lowercase;
  letter-spacing: -1pt;
  font-size: 16pt;
  padding-top: 8pt;
  margin-bottom: -4pt;
}

dt {
  page-break-after: avoid;
  font-weight: bold;
}

dd {
  margin-left:   0pt;
  margin-bottom: inherit;
}

address {
  display: inline;
}

div.copyright {
  page-break-before: avoid;
  color: black;
  background-color: transparent;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  line-height: 10pt;
  padding-top: 8pt;
  padding-bottom: 4pt;
  clear: both;
  border-top: 1pt black solid;
}

.imageleft {
  margin: 0px 6px 6px 0px;
  float: left;
}

.imageright {
  margin: 0px 0px 6px 6px;
  float: right;
}

.center {
  margin: auto;
  text-align: center;
}

/* Use for text that should only be displayed if no CSS support
   is present.  If CSS is present, the item is not displayed or
   is hidden, depending on the CSS elements supported. */
.nocss {
  display: none;
  visibility: hidden;
}





/*******************************************************************
  Definitions applicable to all pages on the SyneRyder site
*******************************************************************/

div.header {
  display: none;
}

.textlinks {
  display: none;
}

#sidebar {
  display: none;
}

.noticeboard {
  display: none;
}

#synecopyright {
  display: none;
}




/*******************************************************************
  Definitions specific to SyneJournal
*******************************************************************/

div.journalentry {
}

div.journalentry a:link:after, div.journalentry a:visited:after {
   content: " <" attr(href) "> ";
}

div.journalentry p.emphasis {
  text-align: center;
  font-style: italic;
  font-size: 12pt;
}

div.journalentry .journalinfo {
  position: relative;
  top: -15pt;
}

div.journalentry .quote, div.journalentry blockquote {
  font-family: Arial, Helvetica, sans-serif;
  margin-left:  7%;
  margin-right: 7%;
  text-align: left;
  font-style: italic;
  font-size: 12pt;
}

div.journalentry div.links {
  display: none;
}

div.journalentrylinks {
  display: none;
}


} /* Close the @media print block */