@import url(http://yui.yahooapis.com/2.7.0/build/reset/reset-min.css);
		
	/* My setup: 	
		name {
			background
			width, height
			font, color, text etc.
			margin, padding
			extra
			float, display, border etc.
			css3 (moz, webkit etc.)
		}
	*/
		
	* {
		padding: 0;
		margin: 0; }
		
	html {
		background: #fff2e2; }

	body {
		background: #fff2e2 url('http://beepoll.net/dev/images/background.png') repeat-x;
		font: 13px arial, sans-serif;
		color: #90683a; 
		padding-bottom: 50px; }
			
		a {
			color: #e31c71;
			text-decoration: none; }
		a:hover {
			color: #f83d65;
			text-decoration: underline; }
			
			a.nostyle, a.nostyle:hover {
				width: 620px; 
				height: 28px; 
				position: relative;
				margin-bottom: -28px; 
				float: left;}
			
		em {
			color: #cea678; 
			font-weight: normal; }
			
		strong {
			font-weight: bold; }
			
		a.vote {
			background: url('images/vote.png') no-repeat center left;
			width: 17px;
			height: 17px;
			text-decoration: none;
			padding: 2px 6px;
			margin-right: 1px; }
		a.vote:hover {
			background: url('images/voteh.png') center; }
			
		.highlight_failed, .highlight_accepted, .highlight_warning {
			background: #ffe4d9;
			color: #f25414;
			padding: 6px; 
			border: 1px solid #e64706; 
			border-radius: 6px;
			-moz-border-radius: 6px; 
			-webkit-border-radius: 6px; }
		.highlight_accepted {
			background: #f9ffd4;
			color: #839614;
			border-color: #76890a; }
		.highlight_warning {
			background: #fff5d9;
			color: #9e7d23;
			border-color: #deab22; }
		
		.outcome_icon {
			margin-bottom: -4px; }
		
		div.bar {
			background: url('images/bar2.png') center;
			width: 146px;
			height: 11px;
			margin: 6px 0px 6px 0;
			border: 1px solid #bf9558; }
			
		div#header {
			background: #90683a url('http://beepoll.net/dev/images/background.png') repeat-x;
			margin: auto; 
			padding: 0 40px 0px 40px; }
			
			div#header_wrap {
				background: url('http://beepoll.net/dev/images2/header.jpg') 0 3px no-repeat;
				width: 900px;
				margin: auto; 
				padding: 40px 0 8px 0; }
			
		div#logo {
			background: url('http://beepoll.net/dev/images2/beepoll.png') no-repeat; 
			width: 190px;
			height: 141px; 
			float: left; }
		div#logo:hover {
			background-position: 0 -141px; }
			
			a#logo_link {
				width: 190px;
				height: 141px; 
				display: block; }
				
		div#whois {
			width: 625px;
			height: 101px;
			text-align: right; 
			margin: auto auto auto 30px;
			float: left; }
			
			div#whois p {
				font-size: 14px; 
				color: #e3d29a; }
			div#whois p em, div#whois p em a { color: #c4ac5e; }
			div#whois a { color: #fdafab; }
			div#whois a.alias {
				font-size: 16px;
				color: #211a00; }
			.loggedout {
				color: #67471d;
				margin-top: 45px;
				float: right; }
				
			div#avatar {
				background: #fff no-repeat;
				width: 80px;
				height: 91px; 
				margin: 0 -19px 0 26px; 
				float: right; }
			div#avatar_wrap {
				background: url('images2/avatar_wrap.png') no-repeat;
				width: 80px;
				height: 91px;
				display: block;	}
				
			.header_googlead {
				margin: 20px 0 0 5px; 
				float: left; }
				
		div#menu {
			background: url('http://beepoll.net/dev/images2/menu.png'); 
			width: 620px;
			height: 20px;
			font-size: 16px; 
			margin-right: 35px;
			padding: 10px 10px; 
			float: right;
			border-radius: 10px;
			-moz-border-radius: 10px; 
			-webkit-border-radius: 10px; }
			
			div#menu a {
				color: #826033; text-decoration: none; padding: 10px 5px; }
			div#menu a:hover {
				color: #cc7c60; }
			
		div#features {
			width: 900px; 
			margin-top: 25px; 
			float: left; } 
			
			div.coloumn {
				width: 190px;
				font-size: 14px; 
				text-align: justify;
				margin-right: 35px;
				float: left; }
			div.coloumn a { 
				color: #ba966d; 
				text-decoration: none;
				margin-top: 4px; 
				padding: 3px 0 3px 3px; 
				float: right; }
			div.coloumn a:hover { color: #cab269; text-decoration: underline; }
				
			.color1 { color: #ffbac9; } .color2 { color: #fff6ba; }
			.color3 { color: #caffba; } .color4 { color: #bafbff; }
			
		div#content {
			width: 900px;
			margin: auto; 
			padding-top: 40px; }
			
			div.content br {
				margin-bottom: 5px; } 
				
			td { padding: 6px 7px 0 0; }
			
			div.box {
				width: 410px;
				margin: auto; 
				float: left; }
				
			h1 {
				font: 30px Arial, sans-serif; 
				color: #201900; 
				margin-bottom: 13px; }
				
				.heading_fun {
					font-size: 60%; }
					
			h1#beepoll_question {
				font: 18px Arial, sans-serif;
				color: #5f401d;
				margin-bottom: 3px; }
				
			h2 {
				font: 16px Arial, sans-serif; 
				color: #5f401d; 
				margin-bottom: 3px; }
				
			.polls_tr, .recent_activity {
				background: #fff url('images2/polls_tr.gif') bottom repeat-x;
				width: 755px;
				margin: 0;
				padding: 0 0 6px 8px; 
				display: inline-block; 
				position: relative;
				z-index: 3;
				border: 1px solid #e4c8a1; 
				border-radius: 6px;
				-moz-border-radius: 6px; 
				-webkit-border-radius: 6px; }
			.recent_activity {
				background: #f9ffd4; }
				
				.small {
					width: 620px;
					margin: 0 0 0 35px; 
					opacity: 0.7; }
				.small:hover {
					opacity: 1; }
				
			.polls_tr_sub {
				background: #fff url('images2/polls_tr.gif') bottom repeat-x;
				width: 620px;
				margin: -30px 0 3px 0;
				padding: 3px 0 6px 8px; 
				display: none; 
				position: relative;
				z-index: 1;
				border: 1px solid #e4c8a1; 
				float: left; 
				border-radius: 0 0 6px 6px;
				-moz-border-radius: 0 0 6px 6px;
				-webkit-border-radius: 0 0 6px 6px; 
				opacity: 0.7; }
				
				.polls_tr_1 {
					padding: 6px 7px 0 0;
					width: 95px;
					float: left; }
				.polls_tr_2 {
					padding: 6px 7px 0 0;
					width: 385px; 
					overflow: hidden;
					float: left; }
				.polls_tr_3 {
					padding: 6px 4px 0 0;
					width: 120px; 
					float: right; }
				
			.statistics_overlay {
				background: #d6e897;
				height: 22px;
				margin-top: -3px; 
				border: 1px solid none; 
				position: absolute;
				z-index: 1;
				border-radius: 3px;
				-moz-border-radius: 3px; 
				-webkit-border-radius: 3px; }
				
			.polls_tr:hover, .recent_activity:hover {
				border-color: #cca878; }
			
			.polls_tr:hover {
				background-image: none; }
				
			.poll_option {
				padding: 2px 0; }
			.poll_option small {
				margin-top: 3px; 
				float: right; }
				
			.statistics, .statistics:hover, .edit_poll, .edit_poll:hover, .close_poll, .close_poll:hover, .open_poll, .open_poll:hover, .public_poll, .public_poll:hover,.hidden_poll, .hidden_poll:hover   {
				background: url('images/statistics.png');
				width: 19px;
				height: 19px;
				margin: 0 1px; 
				float: right; 
				text-decoration: none; 
				opacity: 1; }
			.edit_poll, .edit_poll:hover  {
				background: url('images2/settings.png'); }
			.close_poll, .close_poll:hover  {
				background: url('images/key.png'); }
			.open_poll, .open_poll:hover  {
				background: url('images/unlock.png'); }
			.public_poll, .public_poll:hover {
				background: url('images/earth.png'); }
			.hidden_poll, .hidden_poll:hover {
				background: url('images/hidden.png'); }
				
			.statistics:hover, .edit_poll:hover, .close_poll:hover, .open_poll:hover, .public_poll:hover, .hidden_poll:hover {
				opacity: 0.7; }
				
			.alt_color {
				width: 16px;
				height: 16px;
				float: left;
				border-radius: 2px;
				-moz-border-radius: 2px; 
				-webkit-border-radius: 2px; }
				
			a.erase {
				background: url('images/erase.png') no-repeat center;
				width: 14px;
				height: 11px;
				margin: 3px 0 0 -2px;
				text-decoration: none; 
				float: left; }
			a.erase:hover {
				background-image: url('images/erase_h.png'); }
				
			a.minus_plus {
				background: url('images/minus.png') no-repeat center;
				width: 19px;
				height: 17px; 
				float: left; 
				opacity: 0.5;
				-moz-opacity: 0.5;
				filter: alpha(opacity=50); }
			a.minus_plus:hover {
				opacity: 1;
				-moz-opacity: 1;
				filter: alpha(opacity=100); }
				
			div.side_info {
				background: #fff center no-repeat;
				width: 150px;
				margin: 10px -65px 0 0;
				padding: 15px;
				border: 1px solid #e4c8a1; 
				float: right; 
				border-radius: 15px;
				-moz-border-radius: 15px; 
				-webkit-border-radius: 15px; }
				
		textarea {
			background: url('images2/textarea.png') no-repeat; 
			width: 179px;
			height: 56px;
			font: 11px Arial, sans-serif;
			color: #917a5e;
			margin: 2px auto auto auto;
			padding: 1px 2px 3px 2px;
			border: 0; }
		textarea:focus {
			background-position: 0 -60px;
			color: #71583a; }
				
		div.par, div.par_part {
			background-position: left 10px;
			background-repeat: no-repeat;
			width: 605px; 
			padding: 0 10px 0 35px;
			float: right; }
		div.par_part {
			width: 400px; }
			
		input.form, select.form, input.form_long, input.form_short, input.form_accepted, input.form_failed, input.form_long_accepted, input.form_long_failed {
			background: url('images2/form.jpg') no-repeat; 
			width: 179px; 
			height: 20px;
			font: 11px Arial, sans-serif;
			color: #917a5e;
			margin: 2px auto auto auto;
			padding: 0 2px; 
			border: 0; }
		
			input.form:focus, select.form:focus, input.form_long:focus, input.form_short:focus, input.form_accepted, input.form_failed {
				background-position: 0 -20px;
				color: #71583a; }
			select.form {
				width: 182px; 
				height: 19px; 
				padding: 2px 2px 2px 0px; }
				
			input.form_long, input.form_long_accepted, input.form_long_failed {
				background-position: -336px 0;
				width: 235px; }
			input.form_long:focus {
				background-position: -336px -20px; }
				
			input.form_short {
				background-position: -575px 0;
				width: 27px; }
			input.form_short:focus {
				background-position: -575px -20px; }
				
				input.form_accepted, input.form_failed, input.form_long_accepted, input.form_long_failed {
					padding-right: 20px!important; }
				
				input.form_accepted {
					background-position: 0 -40px; 
					width: 159px; }
				input.form_accepted:focus  {
					background-position: 0 -60px; }
					
				input.form_failed {
					background-position: 0 -80px; 
					width: 159px; }
				input.form_failed:focus  {
					background-position: 0 -100px; }
					
				input.form_long_accepted {
					background-position: -336px -40px; 
					width: 217px; }
				input.form_long_accepted:focus {
					background-position: -336px -60px; }
					
				input.form_long_failed {
					background-position: -336px -80px; 
					width: 217px; }
				input.form_long_failed:focus {
					background-position: -336px -100px; }
				
			.checkbox {
				margin: 1px 7px 0 0; 
				float: left; }
				
		input.submit {
			background: #f3feff;
			height: 20px;
			font: 11px Arial, sans-serif;
			color: #2b3e40;
			margin: auto;
			padding: 0 2px 0 2px;  
			border: 1px solid #91ada9;
			border-radius: 6px;
			-moz-border-radius: 6px; 
			-webkit-border-radius: 6px; }
		input.submit:hover {
			background: #ffffff;
			border-color: #a3ad91; }
		input.submit:focus {
			border-color: #a97e50; }
		
		div.twtr-hd, div.twtr-ft {
			display: none; }
		div.twtr-bd {
			font: 13px arial, sans-serif;
			margin: -6px 0 0 -8px; 
			padding-right: 10px; }
		div.twtr-bd i {
			float: right; }