/* ========== GENERAL ========== */
body {
font: 1.2em/1.4 Tahoma, Arial, "Helvetica Neue", Helvetica, Verdana, sans-serif;
color: #afafaf;
background: #000;
}
.wrapper {
max-width: 1200px;
min-width: 950px;
margin: auto;
padding: 0 15px;
}
h2 {
margin-bottom: 20px;
text-transform: uppercase;
letter-spacing: 1px;
}
h3 {
margin: 6px 0;
font-size: 11px;
}
/* ---------- Links --------- */
a:link {
color: #7cfeeb;
text-decoration: none;
}
a:visited {
color: #30fddf;
}
a:hover {
outline: 0;
}
a:active {
outline: 0;
}
a:focus {
outline: thin dotted;
}
/* ========== HEADER ========== */
.main-header {
height: 330px;
background: #000 url(../img/bg-header.jpg) 50% 93px no-repeat;
}
/* ---------- Navbar -------- */
.logo {
float: left;
}
.logo:hover {
opacity: .7;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-in-out;
}
.navigation {
float: right;
margin-top: 28px;
padding: 8px 15px;
background: #343434;
}
.navigation a {
display: inline-block;
margin-left: 3px;
color: #fff;
font-size: 11px;
text-transform: uppercase;
text-decoration: none;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.navigation a:before {
padding-right: 6px;
content: "/";
color: #7cfeeb;
}
.navigation a:first-child:before {
content: "";
}
.navigation a:hover,
.navigation a.active {
color: #7cfeeb;
}
/* ---------- LINE -------- */
.line {
position: relative;
height: 11px;
background: url(../img/line-bg.png) repeat-x;
border-radius: 5px 0 0 5px;
border: 0;
}
.line:after {
content: "";
display: block;
position: absolute;
top: -1px;
right: 0;
width: 17px;
height: 13px;
background: url(../img/line-scissor.png) no-repeat;
}
/* ========== MAIN ========== */
.main {
padding: 12px 40px 12px 12px;
}
/* ---------- Content-main-page -------- */
.content-main-page {
padding: 14px 0 12px;
}
.content-main-page .content-box {
float: left;
width: 33.3%;
}
/* ---------- Content-secondary-page -------- */
.content-secondary-page {
float: right;
width: 60%;
margin-left: 2%;
}
.content-secondary-page .main-articles p {
margin: 20px 0;
line-height: 1.3;
}
/* ---------- Content-box -------- */
.content-box article {
margin-bottom: 18px;
padding-right: 20px;
overflow: hidden;
}
.content-box article a {
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.content-box article a:hover {
text-decoration: underline;
color: #afafaf;
}
.content-box article img {
float: left;
margin-right: 12px;
}
.content-box article p {
margin-left: 127px;
font-size: 11px;
}
.content-box article p a {
white-space: nowrap;
margin-left: 6px;
}
/* ========== SIDEBAR ========== */
.sidebar {
float: left;
width: 38%;
}
.sidebar .content-box {
margin-bottom: 32px;
}
/* ========== FOOTER ========== */
.main-footer {
padding: 14px 0 32px;
}
.main-footer .copy {
float: left;
font-size: 11px;
}
.main-footer .copy span {
color: #7cfeeb;
}
.main-footer .navigation {
margin: 0;
}