/*  
Theme Name: LabWD2
Theme URI: http://labwd.ru/
Description: Our Theme
Version: 2.1
Author: LabWD
Author URI: http://labwd.ru/
*/


body {
	color:#000;
	font-family:Verdana, Arial, Tahoma;
	font-size:12px;
	position:relative;
	background: url(i/body-bg.gif) repeat #466a86;
}

.leftcolumn {
	float:left;
}
.rightcolumn {
	float:right
}

.clear {
	clear:both;
	}

a {
	text-decoration:underline;
	color:#2c528c;
	}
	
a:hover,
a:active {
	text-decoration:underline;
	color:#2c528c;
	}

	
div.outer {
	width:100%;
	height:auto;
	position:relative;
		background: url(i/outer-bg.gif) repeat-x top;
		
	}

div.inner {
	margin:0 auto;
	width:1000px;
	position:relative;
	padding:0px;

	}





/* CONTENT */


.content {
	width:1000x;
	position:relative;
	/*background:#fff;*/
	padding:0px 0 0px 0px;
	/*margin:28px 0 0 20px;	*/
	
}

.leftcolumn {
	float:left;
	width:287px;
	/*margin-left:20px;*/
	position:relative;
}

.rightcolumn {
	float:right;
	width:300px;
	/*margin-left:20px;*/
	position:relative;
}

.header {
	position:relative;
	display:block;
	height:150px;
	}

a.logo{
	
	cursor:pointer;
	display:block;
	height:100px;
	text-indent:-1000px;
	width:170px;
	background:url(i/logo.gif) no-repeat;
	position:absolute;
	top:0px;
	left:0px;
}

.tel {}

.topmenu{
	position:absolute;
	top:74px;
	right:5px;
	width:520px;
	
	}
.topmenu ul {
	display:block;
	height:23px;
	
	overflow:hidden;
	float:right;
}

.topmenu ul li{
	float:left;
	margin-left:20px;
	height:23px;
}


.topmenu ul li a{
	display:block;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:0px 0px;
	height:23px;
	text-indent:-1000px;
}

.topmenu ul li.active a,
.topmenu ul li a:hover
{
	
	background-position:0px -23px;
}

.topmenu ul li.portfolio a {	background-image:url(i/topmenu-portfolio.png); width:98px;	}
.topmenu ul li.about a {	background-image:url(i/topmenu-about.png); width:46px;	}


/************* TEXT COLUMN ************/


.maincolumn {
	float:left;
	position:relative;
	min-height:600px;
	height:auto !important;
	height:600px;
	width:635px;
	margin-left:1px;

}

/* PORTFOLIO */


.Project{
display:block;
margin-bottom:60px;
position:relative;
height:569px;}

.browser {
	float:left;
	display:block;
	background:url(i/browser-bg.png) no-repeat;
	height:569px;
	width:650px;
	overflow:hidden;
	position:relative;
	}
		
	.BrowserContent {
		display:block;
		margin:45px 0 0 10px;
		width:630px;
		height:514px;
		overflow:hidden;
		z-index:1;
		}

.BrowserProjectName {
	position:absolute;
	top:4px;
	Left:280px;
	font-size:9px;
	font-weight:bold;
	color:#000;
	}

.BrowserUrl {
	position:absolute;
	top:28px;
	Left:110px;
	font-size:9px;
	color:#000;
	}
					
					
.nextplace {
	padding: 0px;
	border: 0px;
	position: absolute; top: 255px; left: 640px;   
	cursor: pointer;
	display: block;
	width: 60px;
	height: 60px;
	z-index:5;
	background:url(i/button-next.png) no-repeat center;
	}
  
.description {
	display:block;
	position:absolute;
	right:0px;
	top:8px;
	/*margin-left:637px;
	* margin-left:634px  !important;*/
	background:url(i/description-bg.png) no-repeat;
	height:552px;
	width:300px;
	color:#fff;
}

.description  p{
	margin:0 12px;
	font-size:12px;
	padding-bottom:1em;
	font-family:Verdana, Helvetica;
	
	}

	.description p.ProjectName {
		font-size:18px;
		padding:0.5em 0 0.1em;
		font-weight:bold;
	}
	
	.description p.ProjectLongName {
		font-size:11px;
		font-family:Georgia;
		font-style:italic;
		margin-left:18px;
	}
	
	.description p.ProjectText {
		font-style:italic;
	}
	
	.description p.ProjectRole {
		font-size:12px;
		font-weight:bold;
		padding-bottom:0.1em;
	}
	
	.description p.ProjectRoleText {
		font-style:italic;
		margin-left:18px;
	}
	
	.description p.ProjectURL {
		padding-bottom:0.1em;
		font-weight:bold;
	}
	
	.description p.ProjectURLText {
		margin-left:18px;
		font-style:italic;
	}

	.description p.ProjectURLText a,
	.description p.ProjectURLText a:hover,
	.description p.ProjectURLText a:active{
		text-decoration:underline;
		/*color:#33f;*/
		font-style:italic;
	}
	

.description a, 
.description a:hover,
.description a:active {
	color:#fff;
	text-decoration:underline;
}

/* */

img.block-name  {
	padding-bottom:20px;}


/* ARTICLE */

.article {
	display:block;
	}

.article .top-corners{
	display:block;
	height:10px;
	overflow:hidden;
	background: url(i/article-corners.png) no-repeat top;
	}	

.article .bottom-corners{
	display:block;
	height:13px;
	overflow:hidden;
	background: url(i/article-corners.png) no-repeat bottom;
	}	
	
.article .content {
	display:block;
	background: url(i/article-bg.png) repeat-y;
	padding:0 15px;
	height:100%;
	}	
	
	
.article p{
	line-height:1.2em;
	padding-bottom:1.2em;
}

.article a, 
.article a:active {
/*	color:#;*/
	text-decoration:underline;
}
.article a:hover {
/*	color:#;*/
}

.article h1 {font-size:1.3em;}
.article h2 {font-size:1.2em;}
.article h3 {font-size:1.1em;}
.article h4 {font-size:1em;}
.article h5 {font-size:0.8em;}

.article  h1, h2, h3, h4, h5{
	font-weight:bold;
	color:#2C528C;
	padding-bottom:0.5em;
	}

.article  strong , b{
	font-weight:bold;
	color:#2C528C;
}

.article blockquote {
	margin: 1em 0 1em 2em;
	padding: 7px 15px;
	border-left: 3px solid #c9dbed;
	font-size: 12px;
	line-height: 1.5em;
	background:#F3F5F9 none repeat scroll 0 0;
	color:#000000;
}

.article ul, .article ol {
	margin: 1em 0 1em 2em;
	
}
.article ul {
	list-style: disc;
}
.article ol {
	list-style: decimal;
}
.article li {
	margin: 0 0 0.5em;
}

.article table,
.article tr,
.article td
 {
	padding:0.5em 1.5em;
	border:#eee 2px solid;
	font-family:arial;
	font-size:1em;
}

.article table{
	width:100%;
	background:#fff;
}



/* FORMS */

form {
	clear:both;
	width:400px;
	margin-top:20px;
	}
	
form  legend {
	font-weight:bold;
	color:#2C528C;
	padding-bottom:0.5em;
	font-size:1.1em;}
	
.article form ol {padding:0; margin:0;}	
.article form ol li{list-style:none; padding:0; margin:5px 0; clear:both; min-height:21px;}	

.article form span.textfield {
	background: url(i/textfield-bg.gif) no-repeat; 
	display:block; 
	height:21px; 
	width:251px; 
	float:right;
	}
.article form span.textarea {
	background: url(i/textarea-bg.gif) no-repeat; 
	display:block; 
	height:120px; 
	width:251px; 
	float:right;
	}
	
.article form input.single {background:none; border:0px none; padding:4px 6px 0 6px; float:left; color:#35474f; font-size:0.9em;}

.article form textarea {background:none; border:0px none; padding:4px; float:none; 	height:110px; 	width:240px; color:#35474f; font-size:0.9em; padding:4px 6px 0 6px;}
.article form span.button {float:right; margin:5px 0; }


form ol li label,
form ol li label span{float:left;}



/* */	
	
ul.pagenavi {
	color:#2C528C;
	margin-top:18px;}

ul.pagenavi li{
	float:left;
	margin:0 2px;
	display:block;
	}

ul.pagenavi li a{
	
	padding:4px;
	}



	
/** one-post **/

.one-post {
	background: url(i/outer-bg.gif) repeat-x top #fff;
	padding:0 30px 0 17px;
	margin-top:1px;
	}

.one-post h3.block-name {
	font-size:1.25em;
	font-weight:bold;
	color:#1a4382;
	padding:17px 0 23px; 
	}


	
.one-post .article  h1.zagolovok{
	float:left;
	padding-bottom:1em;
	}

		
.one-post .post-info.mini {
	display:block;
	font-size:0.9em;
	width:100px;
	float:left;
	margin-left:7px;
	}	

.one-post .post-info.mini span.date {
	line-height:2.4em;
}

/** COMMENTS **/
.comments .comment-body {
	margin-bottom:10px;
	}

.one-post h3.block-name	{
	font-size:1.25em;
	font-weight:bold;
	color:#1a4382;
	padding-bottom:0.5em;
	}

	
.comments .avatar{
	float:left;
	display:block;
	width:80px;
	height:80px;
	overflow:hidden;
	position:relative;
	margin-right:20px;
	}

.comments .avatar a span.avatar-corners{ 
	display:block;
	width:80px;
	height:80px;
	background:url(i/avatar-image-corners.png) no-repeat center;	
	position:absolute;
	top:0px;
	left:0px;
	}		
.comments .comment-text{
	
	padding:10px 0 0 100px;
	}
	
.comments ul.comments-tree {
	margin-left:0px;
	clear:both;
}
.comments ul.comments-tree ul {
	margin-left:30px;
	clear:both;
}

.comments ul.comments-tree li{
	clear:both;
	margin-bottom:20px;
	display:block;
	float:none;
}

.comments .post-info {
	display:block;
	font-size:0.9em;
	height:20px;
	margin:10px 0 0 0 ;
	}	
	

.comments .post-info span {	
	display:block;
	}

.comments .post-info span.date {		
	width:105px;
	float:left;
	
	}
	
.comments .post-info span.name {		
	width:200px;
	float:left;
	}

.comments .post-info span.name  a{			
	background:url(i/blog-author-name.gif) no-repeat left;
	padding-left:20px;
	}

.comments .post-info span.comment-count {		
	width:120px;
	float:right;
	}

.comments form {
	display:block;
	width:475px;
	}

.comments form .left-label {
	float:left;
	}
	
.comments form .textfield,
.comments form .textarea{
	background:#fff url(i/textfield-bg.gif) repeat-x top;
	border-top:1px solid #858585;
	border-right:1px solid #c1c1c1;
	border-bottom:1px solid #e0e0e0;
	border-left:1px solid #c1c1c1;
	margin-bottom:7px;

	}

	
.comments form .textfield {
	width:380px;
	float:right;
}	


.comments form .textarea{
width:100%;
height:140px;
float:none;
}
.comments form .button{
float:right;}


	
/** FOOTER **/

 
.footer {
	width:100%;
	position:relative;
	display:block;
	clear:both;
	height:45px;
	background: url(i/footer.gif) repeat-x top;
	color:#ddd;
	}

.footer a,
.footer a:active,
.footer a:hover{color:#ddd;}
	
	
.footer .content	{
	padding-top:15px;}
	
	
.footer .leftcolumn{
	float:left;
	width:290px;
	}	


	
.footer .rightcolumn{
	float:right;
	text-align:right;
	width:300px;
	
	}	
	
.footer .rightcolumn span.copy{
	float:left;
	padding-left:22px;
	}
	
.footer .rightcolumn ul.bottom-links{
	float:right;
	margin-right:31px;
	}
	
.footer .rightcolumn ul.bottom-links li{
	float:left;
	margin-left:10px;
	}
	
/* Тинимце генерит стили к имаджам, мы их будем использовать */
p img {
	padding: 0;
	max-width: 100%;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 0;
	margin: 0 0 2px 7px;
	display: inline;
	float: right;
	}

img.alignleft {
	padding: 0;
	margin: 0 7px 2px 0;
	display: inline;
	float: left;
	}

/* End Images */