body{
background-color: #262626;
background-image: url("cross-pattern.png");
}
.logo-header{
margin-left: auto;
margin-right: auto;
margin-top: 25px;
width: 900px;
height: 100px;
background: rgb(165,165,165); /* Old browsers */
background: -moz-linear-gradient(left, rgba(165,165,165,1) 0%, rgba(89,89,89,1) 56%, rgba(89,89,89,1) 80%, rgba(51,51,51,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(165,165,165,1)), color-stop(56%,rgba(89,89,89,1)), color-stop(80%,rgba(89,89,89,1)), color-stop(100%,rgba(51,51,51,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(165,165,165,1) 0%,rgba(89,89,89,1) 56%,rgba(89,89,89,1) 80%,rgba(51,51,51,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(165,165,165,1) 0%,rgba(89,89,89,1) 56%,rgba(89,89,89,1) 80%,rgba(51,51,51,1) 100%); /* Opera 11.10+ */
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom: solid;
border-width: 2px;
}
.logo{
background-image: url("Logo.png");
position: absolute;
width: 269px;
height: 60px;
margin-top: 25px;
}
.login input[type="text"]{
position: absolute;
width: 100px;
left: 775px;
top: 35px;
border: solid 1px #ccc;
box-shadow: inset 0 2px 3px rgba(0,0,0,0.2);
}
.login input[type="password"]{
position: absolute;
width: 100px;
left: 885px;
top: 35px;
border: solid 1px #ccc;
box-shadow: inset 0 2px 3px rgba(0,0,0,0.2);
}
.login input[type="submit"]{
position: absolute;
background-color: #dcdcdc;
text-decoration:none;
border: 1px solid #666;
width:60px;
left: 1000px;
top: 35px;
box-shadow: 1px 2px 4px rgba(0,0,0,0.2);
}
.content
{
margin-left: auto;
margin-right: auto;
width: 900px;
height:900px;
background-color: #b1b1b1;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border: 1px solid #1a1a1a;
background: rgb(161,161,161); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, rgba(161,161,161,1) 0%, rgba(161,161,161,1) 50%, rgba(114,114,114,1) 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(161,161,161,1)), color-stop(50%,rgba(161,161,161,1)), color-stop(100%,rgba(114,114,114,1))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, rgba(161,161,161,1) 0%,rgba(161,161,161,1) 50%,rgba(114,114,114,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover, rgba(161,161,161,1) 0%,rgba(161,161,161,1) 50%,rgba(114,114,114,1) 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, rgba(161,161,161,1) 0%,rgba(161,161,161,1) 50%,rgba(114,114,114,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1a1a1', endColorstr='#727272',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.navigation{
position: absolute;
left: 192px;
top: 140px;
width: 225px;
height: 320px;
background-color: #262626;
background-image: url("cross-pattern.png");
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.navigation ul{
position:absolute;
left: -32px;
margin-top: 10px;
width: 225px;
height: 230px;
font-family: Arial;
font-size:18px;
list-style:none;
overflow: auto;
text-align:center;
}
.navigation li a, a:active, a:hover, a:visited{
text-decoration: none;
color: #000;
height: 30px;
width: 165px;
display: block;
background:#a1a1a1;
padding:5px 20px;
border:2px solid #1a1a1a;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.navigation li a:hover{
background:#b9b9b9;
font-weight: bold;
border:2px solid #b1b1b1;
}
.search input[type="text"]{
width: 180px;
margin-left: 18px;
margin-top: 250px;
}
.search input[type="submit"]{
border:2px solid #1a1a1a;
background:#a1a1a1;
background-image: url("search.png");
width: 40px;
height: 40px;
margin-top: 2px;
margin-left: 90px;
}
.search input[type="submit"]:hover{
border:2px solid #b1b1b1;
background:#b9b9b9;
background-image: url("search.png");
}
.video-bg{
position: absolute;
left: 430px;
top: 140px;
width: 640px;
height: 400px;
background-color: #fff;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
box-shadow: 1px 2px 4px rgba(0,0,0,0.2);
}
.video{
position: absolute;
left: 15px;
top: 12px;
box-shadow: 2px 4px 5px rgba(0,0,0,0.6);
}
.news-bg{
position: absolute;
left: 430px;
top: 555px;
width: 640px;
height: 400px;
background-color: #ffffff;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border: 1px solid #ccc;
box-shadow: 1px 2px 4px rgba(0,0,0,0.2);
}
.news-header{
margin-left: auto;
margin-right: auto;
margin-top: 5px;
width: 630px;
height: 30px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
border: 1px solid #a1a1a1;
background: rgb(161,161,161); /* Old browsers */
background: -moz-linear-gradient(left, rgba(161,161,161,1) 0%, rgba(161,161,161,1) 18%, rgba(114,114,114,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(161,161,161,1)), color-stop(18%,rgba(161,161,161,1)), color-stop(100%,rgba(114,114,114,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(161,161,161,1) 0%,rgba(161,161,161,1) 18%,rgba(114,114,114,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(161,161,161,1) 0%,rgba(161,161,161,1) 18%,rgba(114,114,114,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(161,161,161,1) 0%,rgba(161,161,161,1) 18%,rgba(114,114,114,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1a1a1', endColorstr='#727272',GradientType=1 ); /* IE6-9 */
}
.news-header p {
position: absolute;
font-family: arial;
font-weight: bold;
letter-spacing: 1px;
color: #1a1a1a;
top: -5px;
left: 15px;
}