* {
margin: 0;
padding: 0;
}
html {
height: 100%;
}
header,nav,section,article,aside,footer,figure {
display: block;
}
body {
font: 12px/18px Arial, Tahoma, Verdana, sans-serif;
width: 100%;
height: 100%;
background: url(bg.jpg)/*tpa=http://upiam.md/images/bg.jpg*/;
}
a {
color: blue;
outline: none;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
img {
border: none;
}
input {
vertical-align: middle;
}
#top-padding{
width:100%;
height:20px;
background:#dddddd;
}
.wrapper{
position:relative;
width:926px;
margin:20px auto;
padding:0;
}
.wrapper header .logo{
position:relative;
width:400px;
margin:0 auto;
}
.wrapper header .logo img{
float:left;
}
.wrapper header .logo h3{
position: absolute;
padding: 75px 0 27px 0;
font-size: 21px;
line-height: 25px;
margin-left: 120px;
color:#151413;
}
.wrapper header .logo h3 span{
color:#a7aaaa;
}
.wrapper header .lang{
float:right;
margin: 70px 0 0 5px;
color:#7d7b7a;
font-size:12px;
padding:3px 10px 3px 10px;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
-ms-transition: all .3s;
transition: all .3s;
}
.wrapper header .lang:hover{
-webkit-border-radius: 10px;
border-radius: 10px;
background:#d4383c;
color:#fff;
}
.wrapper header .active{
-webkit-border-radius: 10px;
border-radius: 10px;
background:#d4383c;
color:#fff;
}
.wrapper header .menu{
position:relative;
width:100%;
margin-top:30px;
background:url(menu.png)/*tpa=http://upiam.md/images/menu.png*/;
}
.wrapper header .menu a{
color: #646464;
font-size: 13px;
display: inline-block;
padding: 11px 15px 10px 15px;
border-right: 1px solid #dddddd;
border-left: 0px;
margin-left: -2px;
vertical-align: top;
}
.wrapper header .menu a:hover{
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
-ms-transition: all .3s;
transition: all .3s;
background:url(hover-menu.jpg)/*tpa=http://upiam.md/images/hover-menu.jpg*/ repeat-x left;
color:#fff;
text-decoration:none;
}
.wrapper header nav{
position:relative;
width:100%;
padding:10px 0 10px 0;
}
.wrapper header nav a{
color:#646464;
margin:0 10px 0 10px;
}
.wrapper .content{
width:100%;
height:100%;
}
.wrapper .content .blocks{
float:left;
}
.wrapper .content .left-block{
position:relative;
width:285px;
}
.wrapper .content .login-form{
position:relative;
width:100%;
background:#e1e1e1;
border:1px solid #dedbdb;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.wrapper .content .login-form .welcome{
width:240px;
margin:0 auto;
margin-top:20px;
margin-bottom:20px;
}
.wrapper .content .login-form form{
width:240px;
margin:0 auto;
margin-top:20px;
}
.wrapper .content .login-form a{
color:#969c9c;
margin-bottom:20px;
}
.wrapper .content .login-form .active{
color:#d12227;
}
.wrapper .content .login-form form [type=text]{
width:235px;
padding:5px 0 5px 0;
margin:5px 0 5px 0;
}
.wrapper .content .login-form form [type=password]{
width:235px;
padding:5px 0 5px 0;
margin:5px 0 5px 0;
}
.wrapper .content .login-form form [type=submit]{
border:0;
background:none;
cursor:pointer;
color:#969c9c;
margin-top:5px;
width:90px;
height:30px;
}
.wrapper .content .login-form form [type=button]{
border:0;
background:none;
cursor:pointer;
color:#969c9c;
margin-top:5px;
width:90px;
height:30px;
}
.wrapper .content .login-form form [type=submit]:hover{
background:#d84c4e;
color:#fff;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
-ms-transition: all .3s;
transition: all .3s;
}
.wrapper .content .login-form form [type=button]:hover{
background:#d84c4e;
color:#fff;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
-ms-transition: all .3s;
transition: all .3s;
}
.wrapper .content .left-block .banner{
width:100%;
background:#f5f5f5;
-webkit-border-radius: 10px;
border-radius: 10px;
border:1px solid #dddddd;
margin:20px 0 0 0;
padding:20px 0 20px 0;
text-align:center;
}
.wrapper .content .center-block .article .wrong{
color:#fff;
font-weight:bold;
padding:20px 0 20px 0;
width:100%;
background:#393939;
text-align:center;
}
.wrapper .content .center-block .article{
margin-left:40px;
width:600px;
margin-bottom:20px;
border-bottom:1px dotted #393939;
padding-bottom:10px;
}
.wrapper .content .center-block .article #feedback{
width:360px;
float:left;
margin-right:20px;
}
.wrapper .content .center-block .article #feedback [type=text]{
width:350px;
padding:5px 0 5px 5px;
margin-bottom:5px;
}
.wrapper .content .center-block .article #feedback [type=password]{
width:350px;
padding:5px 0 5px 5px;
margin-bottom:5px;
}
.wrapper .content .center-block .article #feedback textarea{
width:352px;
height:150px;
padding:0 0 0 5px;
margin-bottom:5px;
}
.wrapper .content .center-block .article #feedback img{
width:81px;
margin:0;
}
.wrapper .content .center-block .article #feedback .capEnter{
width:100px;
margin-top: -13px;
height: 12px;
}
.wrapper .content .center-block .article #feedback [type=submit]{
background: #D84C4E;
color: white;
border:0;
width:80px;
padding:5px 0 5px 5px;
margin-top:-19px;
}
.wrapper .content .center-block .article #feedback [type=submit]:hover{
text-decoration:underline;
cursor:pointer;
}
.wrapper .content .center-block .article:nth-last-child(1){
border-bottom:0;
}
.wrapper .content .center-block .article h2{
color:#d84c4e;
}
.wrapper .content .center-block .article .poster{
width:600px;
margin:20px 0 20px 0;
}
.wrapper .content .center-block .article aside{
color:#393939;
}
.wrapper .content .center-block .article a{
display:inline-block;
color:#fff;
background:#d84c4e;
padding:3px 20px 3px 20px;
margin-top:20px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
.wrapper .content .center-block .article span{
display:inline-block;
font-size:11px;
color:#7d7b7a;
margin-left:10px;
}
.wrapper .content .center-block .association{
width:600px;
min-height:200px;
margin-left:40px;
margin-bottom:20px;
}
.wrapper .content .center-block .association h2{
width:100%;
text-align:center;
color:#D84C4E;
margin-bottom:10px;
}
.wrapper .content .center-block .association .poster{
position:relative;
width:600px;
background:#fff;
text-align:center;
padding:10px 0 10px 0;
border:1px solid #e1e1e1;
margin-bottom:1px;
}
.wrapper .content .center-block .association a{
color:#d4383c;
}
.wrapper .content .center-block .association .info-block{
position:relative;
width:601px;
padding:10px 0 10px 0;
background:#e1e1e1;
color:#414141;
margin-bottom:1px;
}
.wrapper .content .center-block .association .director{
position:relative;
width:551px;
padding:10px 0 10px 50px;
background:#e1e1e1;
color:#414141;
}
.wrapper .content .center-block .association .info{
float:left;
width:250px;
margin-left:50px;
}
.wrapper .content .center-block .association .poster img{
max-width:600px;
}
.wrapper .footer{
position:relative;
width:100%;
padding:10px 0 10px 0;
text-align:right;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
background:#393939;
margin-top:20px;
}
/***************** comments ****************************/
.comments-block{
position:realative;
width: 600px;
margin-left: 40px;
}
.comments-block form{
width:100%;
}
.comments-block form textarea{
width:590px;
height:80px;
padding-left:10px;
}
.comments-block form [type=submit]{
background: #D84C4E;
color: white;
border: 0;
margin-bottom:20px;
width:80px;
height:30px;
}
.comments-block form [type=submit]:hover{
text-decoration:underline;
cursor:pointer;
}
.comments{
width:100%;
}
.comments .from{
position:relative;
width:100%;
padding:5px 0 5px 0;
background:#e1e1e1;
color:#383838;
font-weight:bold;
}
.comments .comment{
padding:10px 0 10px 10px;
background:#fff;
width:590px;
margin:2px 0 10px 0;
}
.wrapper .footer a{
color:#fff;
margin-right:20px;
}
.clr{
clear:both;
}