/* ----------------------------------------------------------- Theme Name: xMark Theme URI: http://blogdesignsolutions.com/ Description: Custom blog design by Lisa Sabin-Wilson Version: 1.0.2 Author: Lisa Sabin-Wilson Author URI: http://blogdesignsolutions.com/2007/02/23/xmark-wordpress-theme-v10/ This design is a copyright of Lisa Sabin-Wilson and E.Webscapes and may not be reproduced.  ----------------------------------------------------------- */   /* PAGE LAYOUT  ---------------------------------- */  body {  margin: 0;   background: #303030;  font: 62.5% "Trebuchet MS", Verdana, Futura, Arial, Helvetica, sans-serif;  color: black; }  #page {background: #303030; overflow:hidden} #content {min-width: 95%; text-align: left; margin: 0 30px 0 30px;}  .container {  width: 98%;  float:left;  background: white url(images/bodybg.png) top left no-repeat;  border: 6px black solid;  text-align: left;  padding: 0;  margin: 15px 0 0 0; }  .site_title {padding: 4px 0 0 25px; font-size: 28px; overflow:hidden; height: 35px;}  .description {  padding: 45px 0 0 175px;  font-family: italics Georgia;  color: #808080;  font-size: 14pt;  font-weight: normal;  height: 23px; overflow:hidden; }  #left {margin: 5px 0 0 0; background: transparent;}   /* HEADER NAVIGATION  ---------------------------------- */  #navSquare ul {  text-align:right;  width: 100%;  margin: 0;  padding: 15px 0 0 0;  list-style:none; }  #navSquare ul li {  text-align: left;  display:inline;  list-style:none;  font-size: 12px;  line-height: 14px;  font-weight: bold;  padding: 0 10px 0 0;  text-transform: uppercase; }  #navSquare a:link, #navSquare a:visited { color: #000; text-decoration: none;} #navSquare a:hover {color: #900101; text-decoration: none;}   /* BASIC FORMAT STYLES  --------------------------------- */  a img {border: 0px}  a:link, a:visited{ color: #8a0202; text-decoration: none;} a:hover{color: black; text-decoration: underline;}  abbr, acronym {border-bottom: 1px dashed #404040; cursor: help;} strong, b { font-weight:bold;} em, i { font-style:italic;} h1, h2, h3, h4, ul, ol, p {margin: 0; padding: 0; }  h2 {background: #404040; color: white; font-size: 11pt; margin:0; padding: 0 0 0 2px;; text-transform: uppercase; border-bottom: 1px black solid}  hr {color: silver;  background-color: white; margin:0; padding:0; }  code, pre {  font-family: "Courier New", Courier, mono;  color: #955556;  text-decoration: none;  text-align: left; }  .navigation {margin-bottom: 30px; clear:both; font-size: 1.6em;}  .alignright {  background: url(images/arrow.gif) no-repeat;  padding-left: 18px;  float: right; }  .alignleft {  background: url(images/arrow_left.gif) no-repeat;  padding-left: 18px;  float: left; }  blockquote {  color: #625e5e;  background: url(images/quote.jpg) no-repeat top left;  padding-left: 30px; }  /* IN-SITE LINKS --------------------------------- */  .site_title a:link, .site_title a:visited {color: white; text-decoration: none;} #lside2 a:link, #lside2 a:visited, #lside2 a:active, #rside a:link, #rside a:visited, #rside a:active {color: #8a0202;text-decoration: none;} #lside2 a:hover, #rside a:hover {color: black; text-decoration:underline;}   /* CONTENT STRUCTURE --------------------------------- */  #lside {  float: left;  width: 58%;  background: transparent;  margin: 35px 0 0 0;  overflow:hidden; }  #lside2, #rside {  float: left;  background: transparent;  width: 18%;  padding: 0 0 0 20px;  margin: 60px 0 0 0;  overflow:hidden; } .textwidget p {font-size: 12px; margin:6px; padding: 0; line-height: 1.4em;}  /* BLOG FORMATTING  --------------------------------- */  #blogc {padding: 25px 0 10px 15px;}  .main_title {  background: #900101;  padding: 2px 0 2px 5px;  font-size: 20px;  color: #fff;  font-weight: normal;  border-bottom: 1px solid black;   }  .main_title a, .main_title a:visited {color: white; text-decoration: none;} .main_title a:hover {color: white; text-decoration: underline;}  .date {font-size: 1.2em} .author {font-size: 1.4em}  .post {text-align: justify; width: 98%; font-size: 1.4em;} .post p {margin: 12px; } .post img {padding: 0 5px 5px 5px} .post ul{ margin: 0 0 .05em 40px; list-style:none; } .post ol { margin: 0 0 .05em 40px; }  .post ul li { margin: 0 0 0.2em 0; background:url(images/list-item.gif) no-repeat ; padding-left: 18px;}  .post ol li {margin: 0 0 0.2em 0; background:transparent; padding-left: 0px}  .post ul li ul, .post ul li ol, .post ol li ul, .post ol li ol { margin: 0.5em 0 0.5em 30px; } .post dl { margin: 0 0 1.5em 0; } .post dt { font-weight: bold; } .post dd { margin: 0 0 1.5em 20px; }  .post a:link, .post a:visited {font-weight: bold;}    #more {  margin-top: -8px;  background: url(images/more.gif) no-repeat;  padding-left: 18px;  font-weight: bold;  float:right; }  .blog-meta {  background: #FAFAFA;  color: #808080;  font-size: 1.4em;  text-align: center;  padding: 5px;  border-bottom: 1px solid #ddd;  margin-bottom: 30px; }  .blog-meta a:link, .blog-meta a:visited, .blog-meta a:active { color: #8a0202; font-weight: bold; text-decoration: none;}  .blog-meta a:hover { color: black; text-decoration: underline;}  /* LISTS  --------------------------------- */   #lside2 li, #rside li {list-style: none; margin:0; padding:0}  #lside2 ul ul, #rside ul ul {list-style: none;  color: black; background: #f2f2f2; margin: 0 0 10px 0;}  #lside2 ul ul li, #rside ul ul li { font-size: 9pt; border-bottom: 1px solid #c0c0c0;  background: transparent; padding: 0 0 0 5px;}  #lside2 ul ul li a:hover , #rside ul ul li a:hover {color:#fff; background: #8a0202; text-decoration:none;}  #lside2 ul ul ul li, #rside ul ul ul li{font-size: 0.8em; padding: 0 0 0 10px; border:none; margin:0; display:block;}      /* COMMENT STYLES  --------------------------------- */  .commentlist a {color: #8a0202; font-weight: bold; text-decoration: none; } .commentlist a:visited {color: #8a0202; } .commentlist a:hover {color: #000; text-decoration: underline; }  .commentlist blockquote {margin-right: 50px; background: white url(images/quote.jpg) top left no-repeat; border: 1px solid #404040; padding: 5px;}  ul.commentlist {list-style:none; margin:0;}  .comment_top a {color: #8a0202;} .comment_top a:visited {color: #8a0202; } .comment_top a:hover {color: #8a0202; background: white; }  ul.commentlist li .comment_top {width: 510px; background: url(images/commenta.jpg) no-repeat; color: #000; }  ul.commentlist li p { padding: 6px; line-height: 1.5em; margin:0; font-size: 1.5em;}  ul.commentlist li .comment_bottom {width: 510px; height: 53px; padding: 15px 0 0 10px; background: url(images/comment_bota.jpg) no-repeat; text-align: left; font-size: 1.2em;}   li.alt .comment_top a {color: #8a0202; text-decoration: none; } li.alt .comment_top a:visited {color: #8a0202; } li.alt .comment_top a:hover {color: black; text-decoration: none; }  ul.commentlist li.alt .comment_top {width: 510px; background: url(images/commentb.jpg) no-repeat; color: #000; }  ul.commentlist li.alt .comment_bottom {width: 510px; height: 53px; padding: 15px 0 0 10px; background: url(images/comment_botb.jpg) no-repeat; text-align: left; font-size: 1.2em; }  ul.commentlist li.alt p {padding: 10px; line-height: 1.5em; margin:0; font-size: 1.5em;}  #comments {position: relative; width: 324px; height: 97px; background: url(images/discussion.jpg) 0 100% no-repeat; padding-top: 40px; margin-bottom: 5px; }  #comments .number {position: absolute; width: 55px; top: 42px; left: 122px; text-align: center; color: #fff; font-size: 28px; font-weight: bold; }  .cmeta {font-size: 10pt;}  .comment_form {width: 495px; height: 429px; background: url(images/comment_formbg.jpg) no-repeat; padding: 35px 0 0 10px; color: #000; float: left; margin: 0; font-size: 1.2em; }  .comment_form a, .comment_form a:active, .comment_form a:visited {color: #8a0202; text-decoration: none;} .comment_form a:hover {color: white; text-decoration: underline;}  .commentnumber {  font: italic 14px 'Times New Roman', Times, serif;  margin-top: -8px;  padding: 0 5px 0 0;  float:right;  color: #808080;  font-size: 28pt; }      /* FORM STYLES  --------------------------------- */  form {margin: 0; padding: 0;}  #searchform {margin: 0 0 0 0; padding:0; float:right; }  #s {  border:1px solid #404040;  background: #fff; color: #000;  width:200px }  #button {  border:0px;  background: transparent;  height: 16px;  width: 16px;  margin-top:5px; }  #archive_b {  border:1px solid #000;  background: #fff; color: #000;  margin-top:5px;  width: 60px; }   //input {  border:1px solid #000;  background: #fff; color: #000;  width: 200px; }   textarea {  border:1px solid #000;  background: #fff; color: #000;  width: 470px; }  /* ASIDES  --------------------------------- */  .asides {  background: #f8f6f7 url(images/aside.jpg) no-repeat; padding: 15px 8px 5px 8px; margin: 10px; width: 95%; font-size: 1.4em; border-bottom: 1px solid #cfcdce;}  /* UTW  --------------------------------- */ .utwreltags a {font-size: 70%; color:silver; text-decoration:none}  /* CALENDAR --------------------------------- */  #wp-calendar {empty-cells: show; color: #808080;margin: 0;width: 98%;} #wp-calendar #next a{padding-right: 10px;text-align: right;} #wp-calendar #prev a{padding-left: 10px;text-align: left;} #wp-calendar a{font-weight:bold; display: block;text-decoration: none;} #wp-calendar a:hover{color: red; font-weight:bold; background: #eee;text-decoration: none;border: none;}  #wp-calendar td{color: #404040;letter-spacing: normal;padding: 1px 0;text-align: center;} #wp-calendar td.pad:hover{color: #4b572b;background: #eee;text-decoration: none;border: none;} #wp-calendar #today{background: #eee;color: #000;} #wp-calendar th{font-style: normal;text-transform: capitalize;}  /* RELATED POSTS  --------------------------------- */ .related {padding: 10px; font-size: 10pt;background: #eee; border-left: 2px #808080 solid;} .related ul {margin: 8px;} .related ul li {list-style: none; background: url(images/bullet.gif) no-repeat 0 50%; padding-left: 18px;}   /* FLICKR RSS  --------------------------------- */ li.widget_flickrrss {text-align:center; }			 li.widget_flickrrss a img {border: 1px solid silver; margin: 5px; padding: 3px; } li.widget_flickrrss a:hover img { background: #900101; }  /* ARCHIVES PAGE  --------------------------------- */  .postspermonth {  margin: 5px 0 10px 0;  list-style: none;  padding-left: 25px; }    /* FOOTER -------------------------------------------- */  #footer {  float:left;  width: 100%;  margin: 15px 0 0 0;  color: #c0c0c0;  font-size: 1.4em;  border-top: 1px black solid;  border-bottom: 1px black solid;  background: #625e5e;  padding: 2px;  text-align: center;  margin-bottom: 10px; }  #footer a, #footer a:visited, #footer a:active {color: #c0c0c0; text-decoration:none} #footer a:hover {color: #000; text-decoration: none;}