/*
Theme Name: PSYCON
Theme URI: http:/psycon.com.ua/
Description: The wordpress theme specially for Psycon.com.ua.
Version: 1.0
Author: Aleksey Karpenko
Author URI: http://alekseykarpenko.com
Tags: fixed width, two columns
*/


/*Global------------------------------------------------------------------------*/
* {	margin: 0;	padding: 0; }
html {width:100%; height:100%; background:url(img/bg_main.gif) top left repeat-x;}
body {font-family:"Arial"; font-size:14px; color:#3c3c3e;
	height: 100%; width:100%; background:url(img/bg_sec.jpg) top center no-repeat;
	 }
/*a { font-family:"Arial"; font-size:14px; color:#b1bf1a; text-decoration:underline}*/
a { font-family:"Arial"; font-size:14px; color:#25aae1; text-decoration:underline}
img {border:none}
/*a:hover { color:#c1d20f; }*/
a:hover { color:#5ec2eb; }

#bgfootpage {background:url(img/bg_footpage.gif) bottom center no-repeat; width:auto; min-height: 100%; height: auto !important; height: 100%; position:relative;}
#page {width:950px;  margin:0 auto;}

/*Header------------------------------------------------------------------------*/
#phead {width:auto;}

#phead .lvl1 {width:auto; height:20px; position:relative; text-align:right; padding:15px 10px 0 10px; font-size:12px; color:#000}
#phead .lvl1 a {color:#000; text-decoration:none; font-size:12px}


#phead .lvl2 {width:auto; height:148px;}
#phead .lvl2 .inner_left {display:inline; float:left; width:600px; height:123px; background:url(img/head-left.gif) left no-repeat}
#phead .lvl2 .inner_right {float:left; width:343px; height:73px; background:url(img/head-right.gif) left no-repeat; padding-top:50px}
#phead .lvl2 .inner_right .input {background:#ccc url(img/input.gif) left top no-repeat; width:182px; height:16px; padding:6px 10px; float:left; margin-left:22px}
#phead .lvl2 .inner_right input {background:none; border:none; color:#8f8f8f; width:100%}
#phead .lvl2 .inner_right a.search {display:block; width:58px; height:25px; background:url(img/search.gif) left top no-repeat; float:left; margin-left:15px}

#phead .lvl3 {width:auto; height:75px;}
#phead .lvl3 a {font-size:11px; color:#c7d71b; display:inline; float:left; height:55px; padding:20px 27px 0 27px; text-decoration:none; line-height:19px}
#phead .lvl3 a:hover {color:#fff;  background:#8a9aae url(img/sel.gif) left center repeat-x;}
#phead .lvl3 a.sel {color:#fff;  background:#8a9aae url(img/sel.gif) left center repeat-x;}
#phead .lvl3 a b {display:block; color:#fff; font-size:16px; font-weight:normal;}


/*Body------------------------------------------------------------------------*/
#pbody {width:100%; padding: 0 0 385px; height: 1%;}
#pbody:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;}

#pbody div.caption {width:auto; height:192px}
#pbody a.index {display:block; width:auto; height:316px; background:url(img/main.png) left top no-repeat; margin-top:40px; margin-bottom:25px}

#pbody div.caption, #pbody a.index { behavior: url(img/pngfix/iepngfix.htc) }

#container {	width: 100%;
	float: left;
	overflow: hidden;}

#pleft {padding: 0px 370px 30px 15px;}
#pleft .inner {width:auto;}
#pleft .inner ul {margin:10px 30px;}
#pleft .inner ol {margin:10px 20px;}
#pleft .inner ul li {}
#pleft h1 {font-size:28px; font-weight:bold; margin-bottom:10px; color:#333333}
#pleft h2 {font-size:21px; font-weight:bold; display:block; height:63px; border-bottom:1px solid #eae8d7; background:#f9f8f2 url(img/bg_h2.gif) 20px 50% no-repeat; padding-left:80px; line-height:63px; white-space:nowrap; overflow:hidden; margin-bottom:15px; clear:both; margin-left:-15px;}
#pleft h2.add {font-size:11px; font-weight:normal; display:block; height:63px; border-bottom:1px solid #eae8d7; background:#f9f8f2 url(img/bg_h2.gif) 20px 50% no-repeat; padding-left:80px; line-height:63px; white-space:nowrap; overflow:hidden; margin-bottom:15px; clear:both; margin-left:-15px;}
#pleft h2.add a {font-size:11px}
#pleft h3 {font-size:16px; font-weight:normal; margin-bottom:10px; color:#728d9e}
#pleft h4 {font-size:16px; font-weight:bold;}
#pleft .date {font-size:12px; color:#999999; text-decoration:none }
#pleft .inner p {line-height:20px; text-indent:0px; margin-bottom:15px}
#pleft .inner p.ti {text-indent:35px;}
#pleft ul {padding:15px 0;}
#pleft ul li {line-height:25px}

#pleft table {border-collapse:collapse; border:none; font-size:12px}
#pleft table tr {}
#pleft table td {padding:10px 5px; text-align:center; border-left:1px solid #eae8d7}
#sitemap .level1 li {list-style-type:none; padding-left:10px; background:url(img/link2.gif) left 4px no-repeat;}
#sitemap .level2 li {list-style-type:none; padding-left:8px; background:url(img/link1.gif) left 6px no-repeat;}

#pright { 
	float: left;
	margin-right: -30px;
	width: 325px;
	margin-left: -325px;
	position: relative;
	}

#pright a.register {display:block; width:260px; height:53px; background:url(img/register.gif) left no-repeat; }
#pright .widget {margin-top:35px; padding:10px 15px 30px 15px; color:#728d9e; font-size:13px; font-style:italic; line-height:21px; background:#e5ed7f url(img/bg_right.gif) center top no-repeat}
#pright .widget li {list-style-type:none; display:block; padding:5px 0 15px 0; border-bottom:1px solid #172433}
#pright .widget a {font-weight:bold; color:#3399cc; font-style:normal; font-size:13px; text-decoration:none}
#pright .wadver {margin-top:35px; color:#728d9e; font-size:13px; line-height:21px;}
#pright h1 {font-size:18px; font-weight:bold; margin:0 -5px 15px -5px; color:#333333; border-bottom:2px solid #fff; padding:0 10px 10px 5px; font-style:normal; line-height:normal}


/*Footer------------------------------------------------------------------------*/
#pfoot {
	margin: -317px auto 0;
	width: 100%;
	height: 317px;
	overflow:hidden;
	
	
	}
#pfoot .lvl1 {width:auto; height:252px; position:relative; background:#f5f8cd; overflow:hidden;}
#pfoot .lvl1 .inner {width:950px; height:252px; margin:auto;}
#pfoot .lvl1 .inner .block{float:left; width:280px; height:252px; font-size:14px; color:#000000; padding-left:36px; padding-top:15px; line-height:25px; background:url(img/bg_block.gif) left top no-repeat; margin-left:-1px}
#pfoot .lvl1 .inner .block ul {padding:0px; margin:0px}
#pfoot .lvl1 .inner .block ul li {list-style-type:none; padding:0px; margin:0px}
#pfoot .lvl1 .inner .block a{display:block; margin:15px 0; color:#25aae1; font-size:11px; text-decoration:none; line-height:normal}
#pfoot .lvl1 .inner .block a:before{content:"+ "}

#pfoot .lvl2 {width:auto; height:65px; position:relative; background:#e9ef8e; overflow:hidden;}
#pfoot .lvl2 .inner {width:950px; height:65px; margin:auto; line-height:65px; background:#e9ef8e; overflow:hidden; color:#939fae; font-size:11px; font-family:Arial;}
#pfoot .lvl2 .inner a.ak {display:block; float:right; color:#677280; font-size:11px; text-decoration:none; padding-right:70px; background:url(img/ak.gif) right center no-repeat}
#pfoot .lvl2 .inner a.eridan {display:block; float:right; color:#677280; font-size:11px; text-decoration:none; padding-right:80px; background:url(img/eridan.gif) right center no-repeat; margin-left:12px}

/*Additional--------------------------------------------------------------------*/
img.alignright {
	margin: 0 0 15px 15px;
}

img.alignleft {
	margin: 0 15px 15px 0;
}

img.aligncenter {
	margin:0 auto;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}