/*	==================================
	RdbHost Website styles
	Copyright 2010
	Author:Corinne Ducusin
	Website:http://www.corinspired.com
	Email:corinspired@gmail.com
	
	Created:8/6/10
	Updated: 4/17/11
	Version:1.0
	
	Colors
	=============
	#ebebeb = light grey
	#9a4b2c = orange red/links
	#a3b8c4 = grey blue
	#a5cde5 = light blue
	#63a2c9 = mid blue
	#424242 = dark grey/text
	#3b6c8a = dark blue/h2
	#09202e = blue black/h1
	==================================*/

/* 	Eric Meyer's CSS Reset
	http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
	----------------------------------*/
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, /* code, */
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, /*sub, sup,*/ tt, var,
	/* dl, dt, dd,*/ ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin:0;
		padding:0;
		border:0;
		outline:0;
		font-weight:inherit;
		font-style:inherit;
		font-size:100%;
		font-family:inherit;
		vertical-align:baseline;
	}
	/* remember to define focus styles! */
	:focus {
		outline:0;
	}
	body {
		line-height:1;
		color:black;
		background:white;
	}
	ol, ul {
		list-style:none;
	}
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse:separate;
		border-spacing:0;
	}
	caption, th, td {
		text-align:left;
		font-weight:normal;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content:"";
	}
	blockquote, q {
		quotes:"" "";
	}
	
/*	global elements
	----------------------------------*/
	body { background:#fff url(../imgs/bg.gif) repeat-x; color:#424242; font:14px/1.5 Arial, "Helvetica Neue", Helvetica, sans-serif; }
	
	a { color:#9a4b2c; }
	a:hover { color:#3b6c8a; }
	a:visited { color:#09202e; }
	
	em { font-style:italic; }
	
	h1,h2,h3,h4,h5,h6 { font-family:Calibri, Frutiger, "Frutiger Linotype", Univers, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold; line-height:1.5em; margin-bottom:10px; }
	h1 { color:#09202e; font-size:36px; line-height:1.25em; text-transform:uppercase; }
	h2 { color:#3b6c8a; font-size:30px; line-height:1.5em; }
	h3 { font-size:24px; font-variant:small-caps; }
	h4 { color:#63a2c9; font-size:18px; }
	h5 { font-size:16px; }
	h6 { font-size:14px; text-transform:uppercase; }

	img { 
		max-width:100%;
		box-shadow:0 2px 3px #999; 
		-o-box-shadow:0 2px 3px #999; 
		-webkit-box-shadow:0 2px 3px #999; 
		-moz-box-shadow:0 2px 3px #999;
	}
	
	ul, ol { margin:0 0 1.5em 14px; }
	ul { list-style:disc; }
	ol { list-style:decimal; }
	
	p { margin-bottom:1.5em; }
	
	strong { font-weight:bold; }
	
	table {
		border:1px solid #a3b8c4;
		width:100%;
		margin-bottom:1.5em;
	}
	table#usage_list {
		width:auto;
	}
	.emphasis { background-color:#ebebeb; }
	th, td { padding: 5px; }
	th { background-color:#63a2c9; color:#09202e; font:bold 14px Calibri, Frutiger, "Frutiger Linotype", Univers, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform:uppercase; border-bottom:2px solid #3b6c8a;  }
	tr.odd { background-color:#a5cde5; }
	td { border-bottom:1px solid #a3b8c4; }
	
/* 	form elements
	----------------------------------*/
	input, textarea { background:#fff url(../imgs/bg-input.gif) repeat-x bottom; font-family:inherit; font-size:12px; border:1px solid #ebebeb; padding:5px; }
	input:focus, textarea:focus { border:1px solid #3b6c8a; }
	label { margin-right:10px; }
	.button-replace { background:#fff url(../imgs/bg-submit.gif) repeat-x bottom; color:#9a4b2c; font-family:Calibri, Frutiger, "Frutiger Linotype", Univers, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold; text-transform:uppercase; border:1px solid #3b6c8a; cursor:pointer; }
	.button-replace:hover { background:#fff url(../imgs/bg-submit-hover.gif) repeat-x bottom; }
	.button-replace:active { background:#fff url(../imgs/bg-submit-active.gif) repeat-x bottom; }
	
    /* login form */
	.forms { background-color:#a3b8c4; border:1px solid #a3b8c4; padding:10px; display:inline-block; }
	  .forms div { margin-bottom:10px; }
	  .forms label { display:inline-block; width:100px; }
	
    /* member pages form */
	.mbr-forms { background-color:#a3b8c4; border:1px solid #3b6c8a; padding:10px; display:inline-block; }
	  .mbr-forms div { margin-bottom:10px; }
	  .mbr-forms label { display:inline-block; width:100px; }
	  .mbr-forms table { border: none; }
	    .mbr-forms table tr, .mbr-forms table td { border: none; vertical-align:middle; }
	  .mbr-forms .ldescw { font-size: 12px; }
	
	/* header login */
	.login { background-color:#a3b8c4; border:1px solid #3b6c8a; margin-bottom:10px; padding:5px; float:right; width:23em; }
	.login input { font-size:11px; padding:2px; }
	
	/* register */
	.register-form input { margin-bottom:10px; }
	.button-register { background:#c25e37 url(../imgs/bg-create-db.gif) repeat-x bottom; color:#ebebeb; font-family:Calibri, Frutiger, "Frutiger Linotype", Univers, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold; text-transform:uppercase; border:1px solid #9a4b2c; cursor:pointer; }
    .button-register:hover { background:#c25e37 url(../imgs/bg-create-db-hover.gif) repeat-x bottom; }
    .button-register:active { background:#c25e37 url(../imgs/bg-create-db-active.gif) repeat-x bottom; }
   
/*  main structures
	----------------------------------*/
	#container-12, #footer  { width:92%; margin-left:4%; margin-right:4%; overflow:hidden; }
	#header { height:95px; margin:0 1% 24px; position:relative; }
	#footer-container { background:#141414 url(../imgs/bg-footer.gif) repeat-x top; width:100%; padding:42px 0 20px; }
	
/* 	secondary layout structures
	----------------------------------*/
	.content { margin:0 1%; clear:both; }
	.column4-left, .column4-right, .register-4, .intro-8, .column-8 { display:inline; margin-bottom:20px; float:left; position:relative; }
	.column4-left, .column4-right, .register-4 { width:32.333%; }
	.column-8, .intro-8 { width:65.667%; }
	.column4-left, .intro-8 { margin-right:2%; }
	.column4-right { margin-left:2%; }
	.column-fixed { width:220px; margin:0 2% 0 0; float:left; clear:left; }

/* 	page elements
	----------------------------------*/
	/* header elements */
	h1.title { background:url(../imgs/rdbhost.png) no-repeat; text-indent:-99999px; width:160px; height:29px; position:absolute; bottom:5px; }
	a.title { display:block; width:160px; position:absolute; bottom:15px; } /* for secondary pages */
		a.title img {
			box-shadow:0 0 0 #999; 
			-o-box-shadow:0 0 0 #999; 
			-webkit-box-shadow:0 0 0 #999; 
			-moz-box-shadow:0 0 0 #999;
		}
	.contact { color:#ebebeb; font-weight:bold; margin-top:15px; position:absolute; right:0; bottom:10px; }
		.email { background:transparent url(../imgs/icon-email.png) no-repeat left; padding-left:20px; margin-right:20px; }
		.email a { color:#ebebeb; text-decoration:none; }
		.phone { background:transparent url(../imgs/icon-phone.png) no-repeat left; padding-left:14px; }
		
	/* home page elements
	----------------------------------*/
	/* intro */
	.questions { margin-bottom:20px; }
	.questions h2 { color:#09202e; line-height:18px; text-shadow:0 1px 1px #fff; margin-bottom:20px; }
	.questions p { background:transparent url(../imgs/icon-db-check.png) no-repeat left; color:#3b6c8a; font-size:20px; font-weight:bold; text-shadow:0 1px 1px #fff; margin:0; padding-left:51px; }
	.questions .border { background:transparent url(../imgs/border-intro.png) no-repeat center; display:block; height:3px; width:100%; margin:20px auto 17px; }

	/* registration form */
	.register-4 {  }
		.call-action { 
			background-color:#a75b3c; 
			color:#fff; 
			border-color:#7a2504; 
			border-style:solid; 
			border-width:1px 1px 0; 
			margin-bottom:0; 
			padding:10px; 
			box-shadow:inset 0 5px 10px #96492b,inset 0 -5px 10px #96492b; 
			-o-box-shadow:inset 0 5px 10px #96492b,inset 0 -5px 10px #96492b; 
			-webkit-box-shadow:inset 0 5px 10px #96492b,inset 0 -5px 10px #96492b; 
			-moz-box-shadow:inset 0 5px 10px #96492b,inset 0 -5px 10px #96492b;
			border-radius-topleft:10px;
			border-radius-topright:10px;
			-moz-border-radius-topleft:10px;
			-moz-border-radius-topright:10px;
		}	
		.register-4 h3 {  text-shadow:0 1px 1px #fff; }
		.register-form { 
			background-color:#81b6d6; 
			border:1px solid #3b6c8a; 
			padding:10px 20px 20px;
			box-shadow:inset 0 5px 10px #63a2c9,inset 0 -5px 10px #63a2c9; 
			-o-box-shadow:inset 0 5px 10px #63a2c9,inset 0 -5px 10px #63a2c9; 
			-webkit-box-shadow:inset 0 5px 10px #63a2c9,inset 0 -5px 10px #63a2c9; 
			-moz-box-shadow:inset 0 5px 10px #63a2c9,inset 0 -5px 10px #63a2c9;
		}
		
	/* screencast & infograph */
	.screencast, .infograph { color:#9a4b2c; display:block; width:48%; float:left; }
	.screencast { margin-right:4%; }
	.screencast p, .infograph p { background-color:rgba(255, 255, 255, 0.9); font-size:12px; width:47%; margin-bottom:0; padding:5px; position:absolute; bottom:0; }
		.info-pic img { width:100%; position:relative; }
		
	/* portfolio */		
	.item { width:300px; margin-right:16px; float:left; }
 
	/* tell me more */
	.more { 
		background:#fff url(../imgs/bg-more.gif) repeat-x bottom; 
		border-color:#3b6c8a; 
		border-style:solid; 
		border-width:0 1px 1px; 
		padding:10px 20px 20px;
		box-shadow:inset 0 2px 5px #999; 
		-o-box-shadow:inset 0 2px 5px #999; 
		-webkit-box-shadow:inset 0 2px 5px #999; 
		-moz-box-shadow:inset 0 2px 5px #999;
	}
	
	.more ul { line-height:2em; list-style:none; margin:0; }
		li.how { background:transparent url(../imgs/icon-db.png) no-repeat 0 5px; padding-left:30px; }
		li.faq { background:transparent url(../imgs/icon-faq.png) no-repeat 0 5px; padding-left:30px; }
		li.contents { background:transparent url(../imgs/icon-contents.png) no-repeat 0 5px; padding-left:30px; }
	.more ul ul li { background:transparent url(../imgs/arrow-right.png) no-repeat 0 8px; padding-left:20px; }

	/* website showcase */
	#websites { width:940px; margin:auto; padding-top:20px; clear:both; overflow:hidden; }
	#websites h2 { text-align:center; }
	#websites h3 { font-size:18px; margin-bottom:0; }
	
	/* sub page elements
	----------------------------------*/
	/* breadcrumbs */
	#bc-container { width:100%; overflow:hidden; }
	ul#breadcrumb { font-size:12px; line-height:25px; list-style:none; display:inline; margin:0; }
		ul#breadcrumb a { text-decoration:none; }
		ul#breadcrumb li { background:#a3b8c4 url(../imgs/bg-breadcrumb.gif) no-repeat left; margin-bottom:20px; padding:0 10px 0 20px; float:left; }
			ul#breadcrumb li.first {
				-moz-border-radius-topleft:5px;
				-moz-border-radius-bottomleft:5px;
				-webkit-border-top-left-radius:5px;
				-webkit-border-bottom-left-radius:5px;
			}
			ul#breadcrumb li.last {
				-moz-border-radius-topright:5px;
				-moz-border-radius-bottomright:5px;
				-webkit-border-top-right-radius:5px;
				-webkit-border-bottom-right-radius:5px;
			}
			ul#breadcrumb li:first-child { background:#a3b8c4 url() -10px 0; padding-left:10px; }
	
	/* menu */
	ul.menu { list-style:none; margin:0 0 1.5em; }
		.page-name { background-color:#3b6c8a; color:#fff; border-bottom:1px solid #20465d; display:block; padding:5px 10px; }
		ul.menu a { color:#424242; text-decoration:none; display:block; padding:5px 10px; }
			ul.menu a:hover { color:#fff; }
		ul.menu li { background-color:#63a2c9; margin-bottom:1px; }
			ul.menu li.current { background:#a5cde5 url(../imgs/arrow-right.png) no-repeat 10px 8px; }
			ul.menu li.current span { display:block;  padding:5px 10px; }
			ul.menu li:hover { background-color:#3b6c8a; }
		ul.menu ul { list-style:none; margin:0; }
		ul.menu ul li { background-color:#a5cde5; padding-left:20px; }
			ul.menu ul li:hover { background:#a5cde5 url(../imgs/arrow-right.png) no-repeat 10px 8px; }
			
	/* code examples */
	.code, .errexample span { 
		background-color:#ebebeb;
		font-family:Consolas, 'Lucida Console', Monaco, monospace; 
		font-size:12px; 
		display:block; 
		white-space:pre; 
		margin:0 20px 20px; 
		padding:20px;
		border-radius:10px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		box-shadow:inset 0 2px 5px #999; 
		-o-box-shadow:inset 0 2px 5px #999; 
		-webkit-box-shadow:0 2px 5px #999; 
		-moz-box-shadow:inset 0 2px 5px #999;
	}
	.errexample { background:transparent url(../imgs/icon-err.png) no-repeat; }
		.errexample span { margin:0 20px 20px 30px; }
	
	/* profile page */
	.acct-manage, ul.profile-menu { background-color:#63a2c9; margin-bottom:10px; padding:10px; overflow:hidden; }
		.acct-manage ul, ul.profile-menu { list-style:none; margin:0; }
			.acct-manage li, ul.profile-menu li { background-color:#ebebeb; margin:10px 0 0 0; padding:5px; }
			.acct-manage li { margin-left:10px; float:left; }
				.acct-manage li:first-child { margin-left:0; }
		ul.profile-menu { padding-top:0; }
	
	ul.options { list-style:none; margin:0 0 20px 0; /* padding: 0; */ }
		ul.options li { margin-top:10px; }
			ul.options li:first-child { margin-top:0; }
		ul.options strong { background-color:#a5cde5; display:block; margin-bottom:0; padding:5px; }
		ul.options span { font-size:12px; }
		
	.acct-info { border-bottom:1px solid #63a2c9; margin-bottom:20px; overflow:hidden; }
		.acct-info h2 { line-height:1.2em; margin-bottom:2px; display:block; }
		.acct-info h2 span { font-size:18px; font-weight:normal; }
		.balance { background-color:#a3b8c4; padding:10px; }
		#balance { font-size:16px; }
	
	p.support { margin-bottom:15px; margin-top:-20px }
	
	/* video page */
	ul.vid-list { list-style:none; margin-left:0; }
	.vid-thumb img { width:230px; height: 170px; margin-bottom:10px; }

	/* pre_amazon */
	table#radiolist {
		width: 400px;
	}
	
	#stats th { background-color:transparent; }
	#stats .subnote { font-size:12px; }
	
	.em { color:#228833; font-size:larger; }
	.em-red { color:#c62209; font-size:larger; }

	p.question {
		margin-top: 1em;
		font-size: larger;  
	}
	p.answer,ul.answer {
		font-family: Georgia, serif; 
		font-style: normal;
		font-weight: normal;
		margin-right: 75px;
		margin-left: 30px;
		padding: 0;
	}

	dl { margin-left: 25px; margin-bottom: 25px; width: 650px; }
	dt { font-size: 105%; color: #000000; font-style: normal; font-weight: normal; 	}
	dd { margin-left: 15px; }

    /* certs */
    div.cert {
        color: #9acd32; ;
        width: 100%;
    }

	/* footer elements
	----------------------------------*/
	#footer, #footer a { color:#ebebeb; }
	ul.footer-menu { text-align:center; list-style:none; margin-left:0; }
		ul.footer-menu li { display:inline; padding:0 10px; }
		ul.footer-menu li:first-child { padding-left:0; }
	.twitter-blog { text-align:center; margin-bottom:10px; }
		.twitter { background:transparent url(../imgs/icon-twitter.png) no-repeat; margin-right:20px; padding-left:39px; }
		.blog { background:transparent url(../imgs/icon-blog.png) no-repeat; padding-left:26px; }		
	.copyright { font-size:11px; text-align:center; clear:both; }	
	
/* 	misc
	----------------------------------*/
	.alignleft { float:left; margin-right:5px; }
	.alignright { float:right; margin-left:5px; }
	.clear { clear:both; } /* for elements that don't need to float */
	.rdbhost { font-variant:small-caps; font-weight:bold; } /* for styling RdbHost */