/*
AnyRib Stylesheet
Developed 3/14/05
*/

@import "typography.css";

a:link, a:visited {color:#f2e10d;}
a:hover {color:#f5c00a;}

html {
  padding:0;
  margin:0;
  }

body {	
  padding:0; margin:0; border:0;
  background:#120b04;
  text-align:center;
  color:#fff;
  }

code {
  display:block;
  font-family:'courier new';
  margin:20px; padding:5px;
  border:3px double #120b04;
  background-color:#9a7a5a;
  font-size:85%;
  }
.display {
  display:block;
  font-family:arial, sans-serif;
  margin:20px; padding:5px;
  border:3px double #120b04;
  background-color:#9a7a5a;
  font-size:85%;
  }
.display a {
  border:0;
  text-decoration:underline;
  }
  
#container {
  width:750px;
  margin:15px auto; padding:0;
  text-align:left;
  background-image: url(../images/sunnyside_bg.gif);
  background-repeat:repeat-y;
  background-color:#775533;
  }
  
#header h1 {
  float:left;
  display:none;
  }  
  
#header h2 {
  margin:0; 
  padding:3px 0 0 0;
  border:1px solid #0e0504;
  width:750px; height:220px;
  background-image: url(../images/sunnyside.jpg); /* image from sxc.hu */
  background-repeat:no-repeat;
  text-align:right;
  }
  
#navigation {
  position:absolute;
  top:200px;
  width:750px; height:40px;
  margin: 0 1px; padding:0; border:0;
  }
#navigation ul {
  padding:0; border:0; margin:0;
  }
#navigation li {
  list-style-type:none;
  float:left;
  }
#navigation a {
  display:block;
  height:30px; 
  width:86px;
  border-top:1px solid #aaa;
  border-bottom:1px solid #aaa;
  border-left:1px solid #aaa;
  border-right:1px solid #fff;
  margin:0; padding:3px 8px;
  background-color: #fff;
  color:#000; 
  font-family:arial;
  font-variant:small-caps;
  -moz-opacity:0.7;
  opacity: 0.7;
  filter:alpha(opacity=70);
  }
#navigation a:hover {
  background-color:#ccc;
  -moz-opacity:0.85;
  opacity: 0.85;
  filter: alpha(opacity=85);
  }
/* IE HACK */
* html #article_nav {
  margin:10px 10px 10px -4px; 
  padding-left:23px;
  }
* html #article_nav h5 {
  margin-left:-20px; 
  }
/* END IE HACK */

#main {
  margin:10px 0;
  padding:0 15px 5px 15px;
  letter-spacing:1px;
  overflow:hidden;
  }

/* FONT ADJUST */
#fontsize {
  position:absolute;
  top:199px;
  margin-left:729px;
  }
#fontS, #fontM, #fontL {
  width:18px;
  height:10px;
  margin:1px;
  border-top:1px solid #aaa;
  border-bottom:1px solid #aaa;
  border-left:1px solid #aaa;
  border-right:1px solid #fff;
  background-color: #fff;
  background-repeat:no-repeat;
  -moz-opacity:0.7;
  opacity: 0.7;
  filter:alpha(opacity=70);
  overflow:hidden; /* for IE */
  }
#fontS { background-image:url("../images/sunnyside/ss_font10.gif"); }
#fontM { background-image:url("../images/sunnyside/ss_font11.gif"); }
#fontL { background-image:url("../images/sunnyside/ss_font13.gif"); }
#fontS:hover, #fontM:hover, #fontL:hover {
  cursor:pointer;
  background-color:#ccc;
  -moz-opacity:0.85;
  opacity: 0.85;
  filter: alpha(opacity=85);
  }
/* MAIN LAYOUT */
#body_main {
  color:#fff;
  }  
#side {
  margin:10px 0;
  padding:0;
  width:100px;
  }

/* IE HACK */
* html #body_rightcol {
  margin-top:6px;
  }
/* END IE HACK */  

p.dropcap:first-letter {
  font-size:250%;
  font-family: Agincort, 'Monotype Corsiva', serif;
  }

.intro {
  font-family:helvetica, arial, sans-serif;
  font-size:115%;
  letter-spacing:1px;
  }

.floatleft {
  float:left;
  border:3px double #000;
  margin:10px;
  }  
.floatright {
  float:right;
  border:3px double #000;
  margin:10px;
  }
.spaced {
  margin:15px 0 15px 10px;
  padding-bottom:200px;
  }
  
#side ul {margin:0; padding:0;}
#side li {
  list-style-type:none;
  margin:0;
  padding:2px;
  }
  
/* ABOUT */
.about #body_main {
  margin:50px 150px 0 15px;
  }
.about #side {
  float:right;
  height:250px;
  width:100px;
  }
.about #side ul {margin-top:8px}
.about #side li {
  list-style-image:url("../images/sunnyside/bullet_dbl9.gif");
  margin:0;
  font-size:90%;
  }
  
/* WEBLOG */
#blog_sidebar {
  }
  
#blogpost_1, #blogpost_2, #blogpost_3, #blogpost_4 {
  margin:25px 15px;
  }
.weblog_entry h3, .weblog h3 {
  margin:0;
  }
.weblog .date {
  float:left;
  margin:5px;
  padding:3px;
  width:20px;
  height:30px;
  color:#999;
  text-align:center;
  text-transform:uppercase;
  font-weight:bold;
  font-size:10px;
  letter-spacing:0;
  background-color:#fff;
  border:1px solid #999;
  }
.weblog .day {
  font-size:16px;
  }
.weblog .summary {
  margin:3px 0;
  }
.weblog .footlinks {
  margin:8px 0 0 36px;
  font-size:80%;
  }
.weblog .plink {
  padding:0 0 0 15px;
  background:url("../images/icon_page.gif") 0% 120% no-repeat;
  }
.weblog .clink {
  padding:0 0 0 16px;
  background:url("../images/icon_bubble.gif") 0% 120% no-repeat;
  }
.weblog .cat {
  }
.divider {
  margin:0 3px;
  }
  
/* single entry */
.weblog_entry .summary {
  display:none;
  }
.weblog_entry .date_head {
  text-align:center;
  font-size:80%;
  }
.weblog_entry .date_foot {
  text-align:right;
  font-size:80%;
  border-top:1px solid #ccc;
  }
.weblog_entry .category {
  margin:8px 0 0 0;
  font-size:80%;
  }
.weblog_entry .entry {
  margin:15px 10px;
  }
.weblog_entry label {
  font-family:arial,sans-serif;
  font-size:90%;
  font-weight:bold;
  width:100px;
  float:left;
  /* fine tune to line up with input cells */
  position:relative;
  top:4px;
  }
.weblog_entry #submit {
  margin-left:100px;
  font-family:arial,sans-serif;
  border-style:outset;
  }
.weblog_entry form {
  color:#000;
  margin:35px 0 20px 0;
  padding:5px;
  border:3px double #000;
  background-color:#e2d6c7;
  }
.weblog_entry input {
  border:1px solid #666;
  margin:3px 0;
  }
.weblog_entry textarea {
  margin:3px 0;
  border:1px solid #666;
  width:500px;
  height:150px;
  }
.weblog_entry .num_comments {
  font-size:80%;
  margin:-10px 0 35px 0;
  padding:0 0 0 16px;
  background:url("../images/icon_bubble.gif") 0% 120% no-repeat;
  }
.weblog_entry .chead {
  padding:0 10px;
  margin:20px 5px 5px 35px;
  border-bottom:1px solid #ccc;
  font-size:85%;
  letter-spacing:1px;
  }
.weblog_entry .chead .plink img {
  border:0;
  }
.weblog_entry .nbr {
  float:left;
  font-size:225%;
  margin-right:10px;
  width:35px;
  }
.weblog_entry .cbody {
  padding:0 10px;
  margin:5px 10px 5px 35px;
  font-size:90%;
  }



/* ARTICLES */
.single_art { margin:5px 20px 5px 135px;}
.single_art h3, .single_art h4 { margin-left:-15px;}
.single_art h5 { margin-left:-15px; text-decoration:underline;}
.articles .intro { margin:15px;}
.articles #side { float:right;}
.articles #side li {
  list-style-image:url("../images/sunnyside/bullet_dbl9.gif");
  margin:0; padding:0;
  }
.articles #body_main { margin-right:150px;}
.article_cat #side { float:right;}
.article_cat li { 
  list-style-image:url("../images/sunnyside/bullet_dbl9.gif");
  margin:0; padding:0;
  }
.articles #body_main { margin-right:150px;}
.single_art #side {
  float:left;
  font-size:80%;
  width:90px;
  margin:10px;
  padding:0;
  }
* html .single_art #side { /* IE hack */
  margin:0 0 0 -2px;
  width:100px;
  }
* html .single_art #side ol { /* IE hack */
  list-style-position:inside;
  }
.single_art #body_main {
  margin-left:120px;
  }
.articles #side h5 {
  margin:0 0 5px -15px; 
  padding:0;
  }
.single_art #side ol {
  margin:0; padding:0;
  }
.single_art #side li {
  margin:0; padding:1px 0;
  font-size:90%;
  list-style-type:decimal;
  }
.single_art #side li a {
  text-decoration:underline;
  margin-bottom:2px;
  }
#art_pagenav {
  clear:both;
  margin:15px 20px 5px 135px;
  text-align:center;
  }
#art_pagenav a {
  margin:0 10px;
  }

h4.page_name {
  letter-spacing:1px;
  border-bottom:1px solid #fff;
  margin-bottom:10px;
  }
.articles dd, .articles dl  p {
  margin:1px 15px; padding:0;
  }
.articles dt {
  margin:10px 15px 1px 15px; padding:0;
  font-size:110%;
  font-weight:bold;
  letter-spacing:1.5px;
  }

/* DESIGN */
.design .intro {
  margin-bottom:10px;
  }
.design #side {
  float:left;
  }
.design #body_main {
  margin-left:120px;
  }
.design h3 {
  margin:20px 0 0 -50px;
  border-bottom:1px solid #fff;
  }
.design h4 {
  margin:15px 0 0 0;
  }
.design dt {
  clear:left;
  font-weight:bold;
  padding:0 0 0 20px; 
  margin:10px 0 2px 0;
  background:url("../images/sunnyside/bullet_dbl.gif") no-repeat 0% 50%;
  }
#pricing_form table {
  color:#000;
  margin:8px 0 0 0;
  padding:5px;
  border:3px double #000;
  background-color:#e2d6c7;
  }
#pricing_form table textarea {
  width:350px;
  height:125px;
  }
#pricing_form table .leftcol {
  margin-left:10px;
  padding-left:5px;
  font-size:85%;
  }
#pricing_form table .title {
  padding-left:0;
  font-family:'times new roman',serif;
  font-size:125%;
  margin:25px 0 0 -10px;
  border-bottom:1px dashed #120b04;
  }  
#pricing_form table .tiny {
  font-size:70%;
  }
#pricing_form td.send {
  margin-top:30px;
  text-align:center;
  }
  
/* EXTERNALS */
.ext_list .intro { margin:20px 10px;}
.ext_cat #side {
  float:left;
  }
.ext_cat #body_main {
  margin-left:120px;
  }
.ext_list #side {
  float:right;
  }
.ext_list #side li {
  list-style-image:url("../images/sunnyside/bullet_dbl9.gif");
  margin:0; padding:0;
  }
.ext_list #body_main {
  margin-right:150px;
  }
.ext_list dt, .ext_cat dt {
  margin:10px 0 1px 10px;
  font-weight:bold;
  }
.ext_list dd, .ext_cat dd {
  margin:1px 0 1px 30px;
  }

/* CONTACT PAGE */
.contact #side {
  font-size:80%;
  float:left;
  }
.contact #body_main {
  margin-left:120px;
  }
.contact input {
  width:300px;
  margin-bottom:5px;
  }
.contact textarea {
  height:150px;
  width:500px;
  clear:both;
  margin:5px 0;
  }