/************************************************

Author: David Woolf
Site: Music Template (Dark Version)
Date of creation: 12.9.09
Description: A clean, html template geared
towards musicians. Easily changeable for anyone
needing a portfolio site.

************************************************/

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td { 
	margin: 0; 
	padding: 0; 
}

body {
	background-color: #111;
	font: 62.5%/1.6 "arial","helvetica neue", "helvetica", sans-serif;
}

a {
	outline: none;
}

#header_wrapper {
	background-color: #222;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	margin: 0px auto;
	padding: 0px 25px 30px 25px;
	width: 938px;
}

#header {
	height: 65px;
	border-bottom: 1px solid #333;
	width: 100%;
}

#header h1 {
	background: url(../graphics/DJR_titlelogo.png) no-repeat left 32px;
	color: #fff;
	float: left;
	font-size: 3.6em;
	letter-spacing: -1px;
	line-height: 85px;
	padding: 0px 0px 0px 46px;
}

#header h1 a {
	color: #fff;
	text-decoration: none;
}

#linkbar {
	float: right;
	list-style-type: none;
	padding: 38px 0px 0px 0px;
	position: relative;
	z-index: 10;
}

#linkbar li {
	float: left;
	padding: 0px 0px 0px 0px;
	position: relative;
	z-index: 10;
}

#linkbar li a {
	color: #fff;
	display: block;
	font-size: 1.3em;
	font-weight: 900;
	padding: 4px 12px 2px 12px;
	position: relative;
	text-decoration: none;
	z-index: 10;
}

#linkbar a:hover {
	background-color: #555;
	color: #fff;
}

#linkbar a.current_page {
	background-color: #555;
	color: #fff;
}

#linkbar li ul {
	background-color: #222;
	border: 1px solid #333;
	border-bottom: 0px;
	display: none;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	position: absolute;
	top: 27px;
	width: 140px;
	z-index: 10;
}

#linkbar li ul li {
	float: none;
	padding: 0px;
	position: relative;
	z-index: 10;
}

#linkbar li ul li a {
	border: 0px;
	border-bottom: 1px solid #333;
	float: none;
	font-size: 1.2em;
	margin: 0px;
	padding: 8px 10px 8px 10px;
	position: relative;
	z-index: 10;
}

#linkbar li ul li a:hover {
	background-color: #333;
	color: #fff;
}

/* Content */

#content {
	background-color: #222;
	border: 1px solid #333;
	border-top: 0px;
	border-bottom: 0px;
	margin: 0 auto;
	min-height: 400px;
	padding: 0px 25px 5px 25px;
	width: 938px;
}

#content h1 { /* Stylized for usability, but should be reserved for header, use h2 */
	color: #fff;
	font-size: 4.8em;
}

#content h2 {
	border-bottom: 1px solid #333;
	color: #fff;
	font-size: 3.0em;
	height: 42px;
	line-height: 38px;
	margin: 0px 0px 10px 0px;
}

#content h2.inline {
	border-bottom: 0px;
	height: auto;
}

#content h3 {
	color: #fff;
	font-size: 2.4em;
	line-height: 25px;
	margin: 5px 0px 7px 0px;
}

#content h3 a {
	color: #fff;
	font-size: 1.0em;
	text-decoration: none;
}

#content h3 a:hover {
	text-decoration: underline;
}

#content h4 {
	color: #fff;
	font-size: 1.8em;
}

#content h5 {
	color: #fff;
	font-size: 1.3em;
}

#content h6 {
	color: #fff;
	font-size: 1.1em;
}

#content p {
	color: #fff;
	font-size: 1.3em;
	padding: 8px 0px 8px 0px;
}

#content a {
	color: #fff;
	font-size: 1.3em;
	font-weight: 900;
}

#content ul li {
	font-size: 1.2em;
}

#content table {
	border-collapse: collapse;
	color: #fff;
	font-size: 1.2em;
	margin: 10px 0px 10px 0px;
}

#content tr {
}

#content tr.odd_row {
	background-color: #333;
}

#content th {
	text-align: left;
	padding: 2px 20px 3px 5px;
}

#content td {
	padding: 2px 25px 3px 5px;
}

#content blockquote {
	background-color: #262626;
	border: 1px solid #333;
	color: #fff;
	font-size: 1.1em;
	font-style: italic;
	line-height: 25px;
	margin: 10px 0px 10px 0px;
	padding: 20px 20px 20px 40px;
}

#content a.list_link { /* Group of links with gradient background */
	background: url(../graphics/link_gradient_bg.png) repeat-x;
	border: 1px solid #333;
	color: #fff;
	display: block;
	float: left;
	font-size: 1.2em;
	font-weight: 400;
	line-height: 32px;
	margin: 5px 0px 10px -1px;
	padding: 0px 10px 0px 10px;
	text-decoration: none;
}

#content a.list_link:hover {
	color: #ccc;
}

#content a.list_link:active {
	background: url(../graphics/link_bg_inverted.png) repeat-x;
}

#main_column {
	float: left;
	width: 675px;
}

#main_column img {
	width: 100%;
}

#side_column {
	border: 1px solid #333;
	float: right;
	margin: -11px 0px 10px 0px;
	padding: 5px 0px;
	width: 240px;
}

#side_column h3 {
	border-bottom: 1px solid #333;
	color: #fff;
	font-size: 2.0em;
	line-height: 26px;
	padding: 2px 0px 10px 10px;
	margin: 0px;
}

#side_column ul {
	border-bottom: 1px solid #333;
	margin-bottom: 3px;
}

#side_column li {
	color: #444;
	font-size: 1.2em;
	list-style-type: none;
}

#side_column li a {
	color: #ccc;
	display: block;
	font-size: 1.0em;
	font-weight: 400;
	padding: 3px 0px 3px 10px;
	text-decoration: none;
}

#side_column li a:hover {
	background-color: #262626;
}

#bread_crumbs { /* Small nav under each header */
}

#bread_crumbs ul {
	border: 1px solid #333;
	border-bottom: 1px solid #333;
	height: 35px;
	margin: -6px -1px 5px -1px;
}

#bread_crumbs li {
	color: #fff;
	display: inline;
	float: left;
	font-size: 1.2em;
	font-weight: bold;
	list-style-type: none;
	margin-right: -5px;
	padding: 7px 0px 0px 10px;
}

#bread_crumbs li a {
	color: #fff;
	display: inline;
	font-weight: 900;
	text-decoration: none;
	padding: 0px;
}

#bread_crumbs li a:hover {
	background-color: transparent;
	text-decoration: underline;
}

/* Footer */

#footer {
	background-color: #1a1a1a;
	border: 1px solid #333;
	margin: 0px auto 15px auto;
	min-height: 40px;
	padding: 0px 25px 15px 25px;
	width: 938px;
}

#footer .footer_section {
	border-right: 1px solid #333;
	float: left;
	padding: 10px 0px 0px 0px;
	margin-right: 20px;
}

#footer .footer_section ul {
	list-style-type: none;
}

#footer .footer_section li {
	font-size: 1.2em;
}

#footer .footer_section a {
	color: #ddd;
	display: block;
	padding: 2px 30px 2px 0px;
	text-decoration: none;
}

#footer .footer_section a:hover {
	background-color: #222;
}

#twitter_feed {
	color: #fff;
	padding: 6px 35px 8px 0px;
	width: 210px;
}

/* Home Page Styling */

/* Home Page Bio / Accordion */

#band_mini_bio {
	float: left;
	height: 558px;
	padding: 0px 12px 0px 0px;
	width: 448px;
}

#band_mini_bio img {
	border: 1px solid #333;
	width: 448px;
}

#announcement { /* Vertical accordion menu on home page */
	border: 1px solid #333;
	float: right;
	height: 558px;
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	overflow: hidden;
	position: relative;
	width: 458px;
	z-index: 1;
}

#announcement li {
	border-bottom: 1px solid #333;
	height: 50px;
	list-style-type: none;
	margin-bottom: -1px;
	overflow: hidden;
	position: relative;
	width: 458px;
}

#announcement #current { /* Changes based on jquery */
	height: 458px;
}

#announcement a.order { /* Numbering system for horizontal accordion slider */
	color: #eee;
	display: block;
	float: left;
	font-size: 2.4em;
	font-weight: bold;
	line-height: 50px;
	padding: 0px 15px 0px 17px;
	position: relative;
	text-decoration: none;
}

#announcement li span.announce_title {
	border: 0px;
	color: #fff;
	font-size: .8em;
	letter-spacing: -.5px;
	position: relative;
	top: -3px;
}

#announcement a.order:hover {
	color: #aaa;
}

#announcement #current a.order:hover { /* Current li showing shouldn't have link do anything */
	color: #eee;
}

#announcement #current span.announce_title {
	color: #fff;
}

#announcement li div { /* Main content in each accordion level goes in here */
	border-top: 1px solid #333;
	margin: 50px 0px 0px 10px;
	padding: 10px 0px 0px 0px;
	width: 438px;
}

#announcement li div img {
	border: 1px solid #333;
	height: 228px;
	margin-right: 15px;
	width: 436px;
}

#announcement li div p {
	font-size: 1.1em;
	padding: 0px 10px 5px 0px;
}

#content #announcement a.list_link { /* Group of links with gradient background */
	font-size: 1.0em;
}

#discography {
	border-top: 1px solid #333;
	height: 150px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 5px 0px;
	position: relative;
	width: 938px;
}

#discography h3 {
	font-size: 2.2em;
	letter-spacing: -1px;
	margin: 0px 0px 8px 0px;
}

#discography #view_albums { /* Right side link that goes to albums page */
	border: 1px solid #333;
	color: #ddd;
	float: right;
	font-weight: 400;
	padding: 3px 8px 3px 10px;
	position: absolute;
	right: 0px;
	top: -1px;
	text-decoration: none;
}

#discography #view_albums:hover {
	background-color: #333;
}

#discography .album_summary {
	border-right: 1px solid #333;
	float: left;
	height: 107px;
	list-style-type: none;
	margin: 3px 10px 0px 0px;
	overflow: hidden;
	position: relative;
}

#discography .album_summary img {
	height: 107px;
	float: left;
	margin-right: 15px;
	width: 107px;
}

#discography .album_summary h4 {
	display: none;
	font-size: 1.4em;
	font-weight: 400;
	left: 122px;
	position: absolute;
	top: 0px;
	width: 178px;
}

#discography .album_summary p {
	display: none;
	font-size: 1.0em;
	left: 122px;
	position: absolute;
	top: 20px;
	width: 178px;
}

#discography #first_album_summary {
	width: 300px;
}

#discography #first_album_summary h4, #discography #first_album_summary p {
	display: block;
}

/* Blog Styling */

.blog_post {
	border-bottom: 1px solid #333;
	margin: 0px 0px 12px 0px;
	padding: 0px 0px 25px 0px;
}

#content .blog_post h3 { /* Blog Post Title */
	border-bottom: 1px solid #333;
	height: 25px;
	margin-bottom: 5px;
	padding: 0px 0px 5px 0px;
}

#content .blog_post p {
	padding-left: 2px;
}

#content .blog_post img {
	border: 1px solid #333;
	margin: 10px 0px 0px 0px;
	width: 100%;
}

#content .blog_post img.left_aligned {
	float: left;
	margin: 8px 14px 0px 0px;
	max-width: 100%;
	width: auto;
}

#content .blog_post img.right_aligned {
	float: right;
	margin: 9px 0px 0px 14px;
	max-width: 100%;
	width: auto;
}

#content .blog_post_info { /* Info such as author, posting date, and comments (comments floated right) */
	height: 30px;
	margin: -6px 0px 5px 0px;
}

#content .blog_post_info ul {
	height: 25px;
}

#content .blog_post_info li {
	border: 1px solid #333;
	color: #ddd;
	display: inline;
	float: left;
	font-size: 1.2em;
	font-weight: 400;
	list-style-type: none;
	margin-right: -1px;
	padding: 3px 5px 3px 5px;
}

#content .blog_post_info li a {
	color: #ddd;
	font-size: 1.0em;
	font-weight: 400;
	text-decoration: none;
}

#content .blog_post_info li a:hover {
	color: #aaa;
}

#content .blog_post_info li.info_last {
	float: right;
}

#content .blog_post a.read_more { /* Read More Button */
	border: 1px solid #333;
	color: #ddd;
	float: right;
	font-size: 1.2em;
	font-weight: 900;
	padding: 3px 4px 2px 4px;
	text-decoration: none;
}

#content .blog_post a.read_more:hover {
	background-color: #f6f6f6;
}

#content .blog_post .secondary_info { /* Less important h3 titles (comments, leave a comment, etc.) */
	color: #ddd;
	font-size: 2.4em;
}

div.comment { /* individual comments in blog posts */
	border: 1px solid #333;
	margin: 10px 0px 10px 0px;
	min-height: 65px;
	padding: 5px 10px 5px 10px;
}

#content div.comment h4 { /* Name of person */
	color: #fff;
	font-size: 1.4em;
	padding: 2px 0px 0px 0px;
}

div.comment-reply {
	background-color: #333;
	border: 1px solid #444;
	margin: 5px 0px 10px 25px;
	min-height: 65px;
	padding: 5px 10px 5px 10px;
}

#comment_form { /* Form at the end of each blog post to post a comment */
	margin: -6px 0px -26px 0px;
}

#comment_form fieldset {
	border: 1px solid #333;
	width: 100%;
}

#comment_form input {
	background-color: #333;
	border: 1px solid #444;
	color: #fff;
	display: block;
	height: 21px;
	margin: 10px 0px 10px 10px;
	padding: 4px 5px 5px 5px;
	width: 330px;
}

#comment_form textarea {
	background-color: #333;
	border: 1px solid #444;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	height: 175px;
	margin-left: 10px;
	max-height: 175px;
	min-height: 175px;
	max-width: 500px;
	min-width: 500px;
	padding: 7px 5px 2px 5px;
	width: 500px;
}

#comment_form #submit {
	background-color: #333;
	border: 1px solid #444;
	color: #fff;
	font-size: 1.4em;
	height: 30px;
	margin: 8px 0px 10px 10px;
	padding: 0px 3px 2px 3px;
	text-align: center;
	width: 75px;
}

#comment_form #submit:hover {
	background-color: #f6f6f6;
	cursor: pointer;
}

/* Tour Info Page Styling */

#main_concert {
	border-bottom: 1px solid #333;
	height: 215px;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 15px 0px;
	width: 100%;
}

#main_concert h3 {
	font-size: 2.2em;
	margin-bottom: 0px;
}

#main_concert img {
	border: 1px solid #333;
	float: left;
	height: 215px;
	margin: 3px 27px 0px 0px;
	width: 273px;
}

#upcoming_concerts { /* Five upcoming concerts */
	float: left;
	margin: 0px 0px 0px 0px;
	width: 273px;
}

.summary_concert {
	border-bottom: 1px solid #333;
	height: 180px;
	margin: 0px 0px 15px 0px;
	width: 273px;
}

#content .summary_concert h4 {
	color: #fff;
	font-size: 2.0em;
	line-height: 24px;
}

#list_tour_dates { /* Specialized list with three categories */
	float: right;
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	width: 640px;
}

#list_tour_dates li {
	color: #fff;
	font-size: 1.2em;
	padding: 8px 0px 8px 5px;
}

#list_tour_dates li.odd {
	background-color: #272727;
}

#list_tour_dates li span.important {
	font-size: 1.1em;
}

#list_tour_dates li a {
	border-left: 1px solid #333;
	color: #fff;
	font-size: 1.0em;
	font-weight: 800;
	padding: 2px 0px 1px 10px;
	text-decoration: none;
}

#list_tour_dates li a:hover {
	color: #aaa;
}

#list_tour_dates li span.first_category {
	display: block;
	float: left;
	width: 250px;
}

#list_tour_dates li span.second_category {
	display: block;
	float: left;
	width: 235px;
}

#list_tour_dates li.sold_out {
	color: #555;
}

/* Tour Photos Page Styling */

#content #tour_albums {
	list-style-type: none;
	position: relative;
}

#content #tour_albums li {
	background-color: #333;
	float: left;
	height: 240px;
	margin: 0px 12px 11px 0px;
	width: 178px;
}

#content #tour_albums li.last_row_item {
	margin-right: 0px;
}

#content #tour_albums li h3 {
	font-size: 1.4em;
	margin: 5px 10px 7px 10px;
}

#content #tour_albums li img {
	height: 162px;
	margin: 0px 0px 10px 10px;
	width: 157px;
}

#content #tour_albums li p {
	font-size: .88em;
	margin: -13px 0px 0px 10px;
}

#content #tour_albums li div.photo_container {
	background-color: #222;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	display: none;
	height: 465px;
	left: -25px;
	overflow: hidden;
	padding: 20px 5px 20px 5px;
	position: absolute;
	top: -11px;
	width: 978px;
	z-index: 8;
}

#content #tour_albums li div.photo_container div.photo_buffer { /* Actual images are stored in this div */
	background-color: #222;
	overflow: hidden;
	position: relative;
	z-index: 5;
}

#content #tour_albums li div div.exit_container {
	background-color: #222;
	height: 25px;
	position: absolute;
	right: 5px;
	top: 0px;
	width: 100%;
	z-index: 10;
}

#content #tour_albums li div .exit {
	border: 1px solid #333;
	color: #ddd;
	float: right;
	font-size: 1.0em;
	font-weight: 400;
	margin: -1px 13px -5px 0px;
	padding: 2px 10px 2px 10px;
	text-decoration: none;
}

#content #tour_albums li div .exit:hover {
	background-color: #444;
}

#content #tour_albums li div img {
	border: 1px solid #333;
	float: left;
	height: 133px;
	margin: 15px 5px 0px 10px;
	width: 177px;
}

#content #tour_albums li div img:hover {
	cursor: pointer;
}

#content #tour_albums li div.album_controls {
	background-color: #222;
	bottom: 0px;
	height: 25px;
	position: absolute;
	width: 100%;
	z-index: 10;
}

#content #tour_albums li div.album_controls a {
	border: 1px solid #333;
	color: #555;
	display: block;
	float: left;
	left: 464px;
	font-weight: 400;
	height: 25px;
	margin-right: -1px;
	position: relative;
	text-decoration: none;
	top: 3px;
	width: 34px;
}

#content #tour_albums li div.album_controls .up_control {
	background: url(../graphics/arrow_up.png) no-repeat;
	background-position: -34px 0px;
	color: #aaa;
	cursor: default;
}

#content #tour_albums li div.album_controls .down_control {
	background: url(../graphics/arrow_down.png) no-repeat;
}

/* Merchandise Page Styling */

#content #merchandise_container {
	list-style-type: none;
	position: relative;
}

#content #merchandise_container li {
	background-color: #333;
	float: left;
	margin: 0px 12px 11px 0px;
	padding: 10px 0px 10px 0px;
	width: 178px;
}

#content #merchandise_container li.last_row_item {
	margin-right: 0px;
}

#content #merchandise_container li h3 {
	font-size: 1.4em;
	margin: -5px 10px 7px 10px;
}

#content #merchandise_container li img {
	height: 152px;
	margin: 0px 0px 10px 10px;
	width: 157px;
}

#content #merchandise_container li a {
	background-color: #444;
	border: 1px solid #555;
	color: #fff;
	float: right;
	font-size: 1.0em;
	font-weight: 400;
	margin: -5px 10px 0px 0px;
	padding: 3px 10px 2px 10px;
	text-decoration: none;
}

/* Album Page Styling */

#content .album_section {
	border: 1px solid #333;
	height: 100px;
	list-style-type: none;
	margin: 10px 0px 10px 0px;
	overflow: hidden;
	position: relative;
	width: 936px;
}

#content .album_section .album_cover {
	height: 80px;
	left: 10px;
	position: absolute;
	top: 10px;
	width: 80px;
	z-index: 4;
}

#content .album_section h3 {
	background-color: #222; /* DO NOT get rid of this, it will make text jagged in IE7 on hover effect */
	color: #fff;
	display: inline;
	float: left;
	font-size: 2.2em;
	height: 50px;
	left: 110px;
	letter-spacing: -.5px;
	padding: 28px 0px 0px 0px;
	position: absolute;
	top: 0px;
	z-index: 4;
}

#content .album_section .buy_album {
	border-left: 1px solid #333;
	height: 75px;
	padding: 0px 10px 0px 20px;
	position: absolute;
	right: 10px;
	top: 12px;
	z-index: 6;
}

#content .album_section .buy_album a {
	background-color: #222;
	border: 1px solid #444;
	color: #fff;
	font-size: 1.0em;
	font-weight: 400;
	margin-left: 5px;
	padding: 5px 10px;
	text-decoration: none;
	position: relative;
	top: 27px;
	z-index: 6;
}

#content .album_section .buy_album a:hover {
	background-color: #333;
}

#content .album_section .open_album { /* Invisible link to open albums */
	display: block;
	height: 100px;
	left: 0px;
	position: absolute;
	top: 0px;
	width: 936px;
	z-index: 5;
}

#content .album_info {
	border-top: 1px solid #333;
	left: 0px;
	min-height: 100px;
	padding: 10px 0px 10px 0px; /* Make sure to update album_ui.js if you change the top / bottom values, see help file */
	position: absolute;
	top: 100px;
	width: 916px;
}

#content .album_info .album_extras {
	float: left;
	list-style-type: none;
	margin-left: 10px;
	text-align: right;
	width: 135px;
}

#content .album_info .album_extras h4 {
	background-color: #222;
	color: #fff;
	font-size: 1.4em;
	margin: -5px 0px 0px 0px;
}

#content .album_info .album_extras p {
	font-size: .9em;
}

#content .album_info .album_extras p.important {
	border-bottom: 1px solid #333;
	color: #fff;
	font-weight: 400;
	margin-bottom: -5px;
	padding: 10px 0px 0px 0px;
}

#content .album_info .album_songs {
	float: right;
	width: 750px;
}

#content .album_info .album_songs li {
	color: #fff;
	font-size: 1.2em;
	height: 24px;
	font-size: 1.0em;
	list-style-type: none;
	padding: 5px 5px 2px 5px;
}

#content .album_info .album_songs li a {
	background-color: #222;
	border: 1px solid #333;
	color: #fff;
	float: right;
	font-size: .9em;
	font-weight: 400;
	margin: 0px 0px 0px 5px;
	padding: 1px 10px 1px 10px;
	position: relative;
	top: 0px;
	text-decoration: none;
}

#content .album_info .album_songs li a:hover {
	background-color: #333;
}

#content .album_info .album_songs .odd_song {
	background-color: #262626;
}

/* Bio Page Styling */

/* Contact Page Styling */

#contact_area {
	border: 1px solid #333;
	height: 400px;
	margin: 49px 0px 10px 0px;
	padding: 0px 10px 0px 10px;
	position: relative;
	width: 916px;
}

#contact_nav {
	list-style-type: none;
	left: -11px;
	position: relative;
	top: -32px;
}

#contact_nav li {
	float: left;
}

#contact_nav li a { /* To change border, look in contact_ui.js at the top and inside the functions */
	background-color: #222;
	color: #fff;
	display: block;
	font-weight: 400;
	font-size: 1.3em;
	padding: 3px 10px 3px 10px;
	text-decoration: none;
}

.contact_form { /* Actual email form in each section */
	left: 10px;
	position: absolute;
	top: 10px;
	width: 400px;
}

.contact_other_info_first { /* Top right section */
	position: absolute;
	right: 30px;
	top: 10px;
	width: 400px;
}

.contact_other_info_second { /* Bottom right section */
	padding: 5px 0px 0px 0px;
	position: absolute;
	right: 30px;
	top: 200px;
	width: 400px;
}

#contact_area .contact_form form, #contact_area .contact_other_info_first form {
	margin: 15px 0px 0px 0px;
}

#contact_area .contact_form fieldset, #contact_area .contact_other_info_first fieldset {
	border: 0px;
}

#contact_area .contact_form input, #contact_area .contact_other_info_first input {
	background-color: #333;
	border: 1px solid #444;
	color: #fff;
	height: 20px;
	font-size: 1.2em;
	margin: 0px 0px 10px 0px;
	padding: 8px;
	width: 382px;
}

#contact_area .contact_form input.submit, #contact_area .contact_other_info_first input.submit {
	background-color: #333;
	border: 1px solid #444;
	color: #fff;
	height: 34px;
	font-size: 1.2em;
	margin: 0px 0px 10px 0px;
	padding: 8px;
	width: 80px;
}

#contact_area .contact_form input.submit:hover, #contact_area .contact_other_info_first input.submit:hover {
	cursor: pointer;
}

#contact_area .contact_form textarea {
	background-color: #333;
	border: 1px solid #444;
	color: #fff;
	font-family: Arial, Helvetica;
	font-size: 1.2em;
	height: 120px;
	margin: 0px 0px 10px 0px;
	padding: 8px;
	width: 382px;
}

/* Predefined Classes */

.clear_div { /* For floated divs, this makes their height recognized in parent divs */
	clear: both;
}

.important {
	color: #fff;
	font-weight: 900;
}

.left_aligned {
	float: left;
}

.right_aligned {
	float: right;
}

img.left_aligned {
	float: left;
	margin: 8px 14px 0px 0px;
	max-width: 100%;
	width: auto;
}

img.right_aligned {
	float: right;
	margin: 9px 0px 0px 14px;
	max-width: 100%;
	width: auto;
}

.full_width { /* For images and margin positioning */
	margin: 10px 0px 10px 0px;
}