﻿/*
Theme Name: Synapse Theme
Theme URI:
Description: Тема специально для Synapse Group.
Version: 1.4
Author: Alex, Denis & Ilya
Author URI:
Tags: blue, custom header, two columns, synapse, commercial

*/

body {font-family:  Arial, Verdana,  Helvetica,sans-serif; font-size:100%; color:#383838; font-weight:normal; line-height:17px; padding:0px; margin:0px;   }
table {font-family: Arial, Verdana, Helvetica,sans-serif; font-size:100%; color:#383838; font-weight:normal; line-height:17px; border-collapse: collapse; 	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px;}
td {margin: 0px;padding: 0px; vertical-align: top;}
IMG {BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px}

/* верх право низ лево */
A:link { text-decoration:underline;}
A:visited { text-decoration:underline;}
A:hover { text-decoration:none;}

.bg {background:#009edf;}
#layout {  padding:0px; text-align:left;  width:1000px;}
#lay-cont {margin:70px 5px 30px 65px; position:relative;}
#header {  padding-top:70px; height:75px; background:#009edf; }
#header-index1 {padding-top:70px; height:75px;}
.header-index { background:url(img/header-bg.jpg) left top no-repeat; background-position: -100px 0px; z-index:2;}
#header-cont { width:915px; position:relative; text-align:left; padding-left:54px; //padding-left:48px; padding-right:40px; }
#footer { clear:both;  padding-bottom:40px;}
#footer-cont {width:915px; position:relative; text-align:left; padding-left:45px; padding-right:40px;}
.head-cont1 {padding:0px 40px 0px 40px;}
/* #header { padding:0px; clear:both; height:75px; margin-right:60px;background:#009edf;}*/
#logo {  margin:-3px 0px 0px -4px; float:left; background:url(img/log.png) left top no-repeat; ) left top no-repeat; width:230px; height:34px; }
#logo-index {margin:-3px 0px 0px -4px; float:left;  width:230px; height:34px;}
#logo a { display:block; width:210px; height:34px; }
#logo-index a #logo {  margin:-3px 0px 0px -4px; float:left; background:url(img/header-bg.jpg) left top no-repeat; ) left top no-repeat; width:210px; height:34px; }
/*#logo img {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/log.png'); background:url(img/log.gif);} */
.png {BEHAVIOR: url("png.htc";)}
#content { clear:both; padding-left:45px; width:955px; text-align:left; position:relative; padding-top:35px;}
.left-col {float:left; width:611px; margin-right:30px;}
.right-col {float:right; width:250px; margin-right:30px; margin-top:6px;}
/*.right-col {float:right; width:270px; position:fixed; margin-left:650px;} */

#menu { margin-left:402px; _margin-left:372px; }
ul.menu { margin:0px; padding:0px; list-style-type:none; color:#ffffff; font-size:75%;}
ul.menu li { float:left; background:#44b6e8; margin:0px 0px 0px 30px; width:130px; text-align:center; padding:0px; }
ul.menu li a {color:#ffffff; display:block; width:100%; padding:6px 0px 6px 0px;}
ul.menu li.selected1 {padding:6px 0px 6px 0px;  background:#59c6f6;}
ul.menu li.selected {  background:#59c6f6;}
ul.menu li a:link { text-decoration:none;}
ul.menu li a:visited {text-decoration:none;}
ul.menu li a:hover { text-decoration:underline;}

.portfolio { margin:-50px 0px 0px 0px; /* background:#009edf; */}
.portf-item { float:left;  margin:0px 67px 30px 0px; }
.portf-item div.icon {/*border:5px solid #44b6e8; */ width:250px; height:200px; overflow:hidden; text-align:center;}
.portf-item div.link { font-size:75%; color:#b6ebfb; margin:5px 0px 0px 5px; text-align:center; width:240px; height:40px;}
.portf-item div.link a { color:#feffff;}
.pt { background:url(img/pt.gif) left top no-repeat; position:relative;}
.pl { background:url(img/pl.gif) left top repeat-y; margin-left:-7px; width:611px; position:relative;}
.pr { background:url(img/pr.gif) right top repeat-y; position:relative;}
.pb { background:url(img/pb.gif) left bottom no-repeat; position:relative;}
.site-picture {padding:25px 5px 20px 6px;}
.label { text-align:center; margin-top:6px; margin-bottom:20px;}
.label span {background:#c6f3f8; padding:2px 20px 3px 20px;}
.line { background:url(img/dash-line.gif) left center repeat-x; height:5px; margin:20px 0px 20px 0px;}
hr {background:url(img/dash-line.gif) left center repeat-x; height:5px; margin:20px 0px 20px 0px; }

/* Universal padding classes */
.pl05 { padding-left: 5px; }
.pl15 { padding-left: 15px; }
.pl25 { padding-left: 25px; }
.pr05 { padding-right: 5px; }
.pr15 { padding-right: 15px; }
.pr25 { padding-right: 25px; }
.pt05 { padding-top: 5px; }
.pt15 { padding-top: 15px; }
.pt25 { padding-top: 25px; }
.pb05 { padding-bottom: 5px; }
.pb15 { padding-bottom: 15px; }
.pb25 { padding-bottom: 25px; }

.works-list {margin-left:-13px;}
ul.works { margin:11px 0px 0px 0px; padding:0px; list-style-type:none; font-size:80%;}
ul.works li {  color:#0170c1;}
ul.works li:hover { background:#efefef;}
ul.works li.selected {background:#e5e5e5;}
ul.works li a { color:#0170c1; }
ul.works li div.link { padding:6px 0px 7px 32px;}

.g-lt { background: url(img/g-lt.png) left top no-repeat; }
.g-lb { background: url(img/g-lb.png) left bottom no-repeat;}
.g-rt { background: url(img/g-rt.png) right top no-repeat;}
.g-rb { background: url(img/g-rb.png) right bottom no-repeat;}

.g1-lt { background: url(img/g1-lt.gif) left top no-repeat; position:relative; height:100%;}
.g1-lb { background: url(img/g1-lb.gif) left bottom no-repeat;}
.g1-rt { background: url(img/g1-rt.gif) right top no-repeat;}
.g1-rb { background: url(img/g1-rb.gif) right bottom no-repeat;}
.g1-l {background: url(img/g1-l.gif) left top repeat-y;}
.g1-r {background: url(img/g1-r.gif) right top repeat-y;}
.g1-b {background: url(img/g1-b.gif) bottom repeat-x;}
.g1-t {background: url(img/g1-t.gif) top repeat-x;}
.site-picture1 {padding:4px 5px 27px 6px; text-align:center;}

.g2-lt { background: url(img/g2-lt.gif) left top no-repeat #a2a2a2; position:relative; }
.g2-lb { background: url(img/g2-lb.gif) left bottom no-repeat; position:relative; }
.g2-rt { background: url(img/g2-rt.gif) right top no-repeat;}
.g2-rb { background: url(img/g2-rb.gif) right bottom no-repeat;}
.g-cont { padding:5px 20px; color:#ffffff;}
.aim {margin:9px 0px 30px -20px; height:100%;}



.article { font-size:80%; margin:13px 0px 0px 0px; line-height:18px;}
.article p { margin:3px 0px 20px 0px;}
.article p.list { margin:3px 0px 3px 0px;}
.article ul { padding:0px; margin:3px 0px 20px 10px; list-style-type:none;}
.article ul li { margin:3px 0px 5px 0px; background:url(img/li2.gif) left top no-repeat; padding:0px 0px 0px 15px;}
.article a { color:#2E78E7;}
.article a.link {color:#2E78E7; font-weight:bold; font-size:110%;}
h1 { font-size:120%; font-weight:normal; margin:5px 0px 10px 0px; color:#006fbe;}
.grey1 { color:#7f8180; font-size:115%;}

/*97d9f1*/

.contacts { color:#ffffff; line-height:27px; font-size:80%;}
.contacts a { color:#ffffff;}
.contacts div.phone { font-size:110%;}
.white { color:#ffffff;}

.ac { text-align:center;}
.border1 { border:5px solid #0fa4e1;}

/*
#content { clear:both; padding-bottom:100px;}
.portfolio {  margin-left:-60px;}
.portf-item { float:left;  margin:0px 0px 100px 60px;}
.portf-item div.icon {border:5px solid #44b6e8; width:238px; height:140px; overflow:hidden;}
.portf-item div.link { font-size:75%; color:#b6ebfb; margin:5px 0px 0px 5px;}
.portf-item div.link a { color:#feffff;}
*/

/* Jz's added rules */
.right-col ul {
	margin: 0;
	padding: 0;
}
.right-col ul li {
	font-size:110%;
	color: #7f8180;
	list-style-type: none;
}
.right-col ul li.nifty-inside ul {
	margin: 11px 0px 0px -0.75em;
	padding:0px;
	list-style-type:none;
	font-size:80%;
	font-size: 12px;
}
.right-col ul li.nifty-inside ul li {
	color:#0170c1;
	padding: 6px 0.5em 9px 2.25em;
	list-style-position: inside;
}
.right-col ul li.nifty-inside ul li:hover { background:#efefef;}
.right-col ul li.nifty-inside ul li.current_page_item,
.right-col ul li.nifty-inside ul li.current-cat {
	background:#e5e5e5;
}
.right-col ul li.nifty-inside ul li a { color:#0170c1; }
.right-col ul li.nifty-inside ul li a:before {
	content: '\2013\a0\a0';
    float: left;
    margin-left: -1.25em;
}
/* Behavior для IE */
.right-col ul li.nifty-inside ul li a {
    padding: 0;
    behavior: expression(
        ( !this.before && parentNode && parentNode.tagName == 'LI' )
        ?
            ( this.before = true )
            & (parentNode.before = true )
            & ( parentNode.style.listStyleImage = 'none' )
            & (
                ( this.firstChild && this.firstChild.firstChild )
                ?
                    ( this.firstChild.style.marginTop = '-1.2em' )
                    & ( this.firstChild.style.position = 'relative' )
                : ''
            )
            & ( eNOBR = document.createElement( '<nobr style="text-decoration: none; position: relative; display: block; width: 1.25em; left: -2.5em; margin: 0 -1.25em -1.2em 0;" />' ) )
            & ( eNOBR.innerHTML = '&ndash;&nbsp;&nbsp;' )
            & ( this.insertBefore( eNOBR, this.firstChild ) )
        : ''
    );
}

/* blog */
.post { margin:0px 0px 60px 0px; }
.post h2 { font-size:120%; font-weight:normal; color:#0270BF; margin:5px 0px 5px 0px;}
.post a {color:#0270BF;}
.post .date { color:#7E7F81; margin:9px 0px 5px 0px; font-size:75%;}
.post .content { font-size:80%; margin:9px 0px 4px 0px; line-height:21px;}
.post .com {margin:15px 0px 8px 0px; }
.post .num-comments {color:#7F7F7F;  font-size:80%; background:url(img/i-comments.gif) right top no-repeat;}
.post .num-comments span { padding-right:17px;}
.post .num-comments span span { padding-right:0;}
.post .num-comments a { color:#7F7F7F;}
.post .info { font-size:80%; margin:8px 0px 9px 0px;}
.post .more { font-size:80%;}
.full { margin-bottom:30px;}
.post .content blockquote {background:#F2F2F2 none repeat; border-left:9px solid #D9D9D9; line-height:20px; padding:10px 30px 10px 20px; margin:15px 0px 20px 0px; }  
.post .content h2 { font-size:130%; color:#0270BF; font-weight:normal; margin:20px 0px 3px 0px;}
.post .content ol { margin:3px 0px 15px 0px;}
.post .content ul { margin:3px 0px 15px 0px;}
.post .content p { margin:3px 0px 15px 0px;}
.post .content p.list { margin:3px 0px 3px 0px;}

.post .more-link {
	display: block;
	padding-top: 5px;
}

.comments-list {font-size:80%;}
/* Стиль для четных комментариев. Например, другой бэкграунд. */
.comments-list .odd {}
/* Стили для вложенных комментариев. (класс .depth-n, n=1,2..) */
.comments-list .depth-1, .comments-list .depth-3, .comments-list .depth-5, .comments-list .depth-7, .comments-list .depth-9 {
	background-color: #FFF;
}
.comments-list .depth-2, .comments-list .depth-4, .comments-list .depth-6, .comments-list .depth-8, .comments-list .depth-10 {
	background-color: #FCFCFC;
}

.comment {  color:#383838; margin:10px 0px 20px 0px; }
.comment .comment { margin:10px 0px 20px 30px; }

.comment p { margin:2px 0 5px 0; }
.comment .content {font-size:95%; color:#0c0d11; margin:2px 0px 20px 0px;}
.comment .files { margin:3px 0px 10px 0px; font-size:90%;}
.comment .files .fname { padding-left:5px;}

ul.comment-meta {  overflow:hidden; zoom:1; margin:0px; padding:0px; list-style-type:none; }
ul.comment-meta li { float:left; margin:4px 5px 0px 0px; line-height:18px; color:#7b797a; }
ul.comment-meta li.username { margin:4px 10px 0px 0px; color:#0270BF; }
ul.comment-meta li.username a { color:#0270BF; }
ul.comment-meta .date { color:#7b797a; font-size:90%; margin:4px 4px 0px 23px;}
ul.comment-meta .time { color:#7b797a; font-size:90%; margin:4px 10px 0px 4px; }
ul.comment-meta .link { color:#7b797a; font-size:90%; margin:4px 11px 0px 11px;}
ul.comment-meta .link a { color:#7b797a; }
ul.comment-meta .reply { color:#7b797a; font-size:90%; border-bottom:1px dashed #7b797a; cursor:pointer;}

a.comment-reply-link,
a.comment-reply-link:link,
a.comment-reply-link:ACTIVE,
a.comment-reply-link:VISITED,
a.comment-reply-link:hover
{ 
	color: #7b797a; border-bottom:1px dashed #7b797a; line-height:18px; text-decoration: none; cursor: pointer;
}

.add-com-txt { margin-top:-15px;}
.submit { margin-top:5px;}

.right-col ul li.tags-inside ul.wp-tag-cloud { padding:0px;  margin:5px 0px 30px 0px; list-style-type: none; color:#4691BB; font-size:80%; overflow:visible; zoom:1;}
.right-col ul li.tags-inside ul.wp-tag-cloud li { display:inline;  padding:3px 15px 5px 0px; line-height:inherit; list-style-type:none; }
.right-col ul li.tags-inside ul.wp-tag-cloud li.selected { background:#efefef;}
.right-col ul li.tags-inside ul.wp-tag-cloud li a {color:#4691BB; behavior:''; }

.rss-btn { background:#FF701A; font-size:70%; padding:1px 5px 2px 5px;}
.rss-btn a { color:#FFF;}
.rss-btn-div {
	padding-top: 20px;
}

a.comment-edit-link,
a.post-edit-link {
	color: #aaaaaa;
}

a.comment-edit-link:hover,
a.post-edit-link:hover {
	color: #ffffff;
	background: #009EDF;
}

h2.pagetitle {
	font-size: 130%;
	font-weight: normal;
}

pre {
	font-size: 120%;
	margin: 2px 0 5px 0;
	background-color: #fafafa;
	display: block;
	overflow: auto;
}

code {
	font-family: Consolas, "Lucida Console", "Courier New", Courier, monotype;
	font-size: 100%;
	margin: 2px 0 5px 0;
	background-color: #fafafa;
}

pre code {
	margin: 1px;
}

.ed_button { 
	width: 0;  /* IE table-cell margin fix */
    	overflow: visible;
	}
.ed_button[class] { 
	width: auto;
	}
#comment_quicktags {
	text-align: left;
	margin-left: 0%;
}
#comment_quicktags #ed_comment_toolbar {
	display: inline;
}
#comment_quicktags input.ed_button {
	background: #F4F4F4;
	border: 1px solid #D6D3CE;
	color: #000000;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 1px;
	width: auto;
}
#comment_quicktags input:focus.ed_button {
	background: #FFFFFF;
	border: 1px solid #686868;
}
#comment_quicktags #ed_strong {
	font-weight: bold;
}
#comment_quicktags #ed_em {
	font-style: italic;
}

#respond {
	color: #7B797A;
	margin-top: 40px;
}

#respond h3 {
	font-weight: normal;
	font-size: 120%;
	margin: 2px 0 10px 0;
}

#respond p {
	margin: 2px 0 5px 0;
	font-size: 95%;
}

.comment #respond {
	margin-left: 30px;
}

.commentlist #respond {
	margin-top: -15px;
}

.commentlist #respond h3 {
	display: none;
}
.adre {font-size:70%; color:#ffffff; float:right;}
.adre a {color:#ffffff;}

.url {position:absolute; margin:5px 0px 0px 120px; z-index:2; font-size:80%; color:#2f2f2f; font-family:Tahoma, Arial, Helvetica, sans-serif;}

.article h2 {
color:#000000;
font-size:130%;
font-weight:bold;
}
.article blockquote {background:#F2F2F2 none repeat; border-left:9px solid #D9D9D9; line-height:20px; padding:10px 30px 10px 20px; margin:15px 0px 20px 0px; }  
.spacer { height:35px;}