/* @override 
	http://www.tailshq.dev/stylesheets/tailshq.css
*/

/* 	Angryamoeba BASE CSS
	
	This stylesheet is shared between the angryamoeba sites and defines the default styles
	for major document elements.
	
	-----------------------------------
	ANGRYAMOEBA Colour defs (copy and paste is fun)	
	CYAN: 						#189CE5;
	MAGENTA: 					#EC008C;
	GREEN: 						#5AC000;
	-----------------------------------
	TAILS HQ Colour defs
	RED:						#9F144C;
	GREEN: 						#54A70F;
	YELLOW:						#FFF9E5;
	-----------------------------------
	
*/

/* Markup-specific styles for the site */

a {
	color: #4A701E;
	text-decoration: underline;
}

body {
	background: url('/images/body_background.png') repeat-x top left;
}

/* @group Header */

#network {
		height: 30px;
		padding-top: 6px;
		background: url('/images/network_bar_background.png') no-repeat top left;
	}
		#network a {
			color: #666;
		}
		#network .rightcolumn {
			border: none;
		}

#header {
		background: url('/images/header_background.png') no-repeat top left;
}

h1 a, #network a {
	padding-left: 10px;
}
h1.leftcolumn {
	width: 40%;
}

/* @group Navigation */

	#navigation {
		display: block;
		width: auto;
		margin-left: auto;
		margin-right: auto;
		list-style-type: none;
		margin-top: 15px;
	}
		#navigation li {
			float: left;
			background: url('/images/navigation_bar_green.gif') no-repeat center center;
		}
			#navigation li a {
				color: white;
				text-decoration: underline;
				display: block;
				font-size: 15px;
				padding: 12px 10px;
			}
		#navigation .first {
			background-position: center left;
		}
			#navigation .first a {
				padding-left: 12px;
			}
		#navigation .last {
			background-position: center right;
		}
			#navigation .last a {
				padding-right: 12px;
			}
		#navigation .active {
			background-image: url('/images/navigation_bar_white.gif');
		}
		#navigation .active a {
			color: #333;
		}

/* @end */



/* @end */

/* @group Templates */

/* @group General */

/* @group Footer */

div#footer {
	background: #FBF5E7;
	padding: 15px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin-top: 50px;
	margin-bottom: 50px;
}

/* @end */

/* @group Split column lists */

	.left_column {
		width: 49%;
		float: left;
		list-style-type: none;
		padding-right: 2%;
	}
	.right_column {
		width: 49%;
		float: right;
		list-style-type: none;
	}
	
	.left_column li, .right_column li {
		padding: 15px;
		background: #FBF5E7;
		margin-bottom: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
	}

/* @end */



/* @end */

/* @group Home */

	#home {
		list-style-type: none;
		background: #FBF5E7;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		width: 930px;
		padding: 15px;
		height: 460px;
		margin-bottom: 20px;
		color: #333;
	}
	#home li {
	}
		#home h3 {
			width: 424px;
			padding: 0.5em 0;
			font-size: 2.5em;
			font-weight: normal;
			float: left;
		}
		#home a {
			text-decoration: none;
		}
		#home a:hover {
			text-decoration: underline;
		}
			#home h3 span.highlight {
				color: #9F144C;
			}			
			#home .description {
				width: 424px;
				height: 450px;
				font-size: 1.2em;
				line-height: 1.5em;
				padding: 0 20px;
				float: right;
				text-align: left;
				border-left: 1px solid #edd8b5;
			}
			#home .description p {
				margin-bottom: 10px;
			}
			#home .description ul {
				list-style-type: none;
			}
			#home .description ul li {
				padding: 10px;
				padding-left: 45px;
				border-top: 1px solid #edd8b5;
				background: transparent url('/images/li_yes.png') no-repeat 0px 12px;
			}
			#home .description ul li.free_trial {
				border: none;
				margin-top: 10px;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
				background: #9F144C;
				color: white;
				font-size: 1em;
			}
				li.free_trial a {
					color: white;
					text-decoration: underline !important;
				}
				li.free_trial .paid {
					display: block;
				}
				li.free_trial .free {
					display: block;
					font-size: 0.75em;
				}
			#home .description ul li.tour_linkout {
				border: none;
				margin-top: 10px;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
				background: #2C71BF;
				color: white;
				font-size: 1em;
			}
				li.tour_linkout a {
					color: white;
					text-decoration: underline !important;
				}
				#home_link {
					display: block;
				}
				li.tour_linkout span {
					display: block;
					font-size: 0.75em;
				}
			
			#home div.frontpage {
				float: left;
			}
				#home p.caption {
					display: block;
					float: left;
					background: black;
				}
	
	
/* @end */

/* @group Tour */

#tour_wrapper {
		background: #FBF5E7;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	}
	#tour_wrapper ol {
		list-style-type: none;
		clear: both;
	}
		#tour_wrapper ol.tour_navigation {
			
		}	
			
			#tour_wrapper ol.tour_navigation li {
				width: 20%;
				padding: 20px 0px;
				float: left;
				text-align: center;
				font-size: 1.1em;
			}
			#tour_wrapper ol.tour_navigation li.active {
				font-weight: bold;
				background: url('/images/active_tour_arrow.png') no-repeat bottom center;				
			}
			#tour_wrapper ol.tour_navigation li.active a {
				text-decoration: none;
				color: #333;				
			}
			
	#tour_wrapper ol.tour_content {
		border-top: 3px solid #E8DEBD;
	}
	
		#tour_wrapper ol.tour_content a.prev {
			float: left;
			margin-left: 10px;
		}
		#tour_wrapper ol.tour_content a.next {
			float: right;
			margin-right: 10px;
		}
			#tour_wrapper ol.tour_content a.prev, #tour_wrapper ol.tour_content a.next {
				margin-top: 4em;
			}
		
		#tour_wrapper ol.tour_content div.content_block {
			width: 800px;
			margin-left: 80px;
			padding-bottom: 20px;
		}
			#tour_wrapper ol.tour_content div.content_block h2 {
				margin: 30px;
				font-weight: lighter;
				font-size: 2em;
				text-align: center;
				color: #9F144C;
			}
			#tour_wrapper ol.tour_content div.content_block p {
				margin: 10px 60px;
				line-height: 1.7em;
			}
			#tour_wrapper div.subsized {
				text-align: center;
			}
			#tour_wrapper .plans_linkout {
				display: block;
				padding-bottom: 20px;
				font-size: 1.8em;
				
				text-align: center;
				color: #9F144C;
			}
	

/* @end */

/* @group Plans */

.tour_linkout {
	background: #9F144C;	
	padding: 15px;
	margin-bottom: 15px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	color: white;
	font-size: 1.8em;
}
	.tour_linkout a {
		color: white;
	}	

#account_plans {
		width: 100%;
		border-left: 1px solid #CCC;
	}
		#account_plans tr {
	
		}
		#account_plans th, #account_plans td {
			width: 25%;
			border: none;
			border-right: 1px solid #CCC;
			text-align: center;
		}

			#account_plans th {
				padding: 0.7em 0;
				font-size: 1.5em;
				font-weight: normal;
				background: #EFEFEF;
			}
			#account_plans td {
				padding: 0.7em;
				font-size: 1.3em;
			}
			#account_plans tr.price td {
				font-size: 1em;
			}
		
		#account_plans th.current {
			color: #999;
			background: #EEE;
		}
		#account_plans td.signup {
			background: none !important;
		}
		#account_plans td.current {
			color: #999;
			background: #EEE !important;
		}
		
		#account_plans th.free {
			background: #4C9909;
			color: white;
		}
		#account_plans td.free {
			background: #FFF9E5;
		}
		
		#account_plans th.basic {
			background: #0186FC;
			color: white;
		}
		#account_plans td.basic {
			background: #E5F5FF;
		}
		
		#account_plans th.pro {
			background: #000C69;
			color: white;
		}
		#account_plans td.pro {
			background: #E9ECFF;
		}
		
		#account_plans th.works {
			background: #690045;
			color: white;
		}
		#account_plans td.works {
			background: #F6EDF3;
		}



/* @end */

/* @group Help */

	#help_header {
		list-style-type: none;
		background: #FBF5E7;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		padding: 15px;
		margin-bottom: 20px;
		color: #333;
	}
		#help_header ol, #help_header h2 {
			clear: both;
		}
		#help_header #bigthree {
			list-style-type: none;
		}	
			#help_header #bigthree li {
				float: left;
				width: 32%;
				padding: 15px 0;
				margin-left: 0.5%;
				margin-right: 0.5%;
				margin-bottom: 20px;
				text-align: center;
				background: white;
				font-size: 2em;
				-moz-border-radius: 10px;				
				-webkit-border-radius: 10px;
			}
			#help_header h2 {
				margin-bottom: 10px;
				padding-bottom: 10px;
				color: #333;
				border-bottom: 1px solid #E8DEBD;
			}
			#help_header #questiontypes {
				list-style-position: inside;
				font-size: 1.3em;
				padding-top: 10px;
			}
				#help_header #questiontypes li {
					margin-bottom: 10px;
				}
				
	#help_wrapper h3 {
		padding-bottom: 20px;
		margin-bottom: 20px;
		border-bottom: 1px solid #E8DEBD;
		font-size: 2em;
		color: #E8DEBD;
	}
	
	#help_wrapper h4 {
		font-size: 1.3em;
		margin-bottom: 5px;
	}
	#help_wrapper blockquote {
		display: block;
		margin: 0; padding: 0;
		margin-bottom: 20px;
		border: none;
		line-height: 1.6em;
	}

/* @end */



/* @end */