/*   
Theme Name:monochrome
Theme URI:
Description:This theme supports widget, threaded-comments, theme-options,and translation is ready. Also including page-navigation and multi level dropdown menu.You can see live demo including more information here http://www.mono-lab.net/demo1/
Author:mono-lab
Author URI:http://www.mono-lab.net
Version:2.6
Tags: black, white, three-columns, fixed-width, theme-options, threaded-comments, translation-ready
*/


/* ----- basic --------------------------------------------------------------------------------------------------------------------------------- */
body { margin:0; padding:0; background:#f2f2f2;
       font-family: Verdana, Helvetica, Arial, sans-serif; 
       font-size:12px; color:#666; background: url('/img/background.png')}
a img { border:none; }
a, a:visited { color:#7f8e91; text-decoration:none; outline:none; }
a:hover { color:#33a8e5; text-decoration:underline; }
p { margin:0 0 1em 0; padding:0; line-height:120%; }
ul { list-style-type:none; margin:0 0 1em 0; padding:0; line-height:0%; }
ul li { margin:0; padding:0; line-height:normal; zoom:1; }
ol { margin:0 0 1em 23px; padding:0; }
* html ol { margin:0 0 1em 23px; padding:0; }
ol li { padding:0 0 5px 0; }
form,table,input,textarea,dl,dt,dd { margin:0; padding:0; }
table { border-collapse:collapse; width:100%; border:0; }
blockquote { margin:0 0 1em 0; padding:35px 20px 0 20px; border:1px solid #ccc; background:#fafafa url(img/quote1.gif) no-repeat 10px 10px; }
blockquote p { margin:0 0 5px 0; }
.quote_bottom { height:30px; background:#fafafa url(img/quote2.gif) no-repeat right ; margin-right:-10px; }
pre { border:1px solid #ccc; background:#fafafa; padding:10px 20px; margin:0 0 1em 0; overflow:auto; }
object { display:block; margin:0 auto; }
.wp-caption-text { text-align:center; }
.alignright { float:right; }
.alignleft { float:left; }
.aligncenter { display:block; margin-left:auto; margin-right:auto; }
.centered { display: block; margin-left:auto; margin-right:auto; }
.clear { clear:both; }


/* ----- layout -------------------------------------------------------------------------------------------------------------------------------- */
#wrapper { width:930px; margin:0 auto; }
#header { background:url(img/header.gif) no-repeat bottom; }
#header_nobackground {}
#contents { background:url(img/side.gif) repeat-y; }
#left_col { float:left; display:inline; width:690px; margin:0 0 0 2px; }
#right_col { float:right; display:inline; width:236px; margin:51px 2px 30px 0; }
#footer { background:url(img/footer.gif) no-repeat top; height:90px; }
#footer_nobackground {height:90px; }


/* ----- header -------------------------------------------------------------------------------------------------------------------------------- */
#header_top { height:125px; }
#header_top_nobg { height:75px; }

#logo { float:left; display:inline; margin:26px 0 0 5px; }

/*blogtitle*/
#logo a, #logo a:visited { color:#333; font-size:24px; }
#logo a:hover { text-decoration:none; color:#33a8e5; }

/*description*/
#logo h1 { font-weight:normal; line-height:100%; margin:0; padding:0; color:#aaa; font-size:11px; }

/*header menu is at the bottom of this page*/


/* ----- left_col ------------------------------------------------------------------------------------------------------------------------------ */
.post { background:url(img/post_line.gif) no-repeat left bottom; }
#single_post { background:none; }
.post_even { background:url(img/meta_stripe.gif) repeat-y left; }
.post_content_wrapper { float:right; width:510px; padding:50px 15px; }
.post_meta { float:left; display:inline; width:120px; padding:0 15px 35px; margin:35px 0 0 0; }
.content_noside { float:right; width:510px; padding:15px; }

/* post contents */
.post h2, #single_post h2, .page h2 { font-size:16px; margin:0 0 11px 0; font-weight:normal; line-height:0; /*background:url(img/stripe1.gif) repeat-x bottom;*/ padding:0; }

.post th h2 {color:white; font-weight: bold; }

.post h2 a, .post h2 a:visited, #single_post h2 span, .page h2 span { color:#666; line-height:120%;  display:inline-block; padding:0 0 13px 0; }
.post h2 a:hover { text-decoration:none; color:#2089cc; }

.post_content {line-height:120%; }
.post_content p { margin:0 0 2em 0; }

.post_content a,.post_content a:visited { color:#2089cc; text-decoration:underline; }
.post_content a:hover { color:#e2415b; }
.post_content a.more-link, .post_content a.more-link:visited 
  { display:block; clear:both; color:#666; margin:15px 0 0 0; height:20px; padding:0 0 4px 45px; background:url(img/read_more.gif) no-repeat left top; text-decoration:none; }
.post_content a.more-link:hover { color:#2089cc; background:url(img/read_more.gif) no-repeat left bottom; text-decoration:none; }

.post img, .post a img { border:1px solid #ccc; padding:5px; margin:0 10px 0 0;  background:#f2f2f2; }
.post a:hover img { border:1px solid #38a1e5; background:#9cd1e1; }
.post img.centered,div.centered { display:block; margin:0 auto; }
.post img.alignright,div.alignright { margin:4px 0 15px 15px; display:inline; }
.post img.alignleft,div.alignleft { margin:4px 15px 15px 0; display:inline; }
.post img.wp-smiley { border:0px; padding:0px; margin:0px; background:none; }

.post table { margin:0 0 1em 0; }
/*.post td, .post th { border:1px solid red; padding:4px; }   */
.post th { background:#eee; font-weight:normal; }

.post_content ul li { margin:0 0 1em 0; line-height:160%; background:url(img/check.png) no-repeat 3px 7px; padding:0 0 0 18px; }
.post_content ol li { margin:0 0 1em 0; }
.post_content input { margin:5px 0; }

/* post meta */
.post_meta { font-size:11px; text-align:right; line-height:160%; margin:34px 0 0 0; }
.post_meta dt { color:#999; margin:20px 0 0 0; padding-top:20px; background:url(img/dot1.gif) repeat-x top; }
.post_meta dt.meta_date { padding:16px 0 5px 0; margin:0; background:none; }
.post_meta a, .post_meta a:visited { color:#666; }
.post_meta a:hover { color:#33a8e5; }
.post_date { font-size:32px; padding:5px 0 0 0; }
.post_date span { color:#666; }

/* odd post color */
.meta_comment a, .meta_comment a:visited, .post_date, .post_meta dt.meta_comment { color:#33a8e5; }

/* even post color */
.post_even .meta_comment a, .post_even .meta_comment a:visited, .post_even .post_date, .post_even .post_meta dt.meta_comment, .post_even .post_meta a:hover
 { color:#75e730; }

/* ----- right_col ----------------------------------------------------------------------------------------------------------------------------- */
.side_box { color:#666; margin:0 15px 25px; font-size:11px; background:url(img/dot1.gif) repeat-x top; clear:both; padding:30px 0 0; }
.first_side_box { background:none; padding:0; }

#right_col h3 { font-size:11px; color:#999; font-weight:normal; text-transform:uppercase; line-height:100%; margin:0 0 1em 0; padding:0; }
#right_col a, #right_col a:visited { color:#7d7d7d; }
#right_col a:hover { color:#f3dc19; }

.side_box ul { margin:0; }
.side_box li { margin:0 0 1em 0; line-height:140%; }
.side_box li li { padding:0 0 0 1em; margin:3px 0; }

#information_area { padding:0 0 0 0; margin:0 0 20px 0; }
#information { color:#7d7d7d; background:url(img/stripe4.gif) left top; padding:10px; border:1px solid #454545; margin:0 15px; line-height:160%; }
#entries_rss { font-size:11px; background:url(img/entries_rss.gif) no-repeat left top; padding:2px 0 0 18px; margin:8px 15px 0 0; float:right; display:inline; }
#entries_rss a:hover { text-decoration:none; }

/* search area */
#search_area { width:206px; height:27px; background:url(img/search.gif) no-repeat left top; margin:0 0 7px 0; }
#search_input { float:left; margin:7px 0 0 10px; border:0px; height:15px; display:inline; width:150px; font-size:12px; color:#999; background:transparent; }
#search_button { float:right; }
#tag_list { margin:0 0 -25px 0;  }
.search_tag { float:right; display:block; margin:0 0 5px 0; padding:2px 0 2px 24px; font-size:11px; background:url(img/tag1.gif) no-repeat left top; }
.search_tag:hover { text-decoration:none; }
.active_search_tag { background:url(img/tag2.gif) no-repeat left top; }
#tag_list .wp-tag-cloud { clear:both; margin:0 0 10px 0; border:1px solid #f3dc19; background:#333; padding:6px; display:none; }
#tag_list .wp-tag-cloud li { display:inline; margin:0 5px 0 0; line-height:170%; }

#search_area_top { background:none; padding:0; margin:0 15px 25px; }

/* calendar */
#wp-calendar { margin:0 auto; width:100%; color:#777; }
#wp-calendar th, #wp-calendar td { border:1px solid #444; padding:0; width:14%; line-height:220%; text-align:center; }
#wp-calendar th { line-height:100%; padding:4px 0 2px 0; font-weight:normal; }
#wp-calendar td a, #wp-calendar td a:visited { display:block; text-decoration:none; color:#f3dc19; background:#111; }
#wp-calendar td a:hover { text-decoration:none;  background:#444; }
#wp-calendar caption { padding:8px 0; }
#wp-calendar th { background:#111; }
#wp-calendar tfoot td { border:none; padding:5px 0; }
#wp-calendar #prev a, #wp-calendar #prev a:visited, #wp-calendar #next a, #wp-calendar #next a:visited
  { text-decoration:none; background:none; }
#wp-calendar #prev a:hover, #wp-calendar #next a:hover { text-decoration:underline; }
#wp-calendar td#today { background:#111; color:#f3dc19; text-decoration:underline; }

/* recent post date (for non widget user) */
.side_box li.side_date { margin:0; padding:0; }

/* ----- footer ------------------------------------------------------------------------------------------------------------------------------- */
#copyright { float:left; display:inline; margin:55px 0 0 -10px; color:#777; }
#copyright li { float:left; display:inline; font-size:11px; margin:0 10px 0 0; padding:0 0 0 13px; background:url(img/footer_line.gif) no-repeat left center; }
#copyright li a, #copyright li a:visited { text-decoration:underline; }

#return_top a { position:absolute; position:fixed; right:15px; bottom:15px; width:18px; height:99px;
                display:block; background:url(img/return_top.png) no-repeat left top; }
#return_top a:hover { background:url(img/return_top.png) no-repeat right top; }


/* ----- page ---------------------------------------------------------------------------------------------------------------------------------- */
#page_noside_contents { background:url(img/side_noside.gif) repeat-y; padding:30px 122px 10px; }
#page_noside_contents_nobackground {padding:30px 10px 10px 10px; }
#page_noside_header { background:url(img/header_noside.gif) no-repeat top; height:32px; margin:-32px 0 0 0; }
#page_noside_header_nobackground { height:32px; margin:-32px 0 0 0; }
#page_noside_post { padding:0 15px 20px; background:none; }
#footer_noside { background:url(img/footer_noside.gif) no-repeat top; height:90px; }
#footer_noside_nobackground { height:90px; }
#page_date { margin:-9px 0 0 0; font-size:11px; }

/* ----- archive/category/tag/search/ ---------------------------------------------------------------------------------------------------------- */
#headline { background:url(img/headline_bottom.gif) no-repeat left bottom; width:510px; margin:0 0 20px 0; }
#headline p { background:url(img/headline_top.gif) no-repeat left top; padding:26px 15px 22px; font-weight:bold; font-size:14px; margin:0; line-height:100%; text-align:center;  }
.archive_contents { margin:0 0 20px 0; padding:0 15px 20px; background:url(img/dot1.gif) repeat-x bottom; }
.archive_contents h2 { font-size:14px; margin:0 0 5px 0; padding:0; }
.archive_meta { margin:0 0 5px 0; color:#999; }
.archive_meta a, .archive_meta a:visited { color:#999; }
.archive_meta li { display:inline; font-size:11px; margin:0 10px 0 0; }
.archive_contents p { font-size:11px; margin:0; }
.archive_contents p a, .archive_contents p a:visited { color:#777; }
.archive_contents p a:hover { color:#33a8e5; }

/* ----- page navi ----------------------------------------------------------------------------------------------------------------------------- */
.page_navi { margin:0 0 10px 0; padding:20px 0 0 0; }
.page_navi li { line-height:0%; display:inline; padding:0; margin:0; font-size:11px; }
.page_navi a, .page_navi a:visited, .page_navi a:hover, .page_navi span.current,
.page_navi span.pages, .page_navi span.extend, .page_navi span.current, .page_navi span.dots
 { color:#999; width:30px; padding:0; margin:0 3px 0 0; display:block; float:left; text-align:center; line-height:30px; background:url(img/pager1.gif) no-repeat left top; }
.page_navi a:hover { color:#999; background:url(img/pager1.gif) no-repeat left bottom; text-decoration:none; }
.page_navi span.current { background:url(img/pager2.gif) no-repeat left top; color:#fff; }


/* ----- header-menu --------------------------------------------------------------------------------------------------------------------------- */
#header_menu { float:right; display:inline; margin:20px 0 0 0; height:52px; background:url(img/header_menu_right.gif) no-repeat right top; }

#menu { float:left; background:url(img/header_menu_left.gif) no-repeat left top; font-size:11px; height:52px; margin:0; }
#menu, #menu ul { line-height:1; margin:0; padding:0; }
#menu li { position:relative; float:left; border-left:1px solid #444; height:48px; margin:2px 0 0 0; z-index:10; }
#menu ul li { height:auto; border-left:none; padding:0; left:auto; margin:0; }
#menu a:link, #menu a:visited { color:#999; display:block; padding:19px 30px 14px; position:relative; }
#menu a:hover {
	color:#9BDB00;
	text-decoration:none;
	background:#333;
}
#menu ul { position:absolute; top:48px; left:0; display:none; opacity:0; width:200px; }
#menu ul ul { margin:0 0 0 189px; top:0; }

#menu ul a:link, #menu ul a:visited,
 #menu .current_page_item ul a:link, #menu .current_page_item ul a:visited,
  #menu ul .current_page_item a:link, #menu ul .current_page_item a:visited,
   #menu ul .current_page_item ul a:link, #menu ul .current_page_item ul a:visited,
 #menu .current-cat ul a:link, #menu .current-cat ul a:visited,
  #menu ul .current-cat a:link, #menu ul .current-cat a:visited,
   #menu ul .current-cat ul a:link, #menu ul .current-cat ul a:visited
   { color:#999; background:#282828; line-height:140%; padding:9px 28px 7px; border:1px solid #444; width: 132px; margin:-1px 0 0 0; }
#menu ul a:hover, #menu .current_page_item ul a:hover, #menu .current-cat ul a:hover,
 #menu .first_menu ul a:hover, #menu .last_menu ul a:hover
   {
	color:#9BDB00;
	background:#333;
}

#menu .current_page_item, #menu .current-cat { background:url(img/stripe2.gif) left top; z-index:9;}
#menu .current_page_item a:link, #menu .current_page_item a:visited,
#menu .current-cat a:link, #menu .current-cat a:visited
  {
	color:#9BDB00;
	padding-bottom:21px;
	background:url(img/header_menu_arrow.gif) no-repeat center bottom;
}
#menu ul .current_page_item a:link, #menu ul .current_page_item a:visited,
#menu ul .current-cat a:link, #menu ul .current-cat a:visited
  {
	color:#9BDB00;
	background:#282828 url(img/stripe2.gif) left top;
}
#menu ul .current_page_item ul a:link, #menu ul .current_page_item ul a:visited,
#menu ul .current-cat ul a:link, #menu ul .current-cat ul a:visited
  { color:#999; background:#282828; }
#menu ul .current_page_item ul a:hover, #menu ul .current-cat ul a:hover { color:#f3193d; background:#333; }

#menu .first_menu { border:none; background:none; }
#menu .first_menu_active { background:url(img/header_menu_first_active.gif) no-repeat left top; }
#menu .first_menu a:hover { background:url(img/header_menu_first_hover.gif) no-repeat left top; }
#menu .last_menu { background:none; }
#menu .last_menu_active { background:url(img/header_menu_last_active.gif) no-repeat right top; }
#menu .last_menu a:hover { background:url(img/header_menu_last_hover.gif) no-repeat right top; }

#menu ul .parent_menu > a:link, #menu ul .parent_menu > a:visited { background:#282828 url(img/arrow4.gif) no-repeat right 14px; }
#menu ul .parent_menu > a:hover { background:#333 url(img/arrow4.gif) no-repeat right 14px; }

/* ---------- clearfix hack ---------- */
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */

/* ---------- dreamweaver ---------- */


#container { 
	width: 100%;
	background: #FFFFFF;
	/*margin: 0 auto;  the auto margins (in conjunction with a width) center the page if needed */
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

/* Tips for sidebar1:
1. Be aware that if you set a font-size value on this div, the overall width of the div will be adjusted accordingly.
2. Since we are working in ems, it's best not to use padding on the sidebar itself. It will be added to the width for standards compliant browsers creating an unknown actual width. 
3. Space between the side of the div and the elements within it can be created by placing a left and right margin on those elements as seen in the ".thrColHyb #sidebar1 p" rule.
*/
#sidebar1 {
	float: left; 
	width: 16em; /* since this element is floated, a width must be given */
	/*background: #EBEBEB;  the background color will be displayed for the length of the content in the column, but no further */
	background: url("img/own/p_price_back5.png") no-repeat;
	padding: 15px 0; /* top and bottom padding create visual space within this div */
}
#sidebar2 {
	float: right; 
	width: 16em; /* since this element is floated, a width must be given */
	/*background: #EBEBEB;  the background color will be displayed for the length of the content in the column, but no further */
	background: url("img/own/p_price_back5.png") no-repeat;
	padding: 15px 0; /* top and bottom padding create visual space within this div */
}
#sidebar1 h3, #sidebar1 p, #sidebar2 p, #sidebar2 h3 {
	margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px;
}

.icon_check {
background: #EEFFEE url('http://lagoonspace.com/wp-content/themes/monochrome/img/check.png') center center no-repeat; 
}

.icon_cross {
background: #FFEEEE url('http://lagoonspace.com/wp-content/themes/monochrome/img/icon_cross.png') center center no-repeat; 
}


/* Tips for mainContent:
1. If you give this #mainContent div a font-size value different than the #sidebar1 div, the margins of the #mainContent div will be based on its font-size and the width of the #sidebar1 div will be based on its font-size. You may wish to adjust the values of these divs.
2. The space between the mainContent and sidebar1 is created with the left margin on the mainContent div.  No matter how much content the sidebar1 div contains, the column space will remain. You can remove this left margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends.
3. To avoid float drop, you may need to test to determine the approximate maximum image/element size since this layout is based on the user's font sizing combined with the values you set. However, if the user has their browser font size set lower than normal, less space will be available in the #mainContent div than you may see on testing.
4. In the Internet Explorer Conditional Comment below, the zoom property is used to give the mainContent "hasLayout." This avoids several IE-specific bugs that may occur.
*/
#mainContent {
  margin: 0 12em 0 12em; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */
  padding: 0 2em 0 2em; /* padding here creates white space "inside the box." */
  	background: url("img/own/p_price_professional_bg.png") no-repeat;
} 
#mainContent h1 { 
	/*margin-top: 0;  Though unnecessary while there's a border on the #mainContent div, you may need to uncomment this rule if the borders are removed. This will zero the margins of the first element in the #mainContent div, avoiding margin collapse - a space between divs - in this case it will create unwanted whitespace above the layout. */
}

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
-->