/* 
    Document   : main
    Created on : May 10, 2010, 7:28:04 AM
    Author     : user
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
body{font-size: 13px; font-family: times new roman, georgia; color: #4E4E4E;}
img {border-width: 0px; border-style: none;}

/*Home Page*/
#whole{width: 804px; height: 592px; margin: 0 auto;}
#header{height: 100px;}
#wholesong{width: 804px; height: 680px; margin: 0 auto;}
#nav{height: 36px;}
#content{height: 456px;}
#qoute{width: 403px; height: 456px; margin-top: 50px; padding-right: 22px; padding-left: 19px; float: left;}
#pic{width: 273px; height: 456px; margin-top: 33px; float: left;}
#auther{font-size: 12px;}
#welcome{width: 62px; height: 36px; display: block; background: url(images/buttons/welcome.jpg); background-position: bottom; background-repeat: no-repeat; float: left;}
#welcome:hover{background-position: top;}
#bio{width: 26px; height: 36px; display: block; background: url(images/buttons/bio.jpg); background-position: bottom; background-repeat: no-repeat; float: left;}
#bio:hover{background-position: top;}
#music{width: 43px; height: 36px; display: block; background: url(images/buttons/music.jpg); background-position: bottom; background-repeat: no-repeat; float: left;}
#music:hover{background-position: top;}
#video{width: 43px; height: 36px; display: block; background: url(images/buttons/video.jpg); background-position: bottom; background-repeat: no-repeat; float: left;}
#video:hover{background-position: top;}
#contact{width: 52px; height: 36px; display: block; background: url(images/buttons/contact.jpg); background-position: bottom; background-repeat: no-repeat; float: left;}
#contact:hover{background-position: top;}
.space{width: 180px; height: 36px; float: left;}
/* */

/*Bio*/
#bioback{width: 714px; height: 389px; background: url(images/bio.jpg); background-position: center; margin-top: 35px;}
#biocontent{width: 652px; height: 369px; padding: 30px; font-size: 15px; text-indent: 20px; line-height: 27px; font-family: arial; padding-top: 20px;}
#nospace{line-height: 17px; text-indent: 0px;}
/* */

/*Music*/
#contentM{height: 844px; font-family: "Century Gothic"; margin-top: 10px; overflow: hidden; height: 100%;}
#albumnpic{width: 240px; float: left;}
#mid{width: 290px; float: left; font-size: 12px; padding-right: 27px;}
#play{width: 22px; float: left; line-height: 17px;}
#songs{width: 200px; float: left; margin-top: 2px;}
#songs a:link{color: #F86506}
#songs a:visited{color: #F86506}
#songs a:hover{color: #F86506}
.buynow{text-indent: 80px;}
.buynow a:link{color: #4E4E4E; text-decoration: none;}
.buynow a:visited{color: #4E4E4E; text-decoration: none;}
.buynow a:hover{color: #4E4E4E; text-decoration: underline;}
#pdf{color: #F86506}
#pdf a:link{color: #F86506}
#pdf a:visited{color: #F86506}
#pdf a:hover{color: #F86506}
/* */

/*video*/
#vidcontent{width: 850px; font-family: "Century Gothic"; overflow: hidden; height: 100%; margin-top: 10px;}
#column1{width: 270px; float: left;}
#column2{width: 270px; float: left;}
#column3{width: 270px; float: left;}
.vidspace{margin-top: 10px; margin-bottom: 30px; border-color: white;}
.vidspace a:link{text-decoration: none; border-color: white;}
.vidspace a:visited{text-decoration: none; border-color: white;}
.vidspace a:hover{text-decoration: none; border-color: white;}
/* */

#playspace{height: 17px;}
#contentcont{width: 880px;}
#linkspic{width: 200px; float: left;}
#linkspic{color: #F86506}
#linkspic a:link{color: #F86506}
#linkspic a:visited{color: #F86506}
#linkspic a:hover{color: #F86506}


#links12{color: #F86506}
#links12 a:link{color: #F86506}
#links12 a:visited{color: #F86506}
#links12 a:hover{color: #F86506}

#regards{font-family: "Century Gothic"; color: #F09A67; font-size: 16px; font-weight: bold;}
#standard_container_1_back{ background-color: White; margin: 0 auto; width: 880px; background-image: url(container_1_back.jpg); background-position: center top; background-repeat: repeat-y; margin-bottom: 10px; }
#standard_container_1_back #standard_container_1_top{ background-image: url(container_1_top.jpg); background-position: center top; background-repeat: no-repeat; padding: 20px 15px; font-family: "Century Schoolbook, Century Gothic"; }
#standard_container_1_back #standard_container_1_top h2{ color: #6C8CAB; font-size: 16px; padding-bottom: 15px; }
#standard_container_1_back #standard_container_1_top p{ font-family: "Century Schoolbook, Century Gothic"; padding-bottom: 15px; color: #7F7F7F; font-size: 14px; line-height: 20px; }
#standard_container_1_back #standard_container_1_top p a{ font-weight: bold; color: navy; }
#standard_container_1_back #standard_container_1_top p a:hover{ text-decoration: none; color: black; }

#standard_container_1_back #standard_container_1_top #contact_us .formRow{ overflow: hidden; height: 100%; padding-bottom: 10px; }
#standard_container_1_back #standard_container_1_top #contact_us .formRow label{ float: left; height: 20px; width: 392px; padding-right: 10px; text-align: right; font-weight: bold; }
#standard_container_1_back #standard_container_1_top #contact_us .formRow input{ border: 2px solid #D59726; background-color: white; padding: 2px 0; width: 200px; }
#standard_container_1_back #standard_container_1_top #contact_us .formRow select{ border: 2px solid #D59726; background-color: white; padding: 2px 0; width: 200px; }
#standard_container_1_back #standard_container_1_top #contact_us .formRow textarea{ border: 2px solid #A3ACBF; background-color: white; }
#standard_container_1_back #standard_container_1_top #contact_us .formErrorRow{ padding: 10px; font-weight: bold; color: Red; text-align: center; }
#standard_container_1_back #standard_container_1_top #contact_us .formSubmitRow{ text-align: center; padding-top: 4px; }

#standard_container_1_back #standard_container_1_top #contact_us_container{
	overflow: hidden;
	height: 100%;
        margin-top: 40px;
}
#standard_container_1_back #standard_container_1_top #contact_info{
	float: left;
	font-style:  normal;
	line-height: 20px;
}
#standard_container_1_back #standard_container_1_top #contact_us_form{
	float: right;
        width: 600px;
}
#standard_container_1_back #standard_container_1_top #contact_us_form .formRow{ overflow: hidden; height: 100%; padding-bottom: 10px; }
#standard_container_1_back #standard_container_1_top #contact_us_form .formRow label{
	float: left;
	height: 20px;
	width: 150px;
	padding-right: 10px;
	text-align: right;
}
#standard_container_1_back #standard_container_1_top #contact_us_form .formRow input{ border: 1px solid #D59726; background-color: white; padding: 2px 0; width: 200px; }
#standard_container_1_back #standard_container_1_top #contact_us_form .formRow select{ border: 1px solid #D59726; background-color: white; padding: 2px 0; width: 200px; }
#standard_container_1_back #standard_container_1_top #contact_us_form .formRow textarea{ border: 1px solid #D59726; background-color: white; }
#standard_container_1_back #standard_container_1_top #contact_us_form .formErrorRow{ padding: 10px; font-weight: bold; color: Red; text-align: center; }
#standard_container_1_back #standard_container_1_top #contact_us_form .formSubmitRow{ text-align: left; padding-left: 200px; padding-top: 4px; }
