/* Start of CMSMS style sheet 'fy:Style_Screen' */
/* 
1024px theme for cmsms 1.04 by kermit 23 mar 2007 based on 1024px v2.0 by andreas viklund

if you use this cmsms theme, the original template designer's attribution request still applies: andreas viklund requests, but doesn't absolutely require, attribution, such as a footer text link; however if you do not credit the used on a commercial site, you are 'strongly encouraged' to make a donation to the designer.  donation be made. website to link to or donate at:  http://andreasviklund.com/

there are no attribution requirements for using the cmsms theme itself, other than above. but, if you distribute modified versions of the cmsms theme, please credit 'kermit' for the original adaptation and if possible, keep the 'sample links' section in the templates intact.

original template css has been reformatted with csstidy but is otherwise left alone. all modifications and additions appear at the end of this file along with some implementation notes. 
*/

/*

fym:
stress:
#336699
#993333

serif:
#BBBBBB
#DADADA

*/

/* general styles  */

body {
  background:#6A5F4A no-repeat top center;
  color:#404040;
  font:78% Verdana,Tahoma,Arial,sans-serif;line-height:1.2em;
  margin:0 auto;
  padding:0
}
body.fs1 {
font-size:9px;
}
body.fs2 {
font-size:10px;
}
body.fs3 {
font-size:11px;
}
body.fs4 {
font-size:12px;
}
body.fs5 {
font-size:13px;
}
body.fs6 {
font-size:14px;
}
body.fs7 {
font-size:15px;
}
body.fs8 {
font-size:16px;
}

a {
  color:#369;
  font-weight:bold;
  text-decoration:none;
}

a:hover {
  text-decoration:underline;
}
a img {
  border:0;
}
a.external {
/* css shorthand rules, read: first top padding 0 then left padding 12px then bottom then right */
  padding: 0 12px 0 0;
}
a.external span {
  position: absolute;
  left: -5000px;
  width: 4000px;
}
a.external:link {
  background:transparent url(uploads/1024/external.gif) no-repeat 100% 0pt;
}

a.external:visited {
  background: url(uploads/1024/external.gif) no-repeat 100% 0pt; 
}

a.external:hover {
  background: url(uploads/1024/external.gif) no-repeat 100% 0pt; 
}

a.external span {
  position: absolute;
  left: -5000px;
  width: 4000px;
}

a.menuparent,
a.menuactive {
  background: transparent url(uploads/1024/a-mainmenu-hover.gif) no-repeat scroll left bottom;
}

p { 
  margin: 10px;
}

/*
ul, ol, dl, li{
  font-size:1.0em;
  margin:4px 0 16px 0px;
}
ul ul, ol ol { 
  margin:4px 0 4px 0px;
}
*/

blockquote {
}

h1{
  color:#369;
  font-size:4.2em;
  letter-spacing:-5px;
  margin:0 0 30px 25px
  text-shadow: 2px 2px 2px #ccc;
}

h1 a{
  color:#369;
  text-transform:none;
}

h2{
  border-bottom:4px solid #dadada;
  color:#369;
  font-size:1.4em;
  letter-spacing:-1px;
  margin:0 0 10px;
  padding:0 2px 2px 5px;
  text-shadow: 2px 2px 2px #ccc;
}

h3{
  border-bottom:1px solid #dadada;
  color:#369;
  font-size:1.2em;
  font-weight:bold;
  margin:10px 0 8px;
  padding:1px 2px 2px 3px;
  text-shadow: 2px 2px 2px #ccc;
}

hr{
  border: 1px solid #DADADA;
  margin: 1em 0em;
}

/* wrapper and header */
#wrap{
  background: #F9F9F0;
  color:#282828;
  margin:15px auto;
  border:7px solid #404040;
  width:970px;
}

#title{
  background: #E2DED4 no-repeat scroll top center;
  height: 0px;
  margin: 0px;
}
#header{
  background: #E2DED4 url(uploads/1024/title6.jpg) no-repeat scroll left top;
  margin: 0px;
  height: 200px;
}
#toplinks{
  font-size:1.0em;
  padding:5px 2px 2px 3px;
  text-align:right
}
#slogan{
  color:#FFF;
  letter-spacing:1px;
  font-weight:700;
  font-size:1.1em;
  margin:0px 5px;
  float:right;
  position: relative;
  top: 200px;
}
#searchbar{
  float: right;
  font-size: 0.9em;
  height: 2em;
  line-height: 2em;
  padding: 0px 3px;
  margin: 0px;
  /*IE Fix*/
  //margin-bottom: -15px;
}
#dbar{
  width: 100%;
  height: 2em;
  line-height: 2em;
  background:#404040;
  display: block;
  padding: 0px;
  margin: 0px;
}
#dbar a {
  color: #F9F9F0;
  height: 2em;
  float: right;
  background:#404040;
  font-size: 0.9em;
  font-weight: normal;
  padding: 0px 10px;
}
#dbar a:hover {
  background: #505050;
  text-decoration: none;
}
#breadcrumb{
  float: right;
  color: #000;
}
#breadcrumb a {
  color: #000;
  font-weight: normal;
}
input#textSearch {
  border: 1px solid #000;
  font-weight: bold;
  width: 10em;
  background: #DADADA none repeat scroll 0% 0%;
}

input#buttonSearch {
  border: 1px solid #000;
  width: 3em;
}

#search{
  float:right
}
/* sidebar and menu */
#sidebar {
  float: left;
  line-height: 1.4em;
  background: #F9F9F0;
  padding: 20px 1px 10px 10px;
  width: 175px;
  max-width: 19%;
}
#sidebar ul {
  font-size:0.9em;
  list-style:none;
  margin:0;
  padding:0 0 15px 10px
}

#sidebar ul ul {
  line-height:1.1em;
  margin:4px 0 3px 15px;
  padding:0
}
#sidebar h2 {
  margin:3px 0 8px
}

#menuwrapper li {
  list-style:none;
  margin:0 0 4px;
}
#menuwrapper li a {
  font-size:1.1em;
  font-weight:700;
  background: transparent url(uploads/1024/a-mainmenu.gif) no-repeat scroll left bottom;
  color: #2A343A;
  display: block;
  padding: 5px 0px 5px 20px;
  width: 85%;
}

#menuwrapper li a:hover,
#menuwrapper li a:focus {
  background: transparent url(uploads/1024/a-mainmenu-hover.gif) no-repeat scroll left bottom;
  color: #2A343A;
  text-decoration: none;
}

#menuwrapper li a.menuactive {
  background: transparent url(uploads/1024/a-mainmenu-hover.gif) no-repeat scroll left bottom;
}

hr.separator {
  border: 1px dotted dimgray;
  margin: 2em 0em 1em 0em;
}

/* main content */
#content {
  float:right;
  line-height: 2.3em;
  padding: 20px 10px 10px 5px;
  background: #F9F9F0;
  text-align: justify;
  width:740px;
}

#content li {
  ;
}

#contentalt {
  float:left;line-height:1.5em;
  margin-right:20px;
  padding:0;
  text-align:left;
  width:750px
}
#content h3,#contentalt h3{margin:10px 0 8px}
/* footer */
#footer {
  border-top:4px solid #dadada;
  clear:both;color:gray;
  font-size:0.9em;
  line-height:1.6em;
  margin:0 auto;
  padding:8px;
  text-align:right
}
#footer p{margin:0;padding:0}
/* additional styles */
.box{background:#369;border:1px solid #c8c8c8;color:#fff;font-size:0.9em;line-height:1.4em;padding:10px 10px 10px 13px}
.box a{color:#f0f0f0}
.left{float:left;margin:0 15px 4px 0}
.right{float:right;margin:0 0 4px 15px}
.readmore{margin:-10px 10px 12px 0;text-align:right}
.timestamp{font-size:1.2em;margin:-5px 0 15px 10px}
.blue{color:#369}
.clear{clear:both}
.fade{color:#c8c8c8}
.photo{background:#fff;border:1px solid #bababa;margin:6px 18px 2px 5px;padding:2px}
#toplinks a,#footer a,.gray{color:gray}
#sidebar ul ul li a,.timestamp a{font-weight:400}

/* begin modifications and additions for cmsms 1.04 theme */
body.narrow {margin:10px;} /* replace with your own or remove line to use img from 'wide' layout */
body.fluid {margin:0 10px;background-image:none} /* remove default 'page border' background for fluid width and add a little white space on the sides */
#wrap.fluid {width:100%} /* a 'min-width' solution may be desired to keep the page from 'scrunching' too much */
#wrap.fluid #content {width:72.5%}
#wrap.fluid #sidebar {width:23%}
#wrap.narrow {width:780px} /* narrow width for 800px wide display */
#content.rightnav{float:left;margin-right:20px} /* float content left, forces sidebar to the right */
#wrap.narrow #content {width:570px} /* narrow width content area for 800px variant */

ul.global_SM {
  font-size:1.6em;
}

h1 {font-size:1.8em;letter-spacing:-1px} /* template default size is just too big for more than one word */

/* utility styles */
.printonly,.hide {display:none}


/* Fayun's Master's Teachings RSS*/

.RSSBlock{
    padding: 0.5em 0.5em 1em; /* padding for the news article summary */
    margin: 0 0.5em 1em 0.5em; /* margin to the bottom of the news article summary */
    border: 1px solid #ccc; 
    width: 150px;
    float: left;
    line-height: 1.5em;
}


/* Latest Update */
#LatestSummary{
  ;
}
#LatestSummaryContent ul, #LatestSummarySummary ul{
  font-size: 1.0em;
  text-indent: -1em;
  margin-left: 1em;
  list-style: disc;
  list-style-position: inside;
  display: block;
}
#LatestSummaryContent ul li{
  margin-top: 6px;
  margin-bottom: 6px;
}

/* 
cmsms 1.04 modification and implementation notes

SIX versions of the template all use the same stylesheet:
     1024px, suitable for 1024px wide display, content to the right, sidebar to the left. (the 'default'). remove any special classes outlined below to achieve this layout.
     800px, suitable for 800px wide display. apply class 'narrow' to #wrap div (and body tag if a different page background image is desired, note that the 'wide' one looks ok too.).
     fluid, using all of the available browser width using percentages for column widths. resizes based on window width (see note below). apply class 'fluid' to #wrap div (and body tag if a different page background is desired).
     and each of these widths can also be done with content on the left and sidebar on the right: apply class 'rightnav' to #content div.

basic menu and news templates are included in the cmsms theme zip file and may need to be added to your installation manually; depending upon how the theme manager exports the theme to the xml file.

note that a 'print' media stylesheet isn't really needed so long as the screen media one is called using the 'screen' media type, and so one is not included here.

for fluid layouts, you may want a 'min width' solution to keep pages from 'scrunching' too much as a browser window is narrowed. this is not included here, but there are samples of such code in the default cmsms templates. note that the fluid layout looks ok at viewport widths of as little as 462px in firefox using default font sizes and the original template's sample content.
*/

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

/* End of 'fy:Style_Screen' */