/* --------------------------------------------------------------------------------------------------------
AUTHOR:			Ryan Marincovich
DATE CREATED:	2007.03.16
PURPOSE:		Base Style sheet for VenYou Artist Template
REVISIONS:
-------------------------------------------------------------------------------------------------------- */

p { 
	margin: 0;
	padding: 0 0 12px 0; 
}

/* FONT DEFINITIONS */
table, tr, td {
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 11px;
}

/* UNIVERSAL IMAGE DEFS */
img.float_left {
	border: 0px;
	float: left;
}

img.float_right {
	border: 0px;
	float: right;
}

/* Used for featured blocks or anywhere the thumb floats right in text */
img.thumb_right {
	border: 0px;
	margin: 4px 0px 6px 10px;
	padding: 0px;
	float: right;
	display: inline;
}

/* This section image is at the top with a text header, so must have top margin */
img.section_image_text {
	border: 0px;
	margin: 4px 0px 16px 20px;
	padding: 0px;
	float: right;
	display: inline;
}

/* This section image is at the top with no text header, no top margin */
img.section_image {
	border: 0px;
	margin: 0px 0px 16px 20px;
	padding: 0px;
	float: right;
	display: inline;
}

/* This is the thumb class for a image with a shadow background image behind it */
img.thumb_projects {
	border: 0px;
	margin: 12px 0px 0px 12px;
	padding: 0px;
	float: left;
	display: inline;
}

form.no_margin {
	margin: 0px;
	padding: 0px;
	position: relative;
	float: left;
}

/* LINK DEFINITIONS */
a { font-weight: bold; text-decoration: none; color: #ff6600; }
a:visited { font-weight: bold; text-decoration: none; color: #ff6600; }
a:hover { font-weight: bold; text-decoration: underline; color: #ff6600; }
a:active { font-weight: bold; text-decoration: underline; color: #ff6600; }

a.black { text-decoration: underline; color: #000; }
a.black:visited { text-decoration: underline; color: #000; }
a.black:hover { text-decoration: none; color: #000; }
a.black:active { text-decoration: none; color: #000; }

a.left { font-weight: bold; text-decoration: none; color: #ff6600; float: left; }
a.left:visited { font-weight: bold; text-decoration: none; color: #ff6600; float: left; }
a.left:hover { font-weight: bold; text-decoration: underline; color: #ff6600; float: left; }
a.left:active { font-weight: bold; text-decoration: underline; color: #ff6600; float: left; }

a.right { font-weight: bold; text-decoration: none; color: #ff6600; float: right; }
a.right:visited { font-weight: bold; text-decoration: none; color: #ff6600; float: right; }
a.right:hover { font-weight: bold; text-decoration: underline; color: #ff6600; float: right; }
a.right:active { font-weight: bold; text-decoration: underline; color: #ff6600; float: right; }

a.gallery_detail { padding: 3px 0px 0px 0px; font-weight: bold; text-decoration: none; color: #ff6600; float: right; }
a.gallery_detail:visited { padding: 3px 0px 0px 0px; font-weight: bold; text-decoration: none; color: #ff6600; float: right; }
a.gallery_detail:hover { padding: 3px 0px 0px 0px; font-weight: bold; text-decoration: underline; color: #ff6600; float: right; }
a.gallery_detail:active { padding: 3px 0px 0px 0px; font-weight: bold; text-decoration: underline; color: #ff6600; float: right; }

a.head { font-weight: bold; text-decoration: none; color: #ffffff; float: right; }
a.head:visited { font-weight: bold; text-decoration: none; color: #ffffff; float: right; }
a.head:hover { font-weight: bold; text-decoration: underline; color: #ffffff; float: right; }
a.head:active { font-weight: bold; text-decoration: underline; color: #ffffff; float: right; }

/* MAIN ERROR DEFS */
.textError {
	width: 100%;
	font-size: 11px;
	font-weight: bold;
	color: #CC0000;
	margin: 0px;
	padding: 0px;
	background-color: #ffeeee;
	float: left;
	display: inline;
}
.textError h1 {
	padding: 10px;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	float: left;
}
.textError ul {
	margin: 0px;
	padding: 5px 10px 5px 30px;
	float: left;
}

.textError a { padding: 10px; float: left; }

.textErrorSmall {
	font-size: 11px;
	padding: 5px;
	color: #CC0000;
}

#table_header {
	width: 100%;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

#table_footer {
	width: 100%;
	height: 60px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

/* --------------------------- BODY DEFS ----------------------------------- */
#main_container {
	width: 770px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
}

/* section image with text wrapping around it */
.text_area_section_image {
	width: 340px;
	margin: 0px;
	padding: 0px;
	float: left;
	display: inline;
}
.text-block-full-index {
	width: 560px;
	margin: 0 0 0 85px;
	padding: 16px 0 5px 0;
	float: left;
	display: inline;
}
.text-block-events {
	width: 100%;
	margin: 0;
	padding: 0 0 16px 0;
	float: left;
}
.text_block, .text-block-divided {
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
}
.text-block-divided {
	padding: 0 0 4px 0;
	margin: 0 0 16px 0;
	background: url(/_images/framework/text-divider.gif) bottom left no-repeat;
}
.text_column_half {
	width: 50%;
	margin: 0px;
	padding: 0px;
	float: left;
}

.text_column_left {
	margin: 0px;
	padding: 0px 10px 0px 0px;
	float: left;
	display: inline;
}

.text_column_right {
	margin: 0px;
	padding: 0px 0px 0px 10px;
	float: left;
	display: inline;
}

/* --------------------------- COLUMN CONTAINERS FOR BUILD PAGE ----------------------------------- */
.container_full {
	width: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
}
.container_full_index {
	width: 730px;
	margin: 0 0 0 20px;
	padding: 0px;
	float: left;
	display: inline;
}
.container_left_column {
	width: 150px;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	float: left;
	display: inline;
}
.container_middle_column {
	width: 390px;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	float: left;
	display: inline;
}
.container_right_column {
	width: 170px;
	margin: 0px;
	padding: 0px;
	float: right;
	background-color: #CCCCCC;
}
.container_centered_column {
	width: 560px;
	margin: 0px 0px 0px 105px;
	padding: 0px;
	float: left;
	display: inline;
}
.container_column_wleft {
	width: 560px;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	float: left;
	display: inline;
}
.container_column_wleft_shadow {
	width: 570px;
	margin: 0px 0px 0px 15px;
	padding: 0px;
	float: left;
	display: inline;
}
.container_column_wright {
	width: 560px;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	float: left;
	display: inline;
}
.container_text_shadow {
	width: 560px;
	margin: 0px 0px 0px 5px;
	padding: 0px;
	float: left;
	display: inline;
}

/* --------------------------- COLUMN CONTAINERS FOR EVERY PAGE, WITH TOP MARGIN ----------------------------------- */
/*	
	These two containers are used to control the top margin on a page.  One if there is an image, and one if there is text.
	If there is text at the top of the page, it must be offset to allow for natural text padding.  There are also defs then for
	an image if it's at the top with the text...must have a top margin. (see top of page img.section_image and img.section_image_text)
*/
.column_content_image {
	width: 100%;
	margin: 16px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	float: left;
	display: inline;
}

.column_content_text {
	width: 100%;
	margin: 16px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	float: left;
	display: inline;
}

.column_content_image_home {
	width: 270px;
	margin: 20px 0 0 0;
	padding: 0px 0px 20px 0px;
	float: right;
	display: inline;
}

.column_content_text_home {
	width: 100%;
	margin: 16px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	float: left;
	display: inline;
}

/* --------------------------- MODULE DEFS ----------------------------------- */
.featured-column {
	width: 150px;
	margin: 0;
	padding: 0 0 20px 0;
	float: left;
}
.module-feature {
	width: 150px;
	margin: 20px 0 0 0;
	padding: 0;
	float: left;
	background: url(/_images/framework/bg-feature.gif) top left repeat-y;
}
.module-icons {
	width: 140px;
	margin: 8px 0 0 5px;
	padding: 0 0 6px 0;
	float: left;
	display: inline;
}
.module-icons img {
	margin: 0 0 0 1px;
	padding: 0;
	border: 0;
	float: left;
	display: inline;
}
.module_container {
	width: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
}
.module_container_small {
	width: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/_images/framework/bg_module_small.gif) top repeat-y;
}
.module_header {
	width: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
}

.module_row {
	width: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	display: inline;
	background: url(/_images/framework/bg_module_wide.gif) top left repeat-y;
}

.module_row_white {
	width: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	display: inline;
}

.module_row_alt {
	width: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	display: inline;
	background: url(/_images/framework/bg_module_wide.gif) top repeat-y;
}

.module_content {
	margin: 6px 0px 0px 0px;
	padding: 0px 10px 8px 10px;
	float: left;
	display: inline;
}

.module_content_wfoot {
	margin: 6px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	float: left;
	display: inline;
}

.module_footer {
	 width: 100%;
	 margin: 0px;
	 padding: 0px;
	 float: left;
}

/* --------------------------- HOME DEFS ----------------------------------- */
.container_home_image {
	width: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
}

.container_home_left {
	width: 280px;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	float: left;
	display: inline;
}

.container_home_featured {
	width: 430px;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	float: left;
	display: inline;
}

/* --------------------------- PAGE HEADER DEFS ----------------------------------- */
.page_header_image {
	width: 100%;
	margin: 30px 0px 0px 0px;
	padding: 0px;
	float: left;
	display: inline;
}

.page_header {
	width: 100%;
	margin: 0px;
	padding: 0px 0px 12px 0px;
	color: #666666;
	font-weight: bold;
	float: left;
	display: inline;
}

.page_header h1 {
	width: 99%;
	margin: -3px 0px 0px 0px;
	padding: 0px 0px 3px 0px;
	color: #000000;
	font-size: 18px;
	line-height: 22px;
	float: left;
}
h1.resource-detail {
	margin: -1px 0 0 0;
}
.page_header_full {
	width: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
}

/* --------------------------- ABOUT SECTION DEFS ----------------------------------- */
.resume_content {
	margin: 0px;
	padding: 0px 10px 0px 10px;
	float: left;
	display: inline;
}

.projects_row {
	width: 100%;
	margin: 0px;
	padding: 0px 0px 16px 0px;
	float: left;
	display: inline;
}

.projects_thumb_left {
	width: 129px;
	height: 134px;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	float: left;
	display: inline;
}

.projects_thumb_right {
	width: 129px;
	height: 134px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	float: right;
	display: inline;
}

.projects_text_wthumb {
	width: 425px;
	margin: 1px 0px 0px 0px;
	padding: 0px;
	float: left;
}

/* --------------------------- EVENTS SECTION DEFS ----------------------------------- */
.event_detail_image {
	width: 200px;
	height: 200px;
	margin: 4px 0px 16px 20px;
	padding: 0px;
	float: right;
	display: inline;
	background: url(/_images/framework/bg_event_image_frame.gif);
}

.event_date {
	width: 100px;
	margin: 0px 0px 0px 10px;
	padding: 5px 0px 5px 0px;
	float: left;
	display: inline;
}

.event_title {
	width: 220px;
	margin: 0px 0px 0px 10px;
	padding: 5px 0px 5px 0px;
	float: left;
	display: inline;
}

.event_location {
	width: 190px;
	margin: 0px 0px 0px 10px;
	padding: 5px 0px 5px 0px;
	float: left;
	display: inline;
}

.event_detail_label {
	width: 75px;
	font-weight: bold;
	text-align: right;
	margin: 0px;
	padding: 2px 0px 2px 0px;
	float: left;
}

.event_detail_info {
	width: 210px;
	margin: 0px 0px 0px 10px;
	padding: 2px 0px 2px 0px;
	float: left;
	display: inline;
}

.event_download_content {
	margin: 0px;
	padding: 0px 10px 8px 10px;
}

/* --------------------------- GALLERY SECTION DEFS ----------------------------------- */
.bg_gallery_row {
	width: 100%;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	float: left;
	display: inline;
}

.bg_gallery_thumb {
	width: 90px;
	height: 80px;
	margin: 4px 0px 0px 0px;
	padding: 0px;
	float: left;
	display: inline;
	background: url(/_images/framework/bg_thumb_frame.gif) top left no-repeat;
}

.bg_gallery_thumb_right {
	width: 80px;
	height: 80px;
	margin: 4px 0px 0px 0px;
	padding: 0px;
	float: left;
	display: inline;
	background: url(/_images/framework/bg_thumb_frame.gif) top left no-repeat;
}

.gallery_text_wthumb {
	width: 180px;
	margin: 0px;
	padding: 0px;
	float: left;
}

.gallery_text_nothumb {
	width: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
}

.gallery_index_content {
	margin: 0px 0px 0px 15px;
	padding: 2px 0px 5px 0px;
	float: left;
	display: inline;
}

.gallery_index_content span {
	color: #999999;
}

.gallery_index_content a {color: #ff6600;}
.gallery_index_content a:visited {color: #ff6600;}
.gallery_index_content a:hover {color: #ff6600;}
.gallery_index_content a:active {color: #ff6600;}

.gallery_index_title {
	margin: 0px 0px 0px 5px;
	padding: 2px 0px 0px 0px;
	float: left;
	display: inline;
}

.gallery_index_thumbs {
	width: 730px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: left;
	display: inline;
}

.gallery_thumbs_padding {
	margin: 0px;
	padding: 5px;
	float: left;
	display: inline;
}

.gallery_index_image {
	width: 25px;
	height: 31px;
	text-align: center;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	float: left;
	display: inline;
	background: url(/_images/framework/bg_gallery_index_thumb.gif);
}

.gallery_index_image_on {
	width: 25px;
	height: 31px;
	text-align: center;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	float: left;
	display: inline;
	background: url(/_images/framework/bg_gallery_index_thumb_on.gif);
}

.gallery_index_roll_frame {
	width: 25px;
	height: 25px;
	margin: 0px;
	padding: 0px;
	float: left;
	cursor: pointer;
	position: relative;
}

.gallery_index_roll_layer {
	position: absolute;
	height: 25px;
	width: 25px;
	left: 0px;
	top: 0px;
	z-index: 500;
}

.gallery_details_col {
	width: 260px;
	margin: 18px 0px 0px 20px;
	padding: 0px 0px 20px 0px;
	float: left;
	display: inline;
}

.gallery_purchase_button_container {
	margin: 10px 0px 0px 69px;
	padding: 0px;
	float: left;
	display: inline;
}
.gallery-contact-button {
	margin: 10px 0px 0px 76px;
	padding: 0px;
	float: left;
	display: inline;
}
.gallery_prev_next_container {
	width: 100%;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	float: left;
	display: inline;
}

.prev_next_bar {
	width: 65px;
	height: 25px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/_images/framework/gallery_prev_next_bar.gif);
}

.prev_next_links {
	width: 130px;
	margin: 0px;
	padding: 4px 0px 0px 0px;
	text-align: center;
	color: #666666;
	float: left;
	display: inline;
}

.gallery_popup_rollover {
	position:absolute;
	visibility:hidden;
	top:0px;
	left:0px;
	z-index:10;
	width: 100px;
	height: 120px;
	background: url(/_images/framework/bg_gallery_rollover.gif) top no-repeat;
}

.gallery_popup_image {
	width: 80px;
	height: 80px;
	text-align: center;
	margin: 10px 0px 0px 10px;
	padding: 0px;
	float: left;
	display: inline;
}

.gallery_popup_arrow {
	width: 100%;
	height: 20px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	float: left;
	display: inline;
}
.shop-row {
	width: 100%;
	margin: 0;
	padding: 21px 0 0 0;
	float: left;
	background: url(/_images/framework/text-divider.gif) top left repeat-x;
}
.shop-mod {
	width: 130px;
	margin: 0;
	padding: 0 0 20px 0;
	float: left;
}
.shop-mod-padding {
	width: 130px;
	margin: 0 0 0 20px;
	padding: 0 0 20px 0;
	float: left;
	display: inline;
}
.shop-mod-featured {
	width: 130px;
	margin: 0 0 0 10px;
	padding: 15px 0 15px 0;
	float: left;
	display: inline;
}
.shop-thumb {
	width: 80px;
	height: 80px;
	margin: 0 0 0 25px;
	padding: 0px;
	float: left;
	display: inline;
	background: url(/_images/framework/bg_thumb_frame.gif) top left no-repeat;
}
.shop-title-featured {
	width: 100%;
	margin: 0;
	padding: 6px 0 7px 0;
	float: left;
	text-align: center;
}
.shop-item-title {
	width: 110px;
	margin: 0 0 0 10px;
	padding: 6px 0 7px 0;
	float: left;
	display: inline;
	text-align: center;
}
.shop-item-buy {
	width: 122px;
	margin: 0 0 0 4px;
	padding: 0;
	float: left;
	display: inline;
	text-align: center;
}
/* --------------------------- LINKS SECTION DEFS ----------------------------------- */
.links_row {
	width: 100%;
	margin: 0px;
	padding: 0px 0px 6px 0px;
	float: left;
	display: inline;
}

.links_thumb {
	width: 90px;
	height: 80px;
	margin: 4px 0px 0px 0px;
	padding: 0px;
	float: left;
	display: inline;
	background: url(/_images/framework/bg_thumb_frame.gif) top left no-repeat;
}

.thumb_text {
	margin: 0px;
	padding: 0px;
}

/* --------------------------- CONTACT SECTION DEFS ----------------------------------- */
.form_row {
	width: 100%;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	float: left;
	display: inline;
}

.form_label {
	width: 110px;
	margin: 0px;
	padding: 2px 0px 0px 0px;
	text-align: right;
	float: left;
	display: inline;
}

.form_label span {
	font-weight: bold;
}

.form_field_text {
	width: 230px;
	margin: 0px 0px 0px 15px;
	padding: 0px;
	float: left;
	display: inline;
}

.form_field_textarea {
	width: 430px;
	height: 150px;
	margin: 0px 0px 0px 15px;
	padding: 0px;
	float: left;
	display: inline;
}

.form_button {
	margin: 5px 0px 0px 15px;
	padding: 0px;
	float: left;
	display: inline;
}

/* --------------------------- UTILITIES SECTION DEFS ----------------------------------- */
.site_map_column_left {
	margin: 0px;
	padding: 0px 10px 0px 0px;
	color: #666666;
	font-weight: bold;
	float: left;
	display: inline;
}

.site_map_column_right {
	margin: 0px;
	padding: 0px 0px 0px 10px;
	color: #666666;
	font-weight: bold;
	float: left;
	display: inline;
}