/*
Theme Name: DesignScience
Theme URI:
Description: Template for DesignScience
Version: 1.0
Author: tuky-tuky
Author URI: http://tuky-tuky.ru/
*/


/* TAGS MISC
---------------------------------------------- */
html,body{
  margin: 0;
  padding:3px 0 0 10px;
}
body{ 
  font-family: Verdana, Helvetica,sans-serif; 
  font-size:12px;
  font-weight:400;
  text-align:center;
  background: url("images/bg.jpg") repeat-x top;
  color: #333333;
}
p {
  margin: 0px 0px 20px 0px;
}
a {
  color: #B22222;
  border-bottom:1px dotted #B22222;
  text-decoration: none;
}
a:visited{
  color:#722028;
}
a:hover {
  color:#CA3C4A;
  border-bottom:1px dotted #ccc;
  text-decoration: none;
}
ul, ol {list-style: none;}
ul.number {
  list-style-type: decimal;
}
ul.disc {
  list-style: disc;
}
h1 {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight:400;
  font-size: 24px;
  font-style:italic;
  letter-spacing: 1px;
  color: #B22222;
}
.maincontent h2 {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 16pt;
  color:#B22222;
  font-weight:400;
  letter-spacing: 1px;
}
.maincontent h3 {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 14pt;
  color:#B22222;
  font-weight:400;
  letter-spacing: 1px;
}
h4 {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 16px;
  font-style:italic;
}
.accent {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 16px;
  font-style:italic;
  color:#B22222;
}
.small {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 10px;
  color:#ccc;
  text-align: right;
}
.descript {
  font-style:italic;
}
.pict {
  float:left;
  margin-right: 10px;
  border:1px dotted #B22222;
}

.clear { clear: both; }

img#wpstats{display:none}


/* HEADER
---------------------------------------------- */  

#container{
  width: 940px;
  margin: 0 auto;
  text-align:left;
  position: relative;
  height:100%;
  background: url("images/cont_bg.jpg") repeat-y top;
}

/* top nav */

#menu {
  float: left;
  height: 45px;
  width: 533px;
  margin:0 15px 0 0;  padding:0;
  vertical-align:middle;
}
*html #menu {overflow: hidden;}
ul.is_link {
  list-style:none;
  margin:0;
  padding:11px 0 0 0;
  text-transform:uppercase;
  letter-spacing: 1px;
  font-size: 11px;
  vertical-align:middle;
}
#menu a {
  display: block;
  border: 0;
  padding:5px;
  text-transform:uppercase;
  letter-spacing: 1px;
  font-size: 11px;
  border:1px dotted #fff;
  color:#B22222;
}
#menu a:hover {
  border:1px dotted #ccc;
  background: #e4e3e1;
  color: #000;
}

#menu li {
  float: left;
  padding: 0 30px 0 0px;
  margin-right: 5px;
  vertical-align:middle;
}
*html #menu li {overflow: hidden;}

.skobki {
  font-family: "Times New Roman", Times, serif; 
  font-weight:500; 
  font-size: 20px; 
  color:#B22222;
}

/* search */

#search {
  float: left;
  width: 197px;
  height: 45px;
  margin:0;  
  padding:11px 0 0 2px;
  vertical-align:middle;
  border-bottom:1px dotted #ccc;
}
*html #search {overflow: hidden;}
#searchform {
  margin: 5px; 
}
#s {
  font-size: 8pt;
  width: 110px;
  border:1px dotted #ccc;
}
#searchsubmit {
  font-size: 8pt;
}

/* RSS */

#rss {
  float: left;
  width: 160px;
  height: 45px;
  margin:0;  
  padding:11px 0 0 17px;
  vertical-align:middle;
  font-family:Georgia, "Times New Roman", Times, serif; 
  font-weight:500; 
  font-size: 12px; 
}
*html #rss {overflow: hidden;}

/* site name */

#header {
  height:200px;
  width: 100%;
  margin:0;
  background: #FFF;
  background: url("images/header.jpg") no-repeat bottom;
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #B22222;
  line-height:2em;
  font-style:italic;
}
#header h1 {
  font-size: 24pt;
}
#header h2 {
  font-size: 10pt; 
  margin: 0px;
}


/* MAIN CONTENT
---------------------------------------------- */

#wrapper{
  float:left;
  width:100%
}
*html #wrapper {overflow: hidden;}

#content {
  width: 520px;
  margin-right: 450px;
  padding-top: 10px;
}
#content p {
  line-height:1.8em;
}

/* content header */

div.maintop {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom:1px dotted #ccc;
}
div.maintop h1 {
  margin: 10px 0 5px 0;
}
div.maintop h1 a {
  color: #B22222;
  text-decoration: none;
  border-bottom:0px;
}
div.maintop a {
  text-decoration: none;
  border-bottom:0px;
  color: #ccc;
}
div.maintop p {
  margin: 0px 0px 0px 0px;
  text-transform:uppercase;
  color: #ccc;
  font-size: 9px;
  letter-spacing: 3px;
}

/* main content */

div.maincontent {
  line-height: 1.8em;
  padding-bottom: 15px;
}
.maincontent blockquote{
  background-image:url(/wp-content/themes/ds/images/blockquote.jpg);
  background-position:left center;
  background-repeat:no-repeat;
  padding-left:55px;
  margin:0 15px 0 25px;
  min-height: 74px;
  vertical-align: middle;
}
.more {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight:400;
  font-style: italic;
  font-size: 14px;
  margin-top: 10px;
}
.maincontent img.size-full {
  border: 1px dotted #ccc;
  margin-bottom: 20px;
}
a.img {
  border: 0;
}
.author {
  font-style: italic;
}
.maincontent ol {
  list-style: decimal;
  margin-top: -10px;
}
.maincontent ul {
  list-style: disc;
}

/* PORTFOLIO */

ul.port {
  list-style: disc;
  margin-top: -10px;
}
ul.port li {
  margin-bottom: 10px;
}

/* comments + further */

div.mainbottom {
  padding-bottom: 0px;
  margin-bottom: 20px;
  border-bottom:1px dotted #ccc;
}
div.mainbottom p.comment {
  text-transform:uppercase;
  color: #B22222;
  font-size: 10px;
  letter-spacing: 3px;
}
div.mainbottom p.comment a:hover{
  background: #F7F6F2;
}
div.mainbottom a {
  border: 0;
}

/* COMMENTS
---------------------------------------------- */

#comment {width: 500px;}

h3#comments {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight:300;
  font-size: 18px;
  font-style:italic;
  letter-spacing: 1px;
}
#respond h3 {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight:300;
  font-size: 18px;
  font-style:italic;
  letter-spacing: 1px; 
}
.url {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight:500;
  font-size: 18px;
  font-style:italic;
  color: #B22222;
  letter-spacing: 1px; 
}
.fn {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight:500;
  font-size: 18px;
  font-style:italic;
  color: #B22222;
  letter-spacing: 1px; 
}
.commentlist {
  font-family: Georgia, "Times New Roman", Times, serif;
}
.commentlist li {
  border:1px dotted #ccc;
  margin-bottom: 10px;
  margin-left: -40px;
  padding: 10px 10px 0 10px;
  background: #F7F6F2;
}
.avatar, .says {
  display: none;
}
.commentmetadata {
  font-family: Verdana, Helvetica,sans-serif; 
  margin: 10px 0 10px 0;
  text-transform:uppercase;
  color: #ccc;
  font-size: 9px;
  letter-spacing: 3px;
}
.commentmetadata a {
  margin: 10px 0 10px 0;
  text-transform:uppercase;
  color: #878383;
  font-size: 9px;
  letter-spacing: 3px;
}


/* NAV RIGHT
---------------------------------------------- */

/* sidebar 1 */

#navigation {
  float: left; 
  width: 160px;
  margin-left:-420px;
  padding: 10px 25px 0 45px;
  position: relative;
}

*html #navigation {overflow: hidden;}

h1.cat {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight:400;
  font-size: 22px;
  font-style:italic;
  letter-spacing: 1px;
  margin: 0 0 5px 0;
}
h2.cat {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight:500;
  font-size: 18px;
  font-style:italic;
  letter-spacing: 1px;
  margin: 0 0 5px -5px;
  color:#B22222;
}
p.cat {
  font-size: 9pt;
  font-style: italic;
}
ul.cat a {
  color: #000;
  border: 0;
  text-decoration: none;
}
ul.cat a:visited {
  color: #3f3f3f;
  border: 0;
  text-decoration: none;
}
ul.cat a:hover {
  color:#B22222;
}
ul.cat {
  list-style: none;
  margin: 0 0 0 -45px;
}
*:first-child+html ul.cat {margin: 0 0 0 -5px;}
* html ul.cat {margin: 0 0 0 -5px;}
html:first-child ul.cat {margin: 0 0 0 -5px;} 
li.cat_li {
  font-size: 9pt;
  border-bottom:1px dotted #fff;
  padding: 6px 0 8px 0;
}
li.sidebar1 {
  margin-left: -40px;
  padding: 0;
}
.sidebar1 img {
  padding-top: 15px;
}
li.sidebar1_tag {
  margin-left: -40px;
  padding: 0 0 10px 0;
  line-height: 20px;
  border-bottom:1px dotted #fff;
}
li.sidebar1_tag a {
  border: 0;
  color: #B22222;
}
.wp-tag-cloud {
  list-style: none;
  margin: 0 0 0 -45px;
  text-transform: capitalize;
}
*:first-child+html .wp-tag-cloud {margin: 0 0 0 -5px;}

/* sidebar 2 */

#extra {
  float: left; 
  width: 160px;
  margin-left: -173px;
  background:#FFF;
}
*html #extra {overflow: hidden;}
div.ads { 
  height: 400px;  
  text-align: left; 
  margin-left: 30px;
}
li.sidebar2 {
  font-size: 9pt;
  border-bottom:1px dotted #ccc;
  padding: 6px 0 8px 0;
}
.pic_sb2 {
  border-bottom:1px dotted #ccc;
  padding: 15px 0 0 0;
  text-align: right;
}
p.sidebar2 {
  margin-top: 10px;
}

/* FOOTER
---------------------------------------------- */

#footer{
  border-top:5px solid #ccc;
  background: #F7F6F2;
  color: #B22222;
  clear:left;
  width:100%;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight:400;
  font-size: 12px;
  font-style:italic;
  letter-spacing: 1px;
  text-align: left;
  padding: 0px 0 7px 20px;
}
#footer p{
  margin:0;
  padding: 7px 15px 10px 15px;
}
#menufooter {
  float: left;
  margin:0 15px 15px 0;  padding:0;
  font-family: Verdana, Helvetica,sans-serif; 
  font-size:12px;
  font-weight:400;
  font-style:normal;
}
*html #menufooter {overflow: hidden;}
#menufooter a {
  border: 0;
  padding:0;
  text-transform:lowercase;
  letter-spacing: 1px;
  font-size: 11px;
  color:#ccc;
}
#menufooter a:hover {
  border:0;
  color: #000;
}

#menufooter li {
  float: left;
  padding: 0 30px 0 0px;
  margin: 0 5px 0 0;
}
*html #menufooter li {overflow: hidden;}


