/*
CSS Credit: http://www.templatemo.com/
*/
html {
background: #c0c0c0;
}
body {
margin: 0;
padding:0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 1.5em;
color: #999999;
width: 100%;
display: table;
}
#templatemo_container {
width: 940px;
margin: auto;
background: #c0c0c0;
}
#templatemo_header_section {
width: 940px;
height: 128px;
background-image: url(images/templatemo_header_bg.gif);
background-repeat: no-repeat;
background-position: center;
}
/* Head Menu */
#templatemo_menu {
height: 30px;
margin-left: 180px;
margin-top: 100px;
float: left;
clear: both;
}
#templatemo_menu #left{
width: 29px;
height: 30px;
background:url(images/templatemo_menu_left.gif);
float:left;
}
#templatemo_menu #mid{
height: 30px;
background:url(images/templatemo_menu_mid.gif) repeat-x;
float:left;
}
#templatemo_menu #right{
width: 23px;
height: 30px;
background:url(images/templatemo_menu_right.gif);
float:left;
}
#templatemo_menu ul {
float: left;
width: 540px;
margin: 0;
padding: 0px 0px 0px 0px;
list-style: none;
}
#templatemo_menu ul li{
display: inline;
}
#templatemo_menu ul li a{
float: left;
padding: 6px 10px;
font-size: 12px;
font-weight: bold;
text-align: center;
text-decoration: none;
color: #FFFFFF;
border-right: 1px solid #FFFFFF;
}
#templatemo_menu li a:hover, #templatemo_menu li .current{
background:#fff;
text-align: center;
color: #ff2f2f;
}
/* End Of Head Menu*/
#templatemo_content_section {
clear: both;
width: 940px;
min-height: 641px;
overflow: hidden;
background-color: #adadad;
background-image: url(rotator/rotate.php);
background-repeat: no-repeat;
background-position: 35px 75px;
}
#templatemo_right_section {
width: 550px;
float: right;
margin-right: 20px;
margin-top: 35px;
}
* html #templatemo_right_section {
margin-right: 5px;
}
.templatemo_content{
margin: 20px;
margin-right: 20px;
background-color: #ffffff;
zoom:1;
opacity:0.7;
filter:alpha(opacity=70);
}
.templatemo_content h1{
font-size: 25px;
margin: 20px 20px 5px 5px;
color: #FF0000;
}
.templatemo_content p{
font-size: 12px;
color: #404040;
margin: 10px 20px 20px 10px;
text-align: justify;
}
.templatemo_content a{
color: #000;
}
.templatemo_content a:hover{
color: #666;
}
.templatemo_content img{
border: none;
float: left;
margin: 3px 15px 0 0;
opacity: 1.0;
}
.clear {
clear: both;
height: 1px;
}
span.black{
color: #000;
}
span.red{
color: #ff0000;
}
span.post {
font-size: 11px;
font-weight: bold;
color: #666;
margin: 5px 20px 0px 5px;
}
.templatemo_gallery{
clear: both;
background: url(images/templatemo_gallery_bg.gif) no-repeat;
width: 527px;
height: 110px;
margin-top: 10px;
}
.templatemo_gallery .box{
border: none;
margin-left: 35px;
float: left;
height: 110px;
width: 85px;
}
* html .templatemo_gallery .box{
margin: 0px 0px 0px 17px;
}
.templatemo_gallery img{
border: none;
float: left;
margin-top:20px;
}
.templatemo_gallery .text{
border: none;
float: left;
color: #000;
font-weight: bold;
width: 65px;
padding-left: 20px;
margin-top: 20px;
}
#templatemo_copyright {
width: 940px;
float: left;
background: #000;
text-align: center;
color: #aaa;
padding-top: 5px;
padding-bottom: 5px;
}
#templatemo_copyright a {
text-decoration: none;
color: #aaa;
}
#templatemo_copyright a:hover{
color: #fff;
}
span.more{
background: url(images/templatemo_more.gif) no-repeat;
float: right;
margin: 5px;
width: 58px;
height: 49px;
}
.clear{
clear:both;
height:1px;
}
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@ Left Section */
#templatemo_left_section {
width: 210px;
float: left;
margin-top: 10px;
margin-right: 30px;
margin-bottom: 10px;
margin-left: 15px;
}
* html #templatemo_left_section {
margin-left: 15px;
}
.templatemo_section_box {
width: 192px;
margin-top: 5px;
margin-bottom: 15px;
}
.templatemo_section_box_top {
width: 192px;
height: 41px;
background: url(images/templatemo_section_box_top.jpg) no-repeat;
}
* html .templatemo_section_box_top {
margin-bottom: -15px;
}
.templatemo_section_box_top h1{
font-size: 18px;
color:#666666;
font-weight:bold;
padding-top: 15px;
padding-left: 15px;
}
.templatemo_section_box_mid {
width: 192px;
background: url(images/templatemo_section_box_middle.jpg) repeat-y;
opacity: 0.5;
filter:alpha(opacity=50);
}
.templatemo_section_box_mid p{
font-size: 13px;
color:#fff;
margin : 0px 15px 15px 15px;
text-align: justify;
}
.templatemo_section_box_mid p a{
font-size: 13px;
color:#ccff00;
}
.templatemo_section_box_mid img{
float: left;
display:inline;
margin-bottom: 10px;
margin-left: 13px;
border:none;
}
.templatemo_section_box_mid ul{
margin-bottom:15px;
margin-top:0px;
padding-right:15px;
color: #fff;
}
.templatemo_section_box_mid ul li a{
font-size: 12px;
font-weight: bold;
/*text-align: bottom;*/
text-decoration: none;
color: #FFFFFF;
/*border-bottom: 1px solid #FFFFFF;*/
padding-top: 2px;
padding-right: 10px;
padding-bottom: 2px;
padding-left: 20px;
}
.templatemo_section_box_mid li a:hover, .templatemo_section_box_mid li .current{
background:#fff;
text-align: center;
color: #ff2f2f;
}
/*
.templatemo_section_box_bottom {
width: 192px;
height: 28px;
margin-top: -15px;
opacity: 0.5;
filter:alpha(opacity=50);
}*/
/* End Of Left Section*/
#templatemo_bottom_panel {
clear: both;
width: 100%;
height: 322px;
margin: 0 auto;
background: url(images/templatemo_background_section_bottom_bg.jpg) repeat-x;
}
#templatemo_bottom_panel #templatemo_bottom_section{
width: 960px;
margin: 0 auto;
height: 322px;
}
#templatemo_bottom_section .templatemo_bottom_section_box {
float: left;
display:inline;
margin-top: 30px;
margin-left: 30px;
width: 278px;
border: 1px solid #333333;
background-color: #191919;
}
.templatemo_bottom_section_box .top{
width: 263px; /* +15 for padding left and + 2 for border */
height: 25px;
margin-top: 5px;
color: #999999;
font-size: 16px;
font-weight: bold;
padding: 10px 0 0 15px;
background: url(images/templatemo_buttom_section_box_top.jpg) no-repeat;
}
.templatemo_bottom_section_box .body{
width: 248px;
padding: 15px;
}
.templatemo_bottom_section_box .body ul{
margin-left: 20px;
padding: 0px;
color: #fff;
}
.templatemo_bottom_section_box .body li{
margin: 0px;
padding: 0px;
}