/*

Theme Name: OceanWide

Theme URI: http://www.romow.com/blog/free-wordpress-theme-oceanwide/

Description: Extremely pretty underwater orientated theme with massive customizable header and other options.

Version: 1.0

Author: Romow.com

Author URI: http://www.romow.com/



        The CSS, XHTML and design is released under a Creative Commons Attributi on 3.0 License:

        http://creativecommons.org/licenses/by/3.0/



*/



body{
	padding:0px;
	margin:0px;
	background:#382372;
	width:100%;
}

h1 {
  font-size: 160%;
  margin: 8px 0px 0px 0px;
}
h2 {
	font-size: 120%;
}
h3 {
  font-size: 130%;
}
h4 {
  font-size: 120%;
}
h5 {
  font-size: 110%;
}
h6 {
  font-size: 100%;
}

img{

	border:0px;

}

#blog_comm img {
  margin: 0px!important;
}



a{

	color:#2e3192;

	text-decoration:none;

}



form, table, ul, li{
	padding:0px;
	margin:0px;
	;

}



.sub{

	border:0px;

}



input, textarea{

	border:1px solid #cecece;

}
div#wrap {
	margin: 0px auto;
	width: 1000px;
}



div#page{
	width:1000px;
	text-align:left;
	float: left;
	background-color: #FFFFFF;
}



/*header*/

#header{
	width:1000px;
	text-align:left;
	margin: 0px;
	padding: 0px;
	float: left;
	position: relative;
}
#header-navigation {
	margin: 0px;
	padding: 0px 16px 0px 14px;
	height: 30px;
	font-size: 1em;
	width: 970px;
	float: left;
	position: relative;
	background: url(images/header_center_bg_repeat.png) repeat-y;
	border: 1px solid #281559;
}
.nav {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	float: left;
	display: inline;
	width: 970px;
	background: #24BB38;
	border-bottom: 1px solid #3C5280;
}

#home a {
	display: block;
	margin: 0px;
	float: left;
	height: 40px;
	padding-right: 10px;
	padding-left: 10px;
	color: #FFFFFF;
	text-decoration: none;
	border-right: 1px solid #2F4064;
	background: #2C3D5F;
}
#home a:hover {
	display: block;
	margin: 0px;
	float: left;
	height: 40px;
	padding-right: 10px;
	padding-left: 10px;
	color: #FFFFFF;
	text-decoration: underline;
	background: #212E49;
	border-right: 1px solid #1F2B3D;
}
#header-wrap {
	background: url(images/header_center_bg_repeat.png) repeat-y center;
	margin: 0px;
	padding: 0px;
	width: 1000px;
	float: left;
}

#header-sitetitle {
	padding: 10px 0px 0px 25px;
	margin: 0px;
	float: left;
	width: 600px;
}
#header-sitetitle h1 {
	display: inline-block;
	margin: 0px;
	padding: 0px;
	float: left;
	color: #FFFFFF;
	font-size: 16px;
	line-height: 17px;
	width: 300px;
}
#header-sitetitle a {
	color: #FFFFFF;
	text-decoration: none;
}
#header-sitetitle p {
	display: inline-block;
	margin: 0px;
	padding: 0px;
	float: left;
	color: #F8F8F8;
	font-size: 11px;
	width: 600px;
}

#header_top{
	width:970px;
	background:url(images/header_top_bg.png) no-repeat top;
	margin: 0px;
	float: left;
	position: relative;
	padding: 0px 16px 0px 14px;
	height: 30px;
}
#header-custom {
	width:970px;
	background:url(images/header_center_bg_repeat.png) repeat-y;
	padding-right: 16px;
	padding-left: 14px;
	margin: 0px;
	float: left;
}


#header_end{
	width:1000px;
	height:52px;
	margin: 0px;
	padding: 0px;
	float: left;
	position: relative;
	background-image: url(images/header_end_bg.png);
	background-repeat: no-repeat;
}



#header_title{
	color:#000000;
	position: absolute;
	left: 70px;
	top: 55px;
	float: left;

}



#header_title span{
	color:#727b7d;

}



#header_url{

	text-align:right;

	padding-top:5px;

	padding-right:20px;

}



#header_url a{

	color:#4c4c4c;

}



/*menu*/



#menu_search_box{


	color:#b2b2b2;

	float:right;

	padding-top:17px;

	padding-right:35px;

}



#menu_search_box input.s{

	width:210px;

	color:#b2b2b2;

	border:0px;

	background:none;

}



#menu_search_box input.sub{

	position:relative;

	top:2px;

}



#menu_search_box span{

	position:relative;

	top:-1px;

}



/* end header */



/* blog*/



div#page #blog{

	background:url(images/body_bg.gif) repeat-y top left;

	float:left;

	width:100%;

}



div#blog .center, div#blog .post{

	padding-left:25px;

	width:555px;

}



div#blog #blog_center{

	width:585px;

	_width:565px;

	float:left;

	padding-top:10px;

	padding-left:0px;

}



div#blog #blog_right{

	width:200px;

	float:left;

}



div#blog #blog_left{

	width:200px;

	float:left;

}
#sidebar a:hover {
	color: #333333!important;
	text-decoration: underline!important;
}
#sidebar2 a:hover {
	color: #333333!important;
	text-decoration: underline!important;
}


/* sidebar*/



#blog_left #sidebar{

	padding-left:15px;

	width:190px;

}



#blog_left #sidebar ul{

	padding:0px;

	margin:0px;

}
#blog_left #sidebar ul ul {

	padding:0px!important;

	margin:0px!important;

}
#blog_left #sidebar li{

	padding:0px;

	margin:0px;

	list-style-type:none;

	background:url(images/h2_li.gif) no-repeat top left;

	padding-left:20px;

	padding-bottom:10px;

}

#blog_left #sidebar li ul li{

	padding:0px;

	margin:0px;

	list-style-type:none;

	background:none;

}



#blog_left #sidebar h2{
	color:#281559;
	margin:0px;
	padding-bottom:5px;
	padding-top:10px;
	padding-left:0px;
	font-weight:normal;


}



#blog_left #sidebar ul li{
	color:#382372;
	font-weight:normal;
	padding-top:10px;

}



#blog_left #sidebar li a{

	color:#595959;

	text-decoration:none;

	font-weight:normal;

	line-height:19px;

}



#blog_left #sidebar ul li ul li{

	font-weight:bold;

	padding-right:5px;

	padding-bottom:5px;

	background:none;

	padding-top:0px;

}

#blog_left #sidebar ul li ul li ul li{


	font-weight:normal;

	color:#595959;

	padding-bottom:0px;

}

#blog_left #sidebar ul li ul li ul li a{

	font-weight:normal;

	color:#595959;

}



#blog_left #sidebar ul li ul li{

	border-bottom:0;

	background: url(images/solid_li.gif) left bottom no-repeat;

}



#blog_left #sidebar ul li.widget_categories ul li ul li{

	border-bottom:0;

	background: none;

}



#blog_left #sidebar ul li ul li ul{

	padding-left:10px;

}



#blog_left #sidebar ul li ul li a{

	background: url(images/bl_li.gif) left top no-repeat;

	padding-left:12px;

}



#blog_left #sidebar ul li.widget_categories ul li a{

	background: url(images/cat_li.gif) left top no-repeat;

	padding-left:9px;

}



#blog_left #sidebar ul li.widget_archives ul li a{

	background: url(images/ar_li.gif) left top no-repeat;

	padding-left:9px;

}



#blog_left #sidebar ul li.widget_meta ul li a{

	background: url(images/meta_li.gif) left top no-repeat;

	padding-left:9px;

}



#blog_left #sidebar ul li.widget_categories li ul.children li a{

	background: url(images/line_li.gif) left top no-repeat;

	padding-left:9px;

}





/* sidebar2*/



#blog_right #sidebar2{

	width:190px;

	padding-left:7px;

}





#blog_right #sidebar2 ul{

	padding:0px!important;

	margin:0px!important;

}
#blog_right #sidebar2 ul ul {

	padding:0px;

	margin:0px;

}


#blog_right #sidebar2 li{

	padding:0px;

	margin:0px;

	list-style-type:none;

	background:url(images/h2_li2.gif) no-repeat top left;

	padding-left:20px;

	padding-bottom:10px;

}

#blog_right #sidebar2 li ul li{

	padding:0px;

	margin:0px;

	list-style-type:none;

	background:none;

}



#blog_right #sidebar2 h2{
	color:#251158;
	margin:0px;
	padding-bottom:5px;
	padding-top:2px;
	padding-left:0px;
	font-weight:normal;

}



#blog_right #sidebar2 ul li{
	color:#281559;
	font-weight:normal;
	padding-top:2px;

}



#blog_right #sidebar2 li a{

	color:#595959;

	text-decoration:none;

	font-weight:normal;

	line-height:19px;

}



#blog_right #sidebar2 ul li ul li{


	font-weight:bold;

	padding-right:5px;

	padding-bottom:5px;

	background:none;

	padding-top:0px;

}

#blog_right #sidebar2 ul li ul li ul li{



	font-weight:normal;

	color:#595959;

	padding-bottom:0px;

}

#blog_right #sidebar2 ul li ul li ul li a{



	font-weight:normal;

	color:#595959;

}



#blog_right #sidebar2 ul li ul li{

	border-bottom:0;

	background: url(images/solid_li.gif) left bottom no-repeat;

}



#blog_right #sidebar2 ul li.widget_categories ul li ul li{

	border-bottom:0;

	background: none;

}



#blog_right #sidebar2 ul li ul li ul{

	padding-left:10px;

}



#blog_right #sidebar2 ul li ul li a{

	background: url(images/bl_li.gif) left top no-repeat;

	padding-left:12px;

}



#blog_right #sidebar2 ul li.widget_categories ul li a{

	background: url(images/cat_li.gif) left top no-repeat;

	padding-left:9px;

}



#blog_right #sidebar2 ul li.widget_archives ul li a{

	background: url(images/ar_li.gif) left top no-repeat;

	padding-left:9px;

}



#blog_right #sidebar2 ul li.widget_meta ul li a{

	background: url(images/meta_li.gif) left top no-repeat;

	padding-left:9px;

}



#blog_right #sidebar2 ul li.widget_categories li ul.children li a{

	background: url(images/line_li.gif) left top no-repeat;

	padding-left:9px;

}

/*inside*/



#blog_center #blog_comm{
	margin-left:80px;
	_margin-left:40px;
	float:left;
	width:490px;
	padding-top: 2em;
}



#blog_center #blog_comm h2{
	color:#171e49;
	position:relative;
	top:-10px;
	padding-left:0px;
	border-bottom:4px solid #efefef;
	font-size: 14px;
	line-height: 22px;
	font-weight: bold;
}



#blog_center #blog_comm .comm_panel{
	width:100%;
	color:#000000;
	margin: 0px;
	padding: 0px 0px 20px;
	float: left;
}
.com-top {
	background: #F3F3F3;
	margin: 0px;
	padding: 1% 2%;
	float: left;
	width: 96%;
}



#blog_center #blog_comm .comm_panel a{

	font-weight:bold;

	color:#000000;

}



#blog_center #blog_comm .comm_text{
	line-height:18px;
	border-bottom:2px solid #efefef;
	width:98%;
	color:#282828;
	padding: 2%;
	margin: 0px;
	float: left;
}



#blog_center #comments_from_bg{

	background:url(images/blog_form_bg.gif) no-repeat top left;

	width:500px;

	padding-bottom:20px;

	margin-left:60px;

	_margin-left:10px;

	float:left;

}



#blog_center #comments_from_bg #comm_post_title{

	width:430px;

	height:60px;

	font-weight:bold;

	padding-left:25px;

	padding-top:25px;

	color:#171e49;

}



#blog_center #comments_from_bg #comm_post_form{

	padding-left:95px;

}



#blog_center #comments_from_bg #comm_post_form input.text{


}



#blog_center #comments_from_bg #comm_post_form td{

	list-style:none;

	padding-bottom:10px;

	padding-right:10px;

	color:#000000;

}



#blog_center #comments_from_bg #comm_post_form td.right{

	text-align:right;

	vertical-align:top;

}





/* end sidebar*/



/* blod item*/



#blog_center .item_class{

	width:100%;

	padding-left:17px;

	padding-bottom:30px;

	float:left;

}



#blog_center .item_class .item_class_title{

	width:530px;

}



#blog_center .item_class .item_class_title_text{

}





#blog_center .item_class .item_class_title_text .date{

	float:left;

	width:51px;


	height:54px;

	background:url(images/date_text_bg.gif) no-repeat top left;

}



#blog_center .item_class .item_class_title_text .titles{
	float:left;
	width:90%;
	padding-bottom:5px;
	padding-left: 50px;

}



#blog_center .item_class .item_class_title_text .date_month{

	color:#ffffff;

	padding-left:12px;

	padding-top:2px;

}



#blog_center .item_class .item_class_title_text .date_day{



	color:#33466e;

    font-size: 15px;

	padding-left:12px;

	position:relative;

	top:5px;

}



#blog_center .item_class .item_class_title_text .top_title{
	padding-right:10px;
	padding-left:10px;
	padding-bottom: 5px;

}



#blog_center .item_class .item_class_title_text .top_title a{
	color:#382372;
	font-weight: bold;
	text-decoration: none;

}

#blog_center .item_class .item_class_title_text .top_title a:hover {
	color:#382372;
	font-weight: bold;
	text-decoration: underline;

}

#blog_center .item_class .item_class_title_text .end_title{


	padding-right:10px;

	padding-left:10px;

	color:#818181;

}



#blog_center .item_class .item_class_title_text .end_title a{
	font-weight:bold;
	color:#0054a6;
	text-decoration: none;

}
#blog_center .item_class .item_class_title_text .end_title a:hover {
	font-weight:bold;
	color:#0054a6;
	text-decoration: underline;

}


#blog_center .item_class .item_class_text{
	color:#4c4c4c;
	line-height:20px;
	padding-left:60px;
	padding-right:0px;
	padding-bottom:5px;
	padding-top:0px;
	background:url(images/title_line.gif) no-repeat right top;
	float:left;
	width:485px;
	overflow: hidden;
}
#blog_center .item_class .item_class_text a {
	font-weight: bold!important;
	color: #382372!important;
	text-decoration: none!important;
}
#blog_center .item_class .item_class_text a:hover {
	font-weight: bold!important;
	color: #382372!important;
	text-decoration: underline!important;
}



#blog_center .item_class .item_class_panel{

	background:url(images/item_class_panel.gif) repeat-x left center;

	margin-left:60px;

	padding-right:10px;

	padding-left:10px;

	padding-top:6px;

	padding-bottom:6px;

	_margin-left:30px;

	float:left;

	width:480px;

}



.item_class_panel .links_left{

	float:left;

}



.item_class_panel .links_right{

	float:right;

}



#blog_center .item_class .item_class_panel a{

	font-weight:bold;


	color:#000000;

}





#blog_center .item_class .item_class_panel a:hover{

	font-weight:bold;



	text-decoration:underline;

}



#blog_center .item_class .item_class_panel a.panel_read{

	background:url(images/read.gif) no-repeat left center;

	padding-left:13px;

	color:#0054a6;

}



#blog_center .item_class .item_class_panel span.panel_comm a{

	background:url(images/comm.gif) no-repeat left center;

	padding-left:17px;

}



/* end blog */



/* footer */



#footer{

	width:100%;

	height:89px;

   	padding-top: 10px;

	float:left;

	background:url(images/footer_bg.gif) no-repeat top;

}


#footer p {

        color:#000000;

        line-height:20px;

        padding-left:15px;

	padding-top:15px;

	padding-bottom:10px;

        float: left;

}

#footer p.right {

        color:#000000;

        line-height:20px;

        padding-right:15px;

	padding-top:15px;

	padding-bottom:10px;

        float: right;

}



/* end footer */







#blog_center .navigation{

	padding-bottom:40px;

	text-align:center;

}



#blog_center .navigation ul{

}



#blog_center .navigation ul li{

	list-style:none;

	display:inline;

	padding-right:20px;

}



#blog_center .navigation .alignright a{

	font-weight:bold;



	padding-right:15px;

	color:#2e3192;

}



#blog_center .navigation .alignleft a{

	font-weight:bold;



	padding-left:8px;

	color:#2e3192;

}



div#blog h2{
	margin:0px;
	padding:0px;
	padding-top:0px;
	color:#382372;
	font-weight:normal;

}



div#blog .entry{

	padding-right:20px;

}



div#blog .entry p{
	line-height:18px;
	color:#4c4c4c;
}



.item_class blockquote, #blog_comm blockquote{

	background:url(images/block_bg.gif) no-repeat left top;

	padding-left:30px;

	margin:0px;

	margin-top:5px;

	margin-bottom:5px;

	margin-left:20px;

	padding-top:6px;

}



.item_class blockquote blockquote, #blog_comm blockquote blockquote{

	background:url(images/block2_bg.gif) no-repeat left top;

	padding-left:30px;

	margin:0px;

	margin-top:5px;

	margin-bottom:5px;

	margin-left:20px;

}



.item_class ol, #blog_comm ol{

	background:url(images/ol_bg.png) repeat-y left;

	color:#4c4c4c;

}



.item_class ol li, #blog_comm ol li{

	color:#4c4c4c;

}



.item_class ul, #blog_comm ul{
	padding-left:30px;
	padding-bottom: 30px;

}





.item_class strong, #blog_comm strong{

	color:#000000;

}



/* Archives page */

div#blog .page_archives_div{

	width:550px;

}



.ar_panel{

	background:url(images/page_archives_div.gif) no-repeat top left;

	padding-left:25px;

	padding-top:15px;

}



div#blog .page_archives_div h2{

	padding-left:5px;

	padding-top:3px;

	margin:0px;



	font-weight:normal;

	font-style:italic;

	border-bottom:4px solid #efefef;

	padding-bottom:5px;

	color:#171e49;

}



div#blog .page_archives_div ul h2{

	border:0px;

}



div#blog .page_archives_div ul{

	margin:0px;

	padding:0px;

	padding-top:5px;

	margin-bottom:40px;

}



div#blog .page_archives_div ul li{

	margin:0px;

	padding:0px;

	list-style:none;

	padding-left:5px;

}



div#blog .page_archives_div ul li ul{

	margin:0px;

	padding:0px;

	padding-left:0px;

}



div#blog .page_archives_div ul li a{

	padding-left:9px;

	font-weight:normal;

	color:#33466d;



	font-weight:bold;

	background:url(images/red_li.gif) no-repeat center left;

}



div#blog .page_archives_div ul li a:hover{

	color:#666666;

}



div#blog .page_archives_div ul li{

	padding-top:5px;

	padding-bottom:5px;

	border-bottom:1px dotted #b2b2b2;

}



div#blog .page_archives_div ul li ul li{

	border-bottom:0px;

}

#blog_center .linkcat h2{
	margin:0px;
	padding:0px;
	padding-top:0px;
	color:#FFFFFF;
	font-weight:normal;
	background-color: #382372;

}
#blog_center .linkcat {
	margin:0px;
	padding:0px;
	background-color: #f8f8f8;
	border: 1px solid #382372;
	text-indent: 10px;
}
.linkcat {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


.menu {
    background-color: #24BB38;
    font-family: arial,sans-serif;
    height: 30px;
    list-style: none outside none;
    position: relative;
    width: 978px;
    z-index: 100;

    }
.menu-header {
    background: url("images/header_center_bg_repeat.png") repeat-y scroll 0 0 transparent;
    border-top: 1px solid #281559;
    border-bottom: 1px solid #281559;
    float: left;
    font-size: 1em;
    height: 30px;
    margin: 0;
    padding: 0 16px 0 10px;
    position: relative;
    width: 974px;
}
/* hack to correct IE5.5 faulty box model */
* html .menu {
	width:970px;
	w\idth:970px;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:149px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {
	display:block;
	font-size:12px;
	text-decoration:none;
	color:#fff;
	height:30px;
	background:#24bb38;
	padding-left:10px;
	line-height:29px;
	font-weight:bold;
	width: 150px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:149px; w\idth:149px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
	background:#24bb38 url(http://www.promotionsnow.com.au/wp-content/plugins/wordpress-css-drop-down-menu/theme_css/drop.gif) no-repeat 130px center;
}
/* style the second level hover */
.menu ul ul a.drop:hover{
	background:#2DF046 url(http://www.promotionsnow.com.au/wp-content/plugins/wordpress-css-drop-down-menu/theme_css/drop.gif) no-repeat 130px center;
}
.menu ul ul :hover > a.drop {
	background:#24bb38 url(http://www.promotionsnow.com.au/wp-content/plugins/wordpress-css-drop-down-menu/theme_css/drop.gif) no-repeat 130px center;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
	background:#24bb38;
}
/* style the third level hover */
.menu ul ul ul a:hover {
	background:#24bb38;
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:30px;
	left:0;
	width:149px;
	border-top:1px solid #000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #251158;
}
/* another hack for IE5.5 */
* html .menu ul ul {
	top:30px;
	t\op:30px;
}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
/*
.menu ul ul a, .menu ul ul a:visited {
	background:#24bb38;
	color:#000;
	height:30px;
	line-height:1em;
	padding:5px 10px;
	width:128px;
	border-width:0 1px 1px;
}
*/
.menu ul ul a, .menu ul ul a:visited {
	background:#24bb38;
	color:#000;
	height:20px;
	line-height:1em;
	padding:5px 10px;
	width:128px;
	border-left: 1px solid #281559;
	border-bottom: 1px solid #281559;
	border-right: 1px solid #281559;
}

/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:150px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
	color:#000;
	background:#24bb38;
}

.menu :hover > a, .menu ul ul :hover > a {
	color:#000;
	background:#2df046;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}



/* ================================================================ 
   This CSS is further CSS I have created specifically for Wordpress
   so that the current page is highlighted in two levels.
   If you want it in three levels let me know.

   Author: Isaac Rowntree
   Website: www.zackdesign.biz
=================================================================== */


.menu ul ul .current_page_item a {
  color: red;
  background: white;
  border-left: 1px solid black;
}

.menu .current_page_item a {
  color: black;
  font-weight: bold;
  background: #2df046;
}


.menu ul .current_page_item ul a {
  color: white;
  font-weight: normal;
  background: black;
}

.menu ul .current_page_item ul a:hover {
	background: #2df046;
}

.menu .current_page_item a:hover {
  background: white;
}