/*
Theme Name: Only CSS Menu
Theme URI: http://www.onlycssmenu.com/
Description: The Best Css base menu Website of <a href="http://www.onlycssmenu.com">Onlycssmenu.com</a>.
Version: 1.6
Author: OnlyCssMenu
Author URI: http://WWW.onlycssmenu.com/
Tags: Css, CSS MENU, fixed Css Menu, Vsta style, widgets
*/

html, body, .main_wrapper {height: 100%;}
body > .main_wrapper {height: auto; min-height: 100%; }

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* Begin Typography & Colors */

body { font-size:12px; /* Resets 1em to 10px */	margin: 0 0 0px 0; padding: 0 !important; line-height:18px; font-family:Arial, Helvetica, sans-serif; background: #FFFFFF url(images/body_bg.gif) 0 -24px repeat-x  ; color: #333; text-align: center; }
ul,h2,h3,h4,h5,h6,h7,p,li,ol,form{ margin:0; padding:0; list-style:none;}
:focus { outline:none;}


.footer_clear_both { clear:both;}
#page {margin: 0px auto; padding: 0 0 60px 0; width: 980px;  text-align: left;}
#header { /*	background:url('images/onlycssmenu_header.gif') no-repeat bottom center;*/ margin: 0 0 0 1px; padding: 0; height: 126px; width: 980px ; position:relative; }
.narrowcolumn .postmetadata { text-align: center; }

a { color:#514f4f; text-decoration:none;}
a:hover { text-decoration:underline; color:#5f8402}
small { font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; }
h1, h2, h3 { font-weight: bold; }
h1 { font-size: 18px; text-align: center;}
h2 { font-size: 22px; margin:0 0 10px 0; padding:5px 0 4px 0; font-weight:normal; font-family:"Times New Roman", Times, serif; color:#535353; border-bottom: solid 1px #e5e5e8; }
h3 {font-size: 16px;}


#headerimg { margin:0px 0 0 0; padding:0px 0 0 0 ; width: 100%; }

.logo { background:url(images/onlycssmenu_logo.png) no-repeat left; width:179px;  display:block; margin:0; font-size:11px; padding:0; float:left; margin-top:15px;}
.logo a { display:block;  width:179px; height:60px; margin-top:0px;}
.search_seaction { height:90px !important;}

.custom_search_bar { display:block; float:right; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; background:#FFFFFF; width:350px; padding:5px 10px 5px 10px;}
.custom_search_bar .cse-branding-form{ float:left; padding-top:2px;}
.custom_search_bar .cse-branding-logo { float:left}
.custom_search_bar .cse-branding-text { float:left}
 
.cssmenu_top {  padding-top:0px; display:block; width:100%;}
.cssmenu_top ul{ margin:0; padding:0 8px; list-style:none; float:left; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; background:#FFF url(images/menu_bg.gif) repeat-x bottom;}
.cssmenu_top ul li { margin:0 1px 0 0; display:inline;  float:left; padding:0px;  font-size:12px;}
.cssmenu_top ul li a { display:block; float:left; width:auto; height:35px; line-height:35px; padding:0 10px; color:#292929; }
.cssmenu_top ul li.current_page_item a, .cssmenu_top ul li a:hover { color:#292929; background:#dfe3de; text-decoration:none;}

/* Sidebar */
#sidebar { margin:0; padding: 15px 0px 10px 0; width: 225px; float:right; }
#sidebar h2 { background:url(images/onlycssmenu_left_header.gif) no-repeat left top; height:40px; margin:0; padding:0 0 0 15px; color:#FFFFFF; font-size:14px; line-height:40px; font-family:Arial, Helvetica, sans-serif;}
#sidebar ul ul{padding:10px; margin-bottom:10px; border:solid 1px #dedede; border-top-width:0px; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius:10px;}
#sidebar ul em { font-style:normal;}
#sidebar ul li.widget_tag_cloud div{padding:10px; margin-bottom:10px; border:solid 1px #dedede; border-top-width:0px; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius:10px; text-align:justify;}
#sidebar ul ul li { padding:3px 0 3px 10px; background:url(images/cssmenu_arw.gif) no-repeat left 8px}

/* HOME PAGE POST*/
.home_page_post { width:235px; display:block; float:left; margin:0 10px 10px 0px; position:relative}
.home_page_post .thumb_img{ width:233px; height:90px; display:block; padding:10px 1px 1px 1px; background:url(images/post_thumb_top.gif) no-repeat top left; overflow:hidden; z-index:1 }
.home_page_post a.thumb_link{ position:absolute; z-index:111; display:block; height:100px; width:233px; }
.home_page_post .thumb_img img { border:solid 0px #FFF;}
.home_page_post .thumb_name { width:225px; padding:5px 0 25px 10px; background:url(images/post_thumb_bottom.gif) no-repeat left bottom; color:#FFF; font-size:12px;}
.home_page_post .thumb_name a{ color:#FFFFFF;}

.category-landing-page .home_page_post { width:100%; display:block; float:none; margin:0 0px 10px 0px; position:relative}
.category-landing-page .home_page_post .thumb_img{ width:100%; height:auto; display:block; padding:30px 1px 1px 1px; background:none; }
.category-landing-page .home_page_post a.thumb_link{ position:absolute; z-index:111; display:block; height:100px; width:233px; display:none; }
.category-landing-page .home_page_post .thumb_img img { border:solid 0px #FFF;}
.category-landing-page .home_page_post .thumb_name { width:100%; background:none; font-size: 18px; margin:0px 0 10px 0; padding:5px 0 4px 0; font-weight:normal; font-family:"Times New Roman", Times, serif; color:#535353; border-bottom: solid 1px #e5e5e8; position:absolute; top:0px;}
.category-landing-page .home_page_post .thumb_name a{ color:#535353;}
.category-landing-page .home_page_post .thumb_img p{ padding-bottom:0px;}
.category-landing-page .home_page_post .thumb_img p .more-link { text-align:right}

.narrowcolumn {float: left;	padding: 15px 0 20px 0px; margin: 0px 0 0; width: 735px;}
.widecolumn {float: left; padding: 15px 0 20px 0px; margin: 0px 0 0; width: 735px;}

.post {margin: 0 0 40px; text-align: justify; }
.post hr { display: block; }
.widecolumn .post {margin: 0; }
.narrowcolumn .postmetadata { padding-top: 5px;}
.widecolumn .postmetadata { margin: 30px 0; }
.widecolumn .smallattachment { text-align: center; float: left; width: 128px; margin: 5px 5px 5px 0px; }
.widecolumn .attachment { text-align: center; margin: 5px 0px; }

.postmetadata { clear: both; }
.clear { clear: both; }

#footer { position: relative; margin-top: -60px; /* negative value of footer height */ clear:both; padding: 0; width: 100%; color:#FFFFFF; clear: both; background:url(images/footer.gif) repeat-x top; height:20px; padding:20px 0; }

#footer p { margin: 0; padding: 0px 0; text-align: center; }
/* End Structure */



/* Begin Images */
p img { padding: 0; max-width: 100%; }

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered { 	display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; 	margin: 0 0 2px 7px; display: inline;}
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; 	}
/* End Images */



/* Begin Lists
	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */
.postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; }



/* Begin Form Elements */
#searchform { margin: 10px auto; padding: 5px 3px; text-align: center; }
#sidebar #searchform #s { width: 108px; padding: 2px; }
#sidebar #searchsubmit { padding: 1px; }
.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center; }

select { width: 130px; }
#commentform input { width: 200px; padding: 2px; margin: 5px 5px 1px 0;}
#commentform p { margin:5px 0; }
#commentform { margin: 5px 10px 0 0; background:url() }
#commentform textarea { width: 100%; padding: 2px; }
#respond:after { content: ".";   display: block;   height: 0;  clear: both;   visibility: hidden; }
#commentform #submit { margin: 0 0 5px auto;  }
/* End Form Elements */


.comment { padding:10px 0 0 0}

/* Begin Comments*/
.commentlist li .avatar { position:absolute; left:5px; top:5px;  border: 1px solid #eee; padding: 2px; background: #fff; }
.alt { margin: 0; padding: 10px; }
.commentlist { padding: 0; margin:0; text-align: justify; }
.commentlist li { margin: 0px 0 10px; background:#f6f6f6; border:solid 1px #d8d8d8; padding: 10px 5px 10px 60px; position:relative; list-style: none; }
.commentlist li ul li {margin-right: -5px; margin-left: 10px; }
.commentlist p { margin: 5px 5px 5px 0; }
.children { padding: 0; }
.commentlist li .comment-author{ font-size:14px; font-style:normal !important}
.commentlist li .comment-author cite { font-style:normal;}

.nocomments { text-align: center; margin: 0; padding: 0; }
.commentmetadata { margin: 4px 0 0 0; font-size:10px; font-family:Arial, Helvetica, sans-serif; border-top:solid 1px #d8d8d8; display: block; }
/* End Comments */


/* Begin Sidebar */
#sidebar form { margin: 0;}
/* End Sidebar */



/* Begin Calendar */
#wp-calendar { 	empty-cells: show; margin: 10px auto 0; width: 155px; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left;}
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: center; }
#wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
.hidden { display: none;  }
.screen-reader-text {   position: absolute; left: -1000em; }
hr {display: none;}
a img {border: 0px;}
.navigation {display: block; text-align:right; margin-top: 10px; margin-bottom: 60px;}
/* End Various Tags & Classes*/

/* Captions */
.aligncenter,
div.aligncenter {display: block; margin-left: auto; margin-right: auto;}
/*.wp-caption {
	width:235px; height:95px; display:block; padding-top:15px; background:url(images/post_thumb_top.gif)
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}*/

.entry a.desplynone{ display:none;}

/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */

.contact_form { margin:0; padding:0 0 0 10px; }
.contact_form p { text-align:left; padding:5px 0; line-height:20px; }
.contact_form input[type=text], .contact_form textarea  { border:solid 1px #7caa07; 
	-moz-border-radius:10px; 
	-webkit-border-radius: 10px; padding:5px 10px; width:300px;}
.contact_form input[type=submit] {-moz-border-radius:10px; 
	-webkit-border-radius: 10px; border:solid 1px #7caa07; background:#78a605; color:#FFF; padding:5px 15px; }
input { font-size:12px;}

.middle_post_content { clear:both;}

.browser_compatabili { background:none; list-style:none; margin:10px; padding:0; clear:both;}
.browser_compatabili li { margin:5px 8px; height:48px; width:48px; list-style:none; display:block; float:left; text-indent:-9000px;  }
.browser_compatabili li.FireFox{ background:url(images/firefox.gif) no-repeat left top}
.browser_compatabili li.IE7{ background:url(images/IE7_128.gif) no-repeat left top}
.browser_compatabili li.IE6{ background:url(images/firefox.gif) no-repeat left top}
.browser_compatabili li.Safari{ background:url(images/safari.gif) no-repeat left top}
.browser_compatabili li.Opera{ background:url(images/opera.gif) no-repeat left top}
.browser_compatabili li.chrome{ background:url(images/chrome.gif) no-repeat left top}

.padding_menu { margin-bottom:20px; float:left; width:100%;}
.download { display:block; background:url(images/download_btn.gif) no-repeat; width:165px; height:33px; margin-top:20px; }
.middle_post_content { clear:both;}
.ratingblock { float:left; width:100%;}
.textarea {
	width:96%;
	height:200px; color:#4b4b4b;  
	background:#f9f9f9; padding:10px; border:solid 1px #e8e8e8; 
}

/* ----- clear fix for floats ----- */
.ocm-clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }
.ocm-clearfix { display:inline-block; }		
/* hides clearfix from IE-mac \*/
* html .ocm-clearfix { height:1%; }
.ocm-clearfix { display:block; }
/* end hide from IE-mac */




/*div.Blue_orange_menu {
	background:url(images/blue_v_menu_bottom.gif) no-repeat bottom;
	width:216px;
	padding-bottom:3px;
	float:left;
}
div.Blue_orange_menu h2 {
	background:url(images/blue_v_menu_header.gif) no-repeat left top;
	height:32px;
	line-height:32px;
	font-weight:normal;
	color:#FFFFFF;
	font-size:14px;
	margin:0;
	padding:0 0 0 28px;
	font-size:16px;
}
div.Blue_orange_menu ul {
	margin:0px;
	background:#FFF;
	display:block;
	float:left;
	width:210px;
	padding:1px 3px;
	list-style:none;
}
div.Blue_orange_menu ul li {
	margin:0;
	padding:0;
	list-style:none;
	clear:both;
}
div.Blue_orange_menu ul li a {
	background:#737171 url(images/blue_v_menu_a_left.gif) no-repeat left top;
	color:#ffffff;
	float:left;
	margin:4px 2px 1px 2px;
	padding:0;
	font-size:12px;
	text-decoration:none;
	width:205px;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif
}
div.Blue_orange_menu ul li a span {
	background:url(images/blue_v_menu_a_right.gif) no-repeat right top;
	color:#ffffff;
	padding:7px 0 6px 25px;
	display:block;
	margin:0 0 0 0;
}
div.Blue_orange_menu ul li a:hover {
	background:#737171 url(images/blue_v_menu_a_left_o.gif) no-repeat left top;
}
div.Blue_orange_menu ul li a:hover span {
	background:url(images/blue_v_menu_a_right_o.gif) no-repeat right top;
}
*/

.Viewmore_menu { margin:0; padding:0 0 10px 0; text-align:right;}
.Viewmore_menu a { background:url(images/view_more.gif) no-repeat left top; padding-left:20px;}

ul.text_box { margin:0; padding:0 0 0 40px; background:#919786; list-style:decimal; border:solid 1px #a1ad81; font-family:Helvetica, sans-serif; color:#FFFFFF; width:691px; overflow:auto}
ul.text_box li { margin:0; padding:5px 5px 5px 25px; background:#fbfaf9;  border-left:solid 1px #ff6c00; color:#FFF; list-style:decimal; word-spacing:1px; _border:solid 1px #f3f4f0 }
ul.text_box li div{ color:#000099;}
ul.text_box li div span { color:#0000ff;}
ul.text_box li.sub { background:#f3f4f0;}
ul.text_box li.first { padding-left:5px;}
ul.text_box li.last { padding-left:5px;}
ul.text_box li strong { color:#006600; font-weight:normal}
ul.text_box li em { color:#000000; font-style:normal; font-weight:normal;}
ul.text_box.htmlstyle div{ color:#0000ff}
ul.text_box.htmlstyle strong { color:#ff3aff;}
ul.text_box.htmlstyle em { color:#000099; font-style:normal;}

.category-landing-page p { padding:5px 0 8px 0; line-height:18px;}
.category-landing-page .entry { padding:0 0px;}
	  
.all_menu_show { width:235px; display:block; float:left; margin:0 10px 10px 0px; position:relative}
.category-landing-page .all_menu_show .thumb_img, .all_menu_show .thumb_img{ width:233px; height:90px; display:block; padding:10px 1px 1px 1px; background:url(images/post_thumb_top.gif) no-repeat top left; overflow:hidden; z-index:1 }
.category-landing-page .all_menu_show a.thumb_link, .all_menu_show a.thumb_link{ position:absolute; z-index:111; display:block; height:100px; width:233px; }
.category-landing-page .all_menu_show.thumb_img img, .all_menu_show .thumb_img img { border:solid 0px #FFF;}
.category-landing-page .all_menu_show .thumb_name, .all_menu_show .thumb_name { width:225px; padding:5px 0 25px 10px; background:url(images/post_thumb_bottom.gif) no-repeat left bottom; color:#FFF; font-size:12px;}
.category-landing-page .all_menu_show .thumb_name a, .all_menu_show .thumb_name a{ color:#FFFFFF;}

/* SUBMIT SITE */
.submit_site_box {  margin-bottom:20px; margin-top:10px; /*padding:10px 20px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border:solid 1px #dadada;*/}
.submit_site_box .requirements { float:left; width:35%; display:none;}
.submit_site_box .what_benefits {/* float:right; width:62%;*/}
.submit_site_box ul li { padding:1px 0 1px 10px; background:url(images/cssmenu_arw.gif) no-repeat left 8px}


.ads_on_bottom{ padding-top:25px; padding-bottom:25px;}
.ads_on_top{ padding-top:0px; padding-bottom:25px;}

.button_twitter { display:block; width:181px; height:77px; position:absolute; bottom:-9px; right:-2px; background:url(images/icon_twitter.png) no-repeat right top;} 



/* CSSMENU GENRATOr */
.cssmenu_generator { margin:0; padding:0; text-align:left;}

.cssmenu_generator form { text-align:left;}

.generator_menu_form { text-align:left; padding:10px 10px; margin-bottom:25px; }
.generator_menu_form ul { margin:0; padding:5px 0 10px 0; list-style:none;}
.generator_menu_form ul li { display:inline; float:left; width:47%;} 
.generator_menu_form ul li label { display:block; float:left; padding-right:10px; text-align:left}
.generator_menu_form ul li input { float:left;}
.generator_menu_form .menu_add_link ul li { width:25%;}
.generator_menu_form .menu_add_link ul li input, .generator_menu_form .menu_add_link ul li select { width:95%;}
.generator_menu_form .menu_add_link li label { float:none; padding:0 0 0px 0;}
.generator_menu_form .menu_add_link li.gn_link { width:35%;}
.generator_menu_form .menu_add_link li.gn_add_delete { width:15%;}

.generator_menu_form .menu_add_link li a.gn_add {}
.generator_menu_form .menu_add_link li a.gn_delete {}

.cssmenu_generator_view_menu { padding:20px 0 20px 0; }
.select_menu_list img { border:solid 1px #CECECE; margin:5px 0}

.customize_menu_infor { padding:10px 0px 20px 0px;}
.customize_menu_infor p { font-weight:bold;}
.customize_menu_infor ul { padding:10px 0}