/*  
Theme Name: BeMyNudge
Description: Theme for BeMyNudge.com
Version: 1.0
Author: Bodu Web
Author URI: http://www.boduweb.com

*/

*{
	border: 0;
	margin: 0;
	padding: 0;
}

body{margin:10px;background:#000000 ;font-family:Century Gothic,verdana,arial,georgia,garamond;}

p{margin:15px;}
#page{
background:#ffffff;background-repeat:no-repeat;background-position:center right;
padding: 20px 32px 32px 25px;margin:auto;
width: 1000px;
}

#header{margin: 10px 32px 10px 20px;
width: 825px;height:200px;float:left;background:url('images/be-my-nudge-header-bg.jpg') top left no-repeat;}



#content{border-style:solid;border-width:10px;width:950px;border-color:#2977cf;clear:left;-moz-border-radius: 20px;
	-khtml-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;padding:10px;background-color:#2977cf;}


#left-content{margin:20px;float:left;background-color:#ffffff;-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 20px;border-style:solid;border-color:#85c226;border-width:5px;padding:8px;width:400px;height:600px;min-height:600px;}

#right-content{margin:20px;float:right;background-color:#ffffff;-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 20px;border-style:solid;border-color:#85c226;border-width:5px;padding:8px;width:400px;height:600px;min-height:600px;}

#right-content ul,#left-content ul{margin-left:20px;}
#left-content ul li{margin:10px;}
#right-content .img{float:right;margin:40px 10px 10px 5px;width:138px;height:150px;}

#bottom-menu-content{clear:left;float:left;margin:20px;margin-left:200px;height:120px;}

#getstarted a{float:left;width:300px;height:100px;background:url('images/get-started-bg.jpg') top left no-repeat;}
#getstarted a:hover{background:url('images/get-started-hover-bg.jpg') top left no-repeat;}

#standardpage{float:left;padding:20px;padding-left:200px;background:#ffffff url('images/default-page-logo.jpg') center left no-repeat;}

#blogpage{float:left;padding:20px;background:#ffffff url('http://www.bemynudge.com/wp-content/uploads/2009/11/services-logo.jpg') top left no-repeat;}
#blogpage h1.logo{font-size:3.4em;}
#blogcontent{float:right;width:60%;padding:3%;margin:5%;}
#blogsidebar{float:left;width:20%;margin:1%;padding-top:40px;font-size:0.75em;overflow:hidden;}
#tweets ul{margin:0px;}
#tweets ul li{float:left;list-style:none;margin-bottom:4px;width:80%;margin-left:0px;}
#contactpage{float:left;padding:20px;padding-right:140px;background:#ffffff url('images/contact-man.jpg') top right no-repeat;width:70%;margin:auto;}
#contactpage .entry{width:70%;}
#contactpage ul li,#signup-page ul li{list-style:none;}

/* signup page */
#signup-page{margin:15px;background:#ffffff;padding:20px;}
#signup-page .input_border{border-style:ridge;border-width:1px;border-color:#000000;}
#step1,#step2,#step3{clear:left;float:left;}
#success{margin:100px;height:400px;}


#step1 ul li,#step2 ul li{padding:10px;list-style:none;float:left;width:200px;height:60px;margin:10px;border-style:ridge;border-width:1px;border-color:#cccccc;background-color:#f7f7f7;-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;}
#step1 ul li#longer{width:450px;}
#step1 ul li.taller{height:140px;}
#step1 ul li.smaller{width:80px;}

#step2 p{clear:left;float:left;}
#step2 ul li{width:380px;height:195px;}
#step3 ul{margin:10px;border-style:ridge;border-width:1px;border-color:#cccccc;background-color:#f7f7f7;-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;list-style:none;padding:10px;width:850px;}
#step3 ul li{clear:left;float:left;width:780px;height:40px;border-bottom-style:solid;border-width:1px;border-color:#ffffff;padding-top:10px;}

.package{float:left;margin-right:10px;width:500px;}
.quant,.nudgeoption{float:right;width:50px;margin-left:30px;}

.price{float:right;width:50px;margin-left:10px;margin-right:20px;}
.padoption{  vertical-align: bottom;}
#commentform input{border-style:solid;border-width:1px;border-color:#cccccc;}
#step1 ul li.noquant{padding-right:60px;}

#step3 ul li.noborder{border-bottom-style:none;}
#step3 ul li.bigger{height:80px;}


#aboutpage-left{float:left;width:50%;background:#000000;color:#ffffff;height:600px;min-height:600px;}
#aboutpage-right{float:right;width:50%;background:#ffffff;color:#000000;height:600px;min-height:600px;}
.indent{padding:20px;}

#narrow-margin{background-color:#ffffff;padding:15px;}
#narrow-margin .servicenudges{clear:left;float:left;margin:20px none;background-color:#ffffff;}
#narrow-margin .size-full{float:left;padding-top:20px;}

#speaker{position:absolute;top:150px;left:815px;}

/* fonts headers links and lists */



h1,h2{color:#d25b02;margin:20px;}
a{text-decoration:none;color:#d25b02;}
a:hover{color:#cccccc;}

#header h1{float:left;margin-top:120px;margin-left:60px;_margin-left:60px;font-family: Palatino-Linotype;color:#d25b02;font-size:2.2em;_font-size:3.2em;height:100px;background:url('images/header-h2-bg.jpg') bottom center no-repeat;}

html>body #header h1{margin-left:180px;font-size:3.2em;}
#header h2 a{text-decoration:none;color:#d25b02;}

.pagetitle h1{color:#000000;font-size:2.3em;}
#success h1{color:#d25b02;font-size:3.8em;}

/* slidingdoor menu */

#top-menu {
      float:left;
      width:100%;
      
      font-size:93%;
      line-height:normal;
	  
      }
    #top-menu ul {float:right;
	margin:0 100px 0px 0px;
	padding:10px 10px 0 50px;
	list-style:none;
      }
    #top-menu li {
      display:inline;
      margin:0;
      padding:0;
      }
    #top-menu a {
      float:left;
      background:url("images/tableftJ.gif") no-repeat left top;
      margin:0;
      padding:0 0 0px 5px;
      text-decoration:none;color:#ffffff;font-weight:bold;
      }
    #top-menu a span {
      float:left;
      display:block;
      background:url("images/tabrightJ.gif") no-repeat right top;
      padding:10px 15px 10px 5px;
      color:#ffffff;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #top-menu a span {float:none;}
    /* End IE5-Mac hack */
    #top-menu a:hover span {
      color:#FFF;
      }
    #top-menu a:hover {
      background-position:0% -52px;
      }
    #top-menu a:hover span {
      background-position:100% -52px;
      }
 

/* Slider rules for quotes */

#quotes,#mainpage-quotes{
position:absolute;top:20px;left:300px;width:600px;height:144px;color:#cccccc;background-image:url('images/quotes-background.jpg');background-position:top left;background-repeat:no-repeat;}

#mainpage-quotes{color:#000000;font: 1.1em Georgia,Arial,Palatino Linotype;
   padding: 2px 10px;background-image:none;}
html>body #quotes{position:absolute;top:20px;
left:300px;color:#cccccc;}

#quotebox { 
   width: 600px; /* important to be same as image width */ 
   height: 144px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#quoteboxContent {
   width: 600px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.quoteboxImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.quoteboxImage span {
   position: absolute; /* important */
   left: 0;
   font: 1.1em Georgia,Arial,Palatino Linotype;
   padding: 2px 10px;
   width: 600px;
   color:#ffffff;
   
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}



.clear {
   clear: both;
}

/* for contact-form */
#contact_form{width:70%;min-height:400px;
}

#contact_form .form_label{display:block;color:#000000;float:left;width:80%;margin:2% 10%;font-weight:bold;}
#contact_form .text-input{float:left;width:80%;margin:2% 10%;height:30px;border:solid 1px #cccccc;}
#contact_form .text-area-input{float:left;width:80%;margin:2% 10%;height:130px;border:solid 1px #cccccc;}
#contact_form .error{float:left;width:95%;margin:2%;}

#contact_form .submit_btn,#checkout .submit_btn {
 color: #fff;
 font-size: .85em;
 width: 250px;
 height: 75px;
 border: none;
 margin: 0;
 padding: 10;
 background: #ffffff url(images/submit-mail.jpg) 0 0 no-repeat;text-align:center;font-weight:bold;
}

#comment{border-style:solid;border-width:1px;border-color:#cccccc;}


/* footer menu */
#footer-menu{clear:both;float:left;margin:20px;margin-left:150px;height:230px;background:url('images/footer-bg.jpg') top left no-repeat;}

#footer-menu ul li{list-style:none;float:left;width:300px;height:78px;}