body {
background:url(//drzubaidi.com/blog/images/bg.jpg) no-repeat top center #97cae4;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3b5564;
margin:0;
padding:0;
}
p {
line-height:17px;
text-align:justify;
margin:0;
padding:0 0 5px;
}
p.pat {
color:#FFFFFF;
}
h1 {
color:#fff;
font-size:16px;
font-weight:bold;
margin:0;
padding:5px 0;
}
h2 {
color:#759f1b;
font-size:16px;
float:left;
font-weight:bold;
margin:0;
padding:5px 0 0;
}
span.blue {
color:#a5dcf8;
}
span.dark_blue {
color:#116c64;
}
#main_container {
width:900px;
height:auto;
background-color:#fff;
margin:auto;
}
.header {
width:900px;
height:114px;
background:url(//drzubaidi.com/blog/images/header_bg.gif) repeat-x;
margin:auto;
}
.right_header {
float:right;
width:550px;
}
#logo {
float:left;
padding:30px 0 0 20px;
}
#menu {
width:500px;
height:35px;
float:right;
padding:40px 0 0;
}
#menu ul {
list-style:none;
display:block;
font-weight:bold;
margin:0;
padding:0;
}
#menu ul li {
list-style:none;
display:inline;
float:left;
width:96px;
height:35px;
line-height:35px;
font-size:13px;
margin:0 3px;
padding:0;
}
#menu ul li a {
height:35px;
width:96px;
float:left;
text-decoration:none;
color:#6c7b83;
text-align:center;
background:url(//drzubaidi.com/blog/images/menu_bt.gif) no-repeat center;
margin:0;
padding:0;
}
#menu ul li a:hover {
height:35px;
width:96px;
text-decoration:none;
color:#68C2EF;
}
#menu ul li a.current {
height:35px;
width:96px;
float:left;
text-decoration:none;
color:#68C2EF;
background:url(//drzubaidi.com/blog/images/menu_bt.gif) no-repeat center;
margin:0;
padding:0;
}
#middle_box {
width:900px;
height:208px;
clear:both;
background:url(//drzubaidi.com/blog/images/middle_banner.gif) no-repeat center;
margin:auto;
}
.middle_box_content {
padding:30px 0 0 20px;
}
.top_menu {
width:285px;
float:right;
}
a.login {
width:49px;
height:35px;
display:block;
background:url(//drzubaidi.com/blog/images/login.gif) no-repeat center;
line-height:35px;
color:#a6c4d4;
font-size:10px;
font-weight:bold;
text-decoration:none;
float:left;
margin:0 3px;
padding:0 0 0 40px;
}
a.sign_up {
width:49px;
height:35px;
display:block;
background:url(//drzubaidi.com/blog/images/sign_up.gif) no-repeat center;
line-height:35px;
color:#a6c4d4;
font-size:10px;
font-weight:bold;
text-decoration:none;
float:left;
margin:0 3px;
padding:0 0 0 40px;
}
.pattern_bg {
width:900px;
height:162px;
clear:both;
background:url(//drzubaidi.com/blog/images/pattern_bg.gif) no-repeat center;
margin:auto;
}
.pattern_box {
width:400px;
float:left;
padding:15px 0 0 25px;
}
.pattern_box_icon {
float:left;
padding:5px;
}
.pattern_content {
width:300px;
float:left;
padding:0 0 0 10px;
}
#main_content {
width:885px;
height:auto;
margin:auto;
padding:0 0 0 15px;
}
.clear {
clear:both;
}
.box_content {
width:267px;
height:auto;
float:left;
background:url(//drzubaidi.com/blog/images/box_bg.gif) no-repeat top center;
margin:10px 10px 30px;
}
.box_title {
padding:10px 0;
}
.title_icon {
float:left;
padding:0 5px 0 10px;
}
.box_text_content {
width:250px;
float:left;
padding:15px 0 0 15px;
}
.box_icon {
float:left;
padding:0 5px 0 0;
}
.box_text {
width:190px;
float:left;
text-align:justify;
padding:0 0 0 10px;
}
a.details {
float:right;
text-decoration:none;
font-weight:bold;
color:#f8851f;
padding:5px 15px 0 0;
}
#footer {
width:900px;
height:45px;
color:#508aa1;
background-color:#e8eff2;
}
.copyright {
float:left;
padding:10px 0 0 10px;
}
.center_footer {
color:#c3ced4;
font-size:12px;
font-weight:bold;
width:550px;
text-align:center;
float:left;
padding:15px;
}
.footer_links {
float:right;
padding:10px 10px 0 0;
}