/*
Theme Name: Ocean3
Theme URI: http://wordpress.org/
Description: Widget Supported xhtml complaint template sponsored by Romow Online Advertising and ODP Web Directory
Version: 1.0
Author: professional website design
Author URI: http://www.askgraphics.com/
*/
body{
padding:0px;
margin:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
background:#000000;
}
img{
border:none;
}
a{
color:#000000;
text-decoration:none;
}
form, table, ul, li{
padding:0px;
margin:0px;;
}
.sub{
border:0px;
}
input, textarea{
border:1px solid #cecece;
font-size:14px
}
div#page{
width:987px;
border-bottom:4px solid #ffffff;
border-left:4px solid #ffffff;
border-right:4px solid #ffffff;
text-align:left;
}
/*header*/
div#page #header{
width:100%;
height:129px;
background:url(images/header_bg.png) no-repeat top;
}
div#header #header_title{
font-size:43px;
position:relative;
top:20px;
left:30px;
}
/* end header */
/*menu*/
div#page #menu{
width:100%;
height:41px;
background:url(images/menu_bg.png) no-repeat top center;
}
div#menu #menu_items{
text-align:left;
padding-left:20px;
padding-top:0px;
}
div#menu #menu_items li{
display:inline;
list-style-type:none;
color:#FFFFFF;
font-weight:bold;
}
div#menu #menu_items li a{
color:#ffffff;
text-decoration:none;
font-size:12px;
font-weight:bold;
}
div#menu #menu_items li a:hover{
color:#FFFFFF;
text-decoration:underline;
font-size:12px;
font-weight:bold;
}
div#menu #menu_searc_box{
color:#FFFFFF;
font-size:13px;
padding-right:10px;
}
div#menu #menu_searc_box input{
font-size:17px;
font-weight:normal;
color:#999999;
}
/* end menu */
/*blog*/
div#page #blog{
width:100%;
background:#ffffff;
}
div#blog #image_top{
width:100%;
height:183px;
background:url(images/img1.png) no-repeat top left;
}
div#blog #blog_left{
width:632px;
background:url(images/left_bg.png) no-repeat top left;
}
div#blog #blog_left #blog_left_pad{
padding-left:10px;
padding-top:2px;
}
/* blod item*/
div#blog #blog_left #blog_pad{
}
div#blog #blog_left .blog_item{
padding-left:20px;
padding-top:20px;
}
div#blog #blog_left .blog_item .date{
background:url(images/qust.png) no-repeat top;
width:51px;
height:68px;
}
div#blog #blog_left .blog_item .date .datetext{
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
padding-top:8px;
text-align:center;
}
div#blog #blog_left .blog_item .date .datetext .datetext_number{
padding-top:9px;
color:#ffffff;
}
div#blog #blog_left .blog_item .title a{
color:#6d9e32;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}
div#blog #blog_left .blog_item .subtitle{
color:#7c7c7c;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
padding-top:5px;
padding-bottom:10px;
}
div#blog #blog_left .blog_item .subtitle a{
color:#7c7c7c;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
}
div#blog #blog_left .blog_item .item_line{
background:url(images/line.png) repeat-x left;
width:535px;
height:1px;
}
div#blog #blog_left .blog_item .text{
color:#7c7c7c;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:24px;
padding-top:0px;
}
div#blog #blog_left .blog_item .panel{
background:url(images/panel.png) repeat-x left;
width:535px;
height:28px;
}
div#blog #blog_left .blog_item .panel .panel_links{
padding-left:10px;
padding-bottom:2px;
}
div#blog #blog_left .blog_item .panel .panel_links span.comm a{
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
text-decoration:none;
background:url(images/comm.png) no-repeat left;
padding-left:15px;
}
div#blog #blog_left .blog_item .panel .panel_links a.readmore{
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
text-decoration:none;
background:url(images/read.png) no-repeat left;
padding-left:17px;
}
/*blog item end*/
div#blog #blog_right{
width:355px;
background:url(images/right_bg.png) repeat-y top left;
}
div#blog #blog_right #blog_right_top{
width:100%;
height:12px;
background:url(images/right_top_bg.png) no-repeat top left;
}
div#blog #blog_right #blog_right_pad{
}
/* sidebar*/
div#blog #blog_right #blog_right_pad #sidebar{
text-align:left;
}
div#blog #blog_right #blog_right_pad #sidebar ul{
padding:1px;
margin:0px;
}
div#blog #blog_right #blog_right_pad #sidebar li{
padding:0px;
margin:0px;
list-style-type:none;
}
div#blog #blog_right #blog_right_pad #sidebar h2{
color:#fefe01;
font-size:17px;
font-family:Arial, Helvetica, sans-serif;
margin:0px;
padding-left:35px;
padding-right:0px;
padding-top:5px;
padding-bottom:0px;
height:30px;
}
div#blog #blog_right #blog_right_pad #sidebar td.td_right h2{
color:#fefe01;
}
div#blog #blog_right #blog_right_pad #sidebar table ul li{
color:#dfe3e3;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
background:url(images/h2_li2.png) no-repeat left top;
padding-left:10px;
padding-bottom:7px;
}
div#blog #blog_right #blog_right_pad #sidebar table td.td_right ul li{
color:#dfe3e3;
background:url(images/h2_li.png) no-repeat left top;
}
div#blog #blog_right #blog_right_pad #sidebar li a{
color:#dfe3e3;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
font-weight:normal;
line-height:19px;
}
div#blog #blog_right #blog_right_pad #sidebar td.td_right li a{
color:#dfe3e3;
}
div#blog #blog_right #blog_right_pad #sidebar ul li ul li{
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
padding-left:7px;
padding-right:25px;
padding-bottom:5px;
background:none;
}
div#blog #blog_right #blog_right_pad #sidebar ul li ul li ul li{
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
padding-left:0px;
padding-right:0px;
background:none;
}
div#blog #blog_right #blog_right_pad #sidebar ul li ul li{
border-bottom:0;
background: url(images/droped_li.png) left bottom no-repeat;
}
div#blog #blog_right #blog_right_pad #sidebar td.td_right ul li ul li{
border-bottom:0;
background: url(images/solid_li2.png) left bottom no-repeat;
}
div#blog #blog_right #blog_right_pad #sidebar ul li.widget_categories ul li{
border-bottom:0;
background: url(images/solid_li.png) left bottom no-repeat;
}
div#blog #blog_right #blog_right_pad #sidebar ul li.widget_categories ul li ul li{
border-bottom:0;
background: none;
}
div#blog #blog_right #blog_right_pad #sidebar td.td_right ul li.widget_meta ul li{
border-bottom:0;
background: url(images/droped_li2.png) left bottom no-repeat;
}
div#blog #blog_right #blog_right_pad #sidebar ul li ul li ul{
padding-left:5px;
}
div#blog #blog_right #blog_right_pad #sidebar ul li ul li ul li {
border:0px;
background: none;
}
div#blog #blog_right #blog_right_pad #sidebar td.td_right ul li ul li ul li {
border:0px;
background: none;
}
div#blog #blog_right #blog_right_pad #sidebar li ul li ul li a{
background: url(images/line_li.png) left bottom no-repeat;
padding-left:7px;
}
div#blog #blog_right #blog_right_pad #sidebar td.
{
width:1px;
}
/* end sidebar*/
/* blog comm*/
/*footer*/
div#page #footer{
width:100%;
background:url(images/footer_bg.png) no-repeat top center #ffffff;;
padding-top:20px;
border-top:5px solid #ffffff;
}
div#footer #footer_text{
color:#000000;
font-size:11px;
padding-top:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:20px;
padding-bottom:20px;
text-align:center;
}
div#footer #footer_text a{
font-weight:bold;
color:#000000;
}
/* end footer */
.blog_item blockquote{
/* need something here */
padding-left:10px;
}
.blog_item ul{
padding-left:30px;
}
/* .blog_item img{
float: left;
margin:5px;
} */
.alignleft{
padding-right:10px;
padding-bottom:20px;
}
.alignleft a{
color:#21395f;
font-weight:bold;
}
.alignright{
padding-right:10px;
padding-bottom:20px;
}
.alignright a{
color:#21395f;
font-weight:bold;
}
/* Sociable */
div.sociable { margin: 16px 0; }
span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
position: absolute;
display: block;
top: -5em;
background: #ffe;
border: 1px solid #ccc;
color: black;
line-height: 1.25em;
}
.sociable span {
display: block;
}
.sociable ul {
display: inline;
margin: 0 !important;
padding: 0 !important;
}
.sociable ul li {
background: none;
display: inline;
list-style-type: none;
margin: 0;
padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
float: none;
width: 16px;
height: 16px;
border: 0;
margin: 0;
padding: 0;
}
.sociable-hovers {
opacity: .4;
-moz-opacity: .4;
filter: alpha(opacity=40);
}
.sociable-hovers:hover {
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
}
/* End sociable */