/* -----------------------------------------------------
	Base
----------------------------------------------------- */
* { margin: 0; padding: 0; }
html, body { height: 100%; margin: 0 0 1px 0; padding: 0; }
body { background: #fff; color: #141414; font: 13px Arial, Helvetica, sans-serif; }

/* -----------------------------------------------------
	Structure
----------------------------------------------------- */
.container { width: 100%; }
.container > .inner { margin: 0 auto; width: 980px; }
#footer { padding: 20px 0; text-align: center; }
#footer p { color: #353535; font-family: Verdana, Arial, sans-serif; font-size: 10px; }
#footer p:last-child { margin-bottom: 0; }
#footer p a { border-bottom: 2px solid #ccc; color: #171717; font-weight: bold; }
#footer img { margin-bottom: 20px; }

/* -----------------------------------------------------
	#main
----------------------------------------------------- */
#main { background: #f0f0f0; border-top: 2px solid #e0e0e0; border-bottom: 2px solid #e0e0e0; padding: 15px 0; }
#main > .inner { background: #fff; border: 1px solid #e0e0e0; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
#main > .inner > .inner { padding: 40px; }

/* -----------------------------------------------------
	.top_bar / #nav_main
----------------------------------------------------- */
/* -- [.top_bar] -- */
#top_bar { background: #222; }
#top_bar > .inner { margin: 0 auto; padding: 10px 0; position: relative; width: 980px; }
#top_bar .im_handcrafted { position: absolute; top: 8px; right: 0;  }
#top_bar .im_handcrafted a { color: #fff; }
#top_bar .im_handcrafted a:hover { text-decoration: underline; }
/* -- [#nav_main] -- */
#nav_main {  }
#nav_main ul,
#nav_main ul li,
#nav_main ul li a { display: inline; float: left; }
#nav_main ul { /* Empty Ruleset */ }
#nav_main ul li { border-right: 1px solid #555; font-size: 12px; padding: 0 10px; }
#nav_main ul li:first-child { padding-left: 0; }
#nav_main ul li:last-child { border-right: none; }
#nav_main ul li a { color: #fff; }
#nav_main ul li a:hover { text-decoration: underline; }

/* -----------------------------------------------------
	Mast Head
----------------------------------------------------- */
#mast_head { padding: 20px 0; }
/* -- [Branding] -- */
#mast_head p#branding { background: url(../images/public/normak_logo.png) no-repeat 50% 0; height: 101px; margin-bottom: 15px; position: relative; text-align: center; }
#mast_head p#branding a { display: block; height: 100%; width: 100%; }
#mast_head p#branding a:hover { cursor: default; }
#mast_head p#branding span { display: none; }
/* -- [Description] -- */
#mast_head h1 { height: 52px; text-align: center; }
#mast_head h1 span { display: none; }
#mast_head h1 a { background: url(../images/public/mast_head_headings.png) no-repeat 50% 0; display: block; height: 100%; width: 100%; }
#mast_head h1 a:hover { cursor: default; }

/* -----------------------------------------------------
	#signup_bar
----------------------------------------------------- */
#signup_bar { margin-bottom: 30px; }
#signup_bar > .inner { margin: 0 auto; width: 980px; }
#signup_bar > .inner > .inner { background: url(../images/public/bg_or.png) no-repeat 200px 50%; margin: 0 auto; width: 400px; }
#signup_bar span { display: none; }
#signup_bar a { display: inline; text-indent: -9999px; }
#signup_bar a.soft_pill { height: 40px; width: 100px; }
#signup_bar a.soft_pill.signup { background: url(../images/public/button_sign_up.png) no-repeat; float: left; height: 32px; width: 184px; }
#signup_bar a.soft_pill.tour { background: url(../images/public/button_tour.png) no-repeat; float: right; height: 32px; width: 164px; }

/* -----------------------------------------------------
	#home
----------------------------------------------------- */
#home_columns {  }
#home_columns:last-child { border-bottom: none; }
/* -- [.columns] -- */
#home_columns.columns {  }
#home_columns.columns > .inner {  }
/* -- [.column] -- */
#home_columns .column { display: inline; float: left; }
#home_columns .column > .inner {  }
#home_columns .column.two > .inner p,
#home_columns .column.three > .inner p { color: #444; line-height: 1.4; }
/* -- [.column.one] -- */
#home_columns .column.one { width: 620px; }
#home_columns .column.one > .inner {  }
/* -- [.column.two] -- */
#home_columns .column.two { float: right; width: 250px; }
#home_columns .column.two > .inner {  }
#home_columns .column.two > .inner h2 { background: url(../images/public/bg_headings.png) no-repeat 0 -30px; margin-bottom: 12px; position: relative; text-indent: -9999px; }

/* -----------------------------------------------------
	#tour
----------------------------------------------------- */
#tour_columns { margin-bottom: 20px; }
/* -- [.columns] -- */
#tour_columns .columns {  }
#tour_columns .columns > .inner {  }
/* -- [.column] -- */
#tour_columns .column {  }
#tour_columns .column > .inner { padding: 20px; }
/* -- [.column.full] -- */
#tour_columns .column.full { margin-bottom: 40px; width: 100%; }
#tour_columns .column.full > .inner {  }
#tour_columns .column.full h1 { border-bottom: 2px solid #e2e2e2; font-size: 24px; padding-bottom: 5px; text-align: center; }
/* -- [.column.one] -- */
#tour_columns .column.one { margin: 0 auto; width: 800px; }
#tour_columns .column.one > .inner {  }

.tour_item { border-top: 3px solid #e2e2e2; margin-top: 30px; padding-top: 30px; }
.tour_item:first-child { border-top: none; margin-top: 0; }
.tour_item h2 { font-size: 18px; margin-bottom: 10px; }
.tour_item p { color: #333; line-height: 1.8; margin-bottom: 20px; }
.tour_item:last-child { margin-bottom: 0; }
.tour_item img { display: block; margin: 0 auto; margin-bottom: 20px; }
.tour_item img.tour_image { border: 1px solid #777; }
.tour_item img:last-child { margin-bottom: 0; }

/* -----------------------------------------------------
	#signup
----------------------------------------------------- */
#signup_columns {  }
/* -- [.columns] -- */
#signup_columns .columns {  }
#signup_columns .columns > .inner {  }
/* -- [.column] -- */
#signup_columns .column { display: inline; float: left; }
#signup_columns .column > .inner { padding: 20px; }
/* -- [.column.full] -- */
#signup_columns .column.full { margin-bottom: 40px; width: 100%; }
#signup_columns .column.full > .inner {  }
#signup_columns .column.full h1 { border-bottom: 2px solid #e2e2e2; font-size: 24px; padding-bottom: 5px; text-align: center; }
/* -- [.column.one] -- */
#signup_columns .column.one { width: 500px; }
#signup_columns .column.one > .inner {  }
#signup_columns .column.one h2 { border-bottom: 1px solid #e2e2e2; font-size: 14px; font-weight: bold; margin-bottom: 15px; padding-bottom: 6px; }
#signup_columns .column.one p { color: #333; line-height: 1.6; margin-bottom: 15px; }
/* -- [.column.two] -- */
#signup_columns .column.two { float: right; width: 325px; }
#signup_columns .column.two > .inner {  }
#signup_columns .column.two .block { margin-bottom: 30px; }
#signup_columns .column.two .block:last-child { margin-bottom: 0; }
#signup_columns .column.two h3 { font-size: 18px; font-weight: normal; margin-bottom: 20px; }
#signup_columns .column.two p { color: #444; line-height: 1.4; margin-bottom: 8px; }
#signup_columns .column.two p:last-child { margin-bottom: 0; }
#signup_columns .column.two ul,
#signup_columns .column.two ol { margin: 20px 0; padding-left: 20px; }
#signup_columns .column.two ul li,
#signup_columns .column.two ol li { line-height: 1.4; margin-bottom: 6px; }

fieldset { border: none; }
legend { display: none; }
.rowset { margin-bottom: 40px; }
.rowset.last { margin-bottom: 0; }
.row { margin-bottom: 14px; }
.row.last { margin-bottom: 0; }
.row.heading { margin-bottom: 20px; }
.row .hint { color: #333; display: block; font-size: 12px; margin-top: 4px; }
.save_actions { margin-top: 20px; }
.save_actions input[type=submit] { font-size: 14px; }
.row.radio { padding-top: 10px; }
.row.check_box{ padding-left: 5px; }
.row.check_box input { margin-right: 6px; }
.row.radio h4,
.row.check_box h4 { margin-bottom: 5px; }
.row.radio label,
.row.check_box label { display: inline; margin-left: 5px; }
.row.radio input,
.row.check_box input { position: relative; top: 2px; }
.row.radio .answer,
.row.check_box .answer { display: inline; margin-right: 40px; }
.row h3 { border-bottom: 1px solid #cacaca; color: #22549E; font-size: 14px; font-weight: bold; margin-bottom: 4px; padding-bottom: 4px; }
.row p { margin: 10px 0 10px 0 !important; }
.row label { display: block; margin-bottom: 3px; }
.row select { width: 325px; }
.row input[type=text],
.row input[type=password],
.row textarea { font-family: Arial, sans-serif; font-size: 14px; padding: 4px; width: 400px; }
.row input.blur { color: #888; }
.row textarea { height: 95px; }

/* -----------------------------------------------------
	.column a
----------------------------------------------------- */
.column a {  }
.column a:hover { text-decoration: underline; }

/* -----------------------------------------------------
	Features
----------------------------------------------------- */
.feature { border-bottom: 1px dashed #d2d2d2; display: inline; float: left; margin-bottom: 30px; padding-bottom: 30px; width: 310px; }
.feature > .inner { padding-right: 15px; }
.feature h2 { background: url(../images/public/bg_feature_headings.png) no-repeat 0 0; height: 50px; position: relative; text-indent: -9999px; width: 100%; }
.feature h2 a { display: block; height: 100%; position: absolute; width: 100%; }
.feature.multi_account h2 { background-position: 0px 0px; }
.feature.auto_follow h2 { background-position: 0 -60px; }
.feature.feed_tweet h2 { background-position: 0 -120px; }
.feature.open_bots h2 { background-position: 0 -180px; }
.feature.suggest_a_bot h2 { background-position: 0 -240px; }
/* -- [Formatting] -- */
.feature h2 { color: #fff; font-family: Helvetica, Verdana, Arial, sans-serif;font-size: 20px; font-weight: normal; margin-bottom: 20px; }
.feature p { color: #444; font-size: 13px; line-height: 1.6; margin-bottom: 12px; }
.feature p:last-child { margin-bottom: 0; }

/* -----------------------------------------------------
	.user_logos
----------------------------------------------------- */
#user_logos ul { list-style: none; margin-bottom: 10px; }
#user_logos ul li { margin-top: 8px; overflow: hidden; }
#user_logos ul li:first-child { margin-top: 0; }
#user_logos .stroke { border: 1px solid #e2e2e2; }
#user_logos .padding { background: #f0f0f0; padding: 6px; }
#user_logos .content { background: #fff; border: 1px solid #e9e9e9; padding: 20px 0; text-align: center; }
#user_logos .content img {  }
.user_email_us p { font-size: 11px; line-height: 1.2; margin: 0 0 12px 0; text-align: center; }
.user_email_us p:first-child { margin-bottom: 0; }

/* -----------------------------------------------------
	.twitter_follow
----------------------------------------------------- */
.twitter_follow { margin-bottom: 15px; text-align: center; }

/* -----------------------------------------------------
	.action_links
----------------------------------------------------- */
.action_links { background: #f0f0f0; font-size: 24px; font-weight: bold; padding: 20px 0; text-align: center; }
.action_links a { color: #333 !important; }
.action_links a:hover { text-decoration: underline; }

/* ------------------------------------------------------------
	Images
------------------------------------------------------------ */
a img { border: none; }
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin: 15px auto; padding: 0; }
img.alignright { display: inline; margin: 15px 20px; }
img.alignleft { display: inline; margin: 15px 20px; }
.alignright { float: right; }
.alignleft { float: left; }

/* ------------------------------------------------------------
	Links
------------------------------------------------------------ */
a, a:link, a:visited { color: #bc0000; text-decoration: none; }
a:hover {  }
a:focus, a:active { outline: none; }

/* ------------------------------------------------------------
	Common, Misc...
------------------------------------------------------------ */
.hidden, hr { display: none; }
.clear { clear: both; }

/* -----------------------------------------------------
	P.I.E. FLOAT CLEARING
	www.positioniseverything.net/easyclearing.html
----------------------------------------------------- */
.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

/* Fixes IE/Mac */
.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* -----------------------------------------------------
	Flashes
----------------------------------------------------- */
#warning,
#notice { font-size: 14px; font-weight: bold; margin-bottom: 16px; width: 100%; }
#warning { color: #FFDEDF; }
#notice { color: #242424; }
/* -- [Wrap] -- */
#warning_wrap,
#notice_wrap { }
/* -- [Paragraphs] -- */
#warning_wrap p,
#notice_wrap p { margin: 0; padding: 0; text-align: center; }
#warning_wrap p span,
#notice_wrap p span { margin: 0; padding: 4px; }
#warning_wrap p span { background: #CC0000; }
#notice_wrap p span { background: #FFF1A8; }
/* -- [Links] -- */
#warning_wrap a,
#notice_wrap a { padding: 0 5px; text-decoration: underline; }
#warning_wrap a { color: #fff; }
#notice_wrap a { color: #CC0000; }

/* -----------------------------------------------------
	Form Notices
----------------------------------------------------- */
div#errorExplanation { margin: 0px 10px 15px 0; margin-left: -15px; padding: 10px 15px; color: #fff; background: #c00; border: 3px solid #B00000; }
div#errorExplanation h2 { font-size: 1.6em; color: #fff; background: transparent; margin-bottom: 7px; padding-left: 0; border-bottom: 1px solid #B00000; }
div#errorExplanation p { font-size: 1.2em; margin-left: 0 !important; }
div#errorExplanation ul { margin: 10px 0 5px 0; padding: 0 0 0 14px; }
div#errorExplanation ul li { font-size: 1.1em; margin-bottom: 5px; line-height: 1.5em; }

.categorybutton {
	background-color: #f0f0f0;
	margin: 5px;
	padding: 5px;
	display: block;
	float: left;
	text-align: left;
}
