/* CSS  Document - Styles for romarising web site */

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

















@charset "utf-8";






* {margin:0; padding:0;}



/*****************************************************************************************************************************/
/******************************************** STANDARD STYLES FOR ENTIRE RR SITE  ********************************************/
/*****************************************************************************************************************************/

html { height: 100%; margin-bottom: 1px; } /* Causes vertical scrollbar to appear on every page. Prevents content jumping. Doesn't work in IE 5 Mac. Seems it doesn't work in IE 8 either. */

body {
background: #111111; /* soft black background */
text-align:center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
font-weight:550;
}


#container {
margin:30px auto 30px auto;
text-align:left;
}

#header {
padding:10px 10px 10px 10px;
/* border-bottom:4px #777777 solid; */
}

#cew-logo {
padding:10px 5px 10px 5px;
width:141px;
height:140px;
background-color:#000000;
background-image:url(../images/CHEWlogo.gif);
background-position:center;
background-repeat:no-repeat;
border:1px #990033 solid;
} /* Chad Evans Wyatt logo image div. padding added here. */


#title {
height:127px;
/* width:550px; */
padding-top:4px;
background-image: url(../images/rising1.gif);
background-position:top;
background-repeat:no-repeat;
background-color:#000000;
background-position:left;
}



#subtitle {
background-color:#999999;
height:21px;
padding:7px 20px 0 0;
background-image: url(../images/PROJECT2a.gif);
background-repeat:no-repeat;
background-position:center left;
text-align:right;
color:#ffffff;
font-size:12px;
line-height:12px;
font-weight:bold;
border-bottom:1px #000000 solid; 
border-right:1px #000000 solid; 
border-left:1px #000000 solid; 
}

p {
margin-top:14px;
}

a {
color:#000000;
}

#subtitle a {
/* font-size:110%; */
font-size:12px;
line-height:12px;
font-weight:bold;
text-decoration:none;
color:#ffffff;
}

#subtitle a:hover {
color:#a6004b;
}


#footer {
text-align:center;
font-size:60%;
}

/*****************************************************************************************************************************/
/******************************************** STYLES FOR ALL PAGES EXCEPT WELCOME  *******************************************/
/*****************************************************************************************************************************/
#container {
width:800px;
}

#page {
margin-left:174px;
border:4px #777777 solid;
background-color:#999999; 
}

#title {
background-position:center;
}

#subtitle {
color:#000000;
}

#subtitle a {
color:#000000;
}

#subtitle a:hover {
color:#a6004b;
}

#subtitle a.selected {
color:#a6004b;
}


#content {
background-color:#cccccc;
margin:0 10px 10px 10px;
}

#text {
/* border-top:1px #777777 solid;
border-bottom:1px #777777 solid; */
padding:10px 10px 10px 10px;
/* font-size:90%; */
}

.first {
font-weight:600; font-size:95%;
}

.project {
font-style:italic;

}

.linkproject {
font-style:italic; 
font-weight:600;
font-size:90%;
text-decoration:none;
}

.cewphoto {
float:right;
margin:0 0 10px 10px;
}

.cew {
width:210px;
height:165px;
border:1px #000000 solid;
}

h1 {
font-size:150%;
font-weight:normal;
margin-top:0;
padding-top:0;
}

#sidebar {
width:153px;
/* height:648px; */
float:left;
/* border:solid 2px #aa1a5a; */
/* margin-top:19px; */
}

#rr-menus {
width:151px; 
border:1px #990033 solid;
background-color:#000000;
padding-top:5px;
margin-top:14px;
}

#rr-menu-header {
background-image:url(../images/rising1-sidebar.gif);
width:151px;
height:88px;
}

#logo {
width:151px;
height:160px;
margin-top:3px;
}

#link101 {
background-image:url(../images/101artists-sidebar.jpg); 
background-repeat:no-repeat;
width:150px;
height:40px;
margin-top: 15px;
margin-bottom:25px;
} 

#menu {
margin:5px 5px 5px 5px;
color:#cccccc;
padding:5px 0 5px 10px;
/* border:1px #990033 solid; */
/* border-top:1px #cccccc solid;
border-bottom:1px #cccccc solid; */
/* border:1px #777777 solid; */
}


#menu ul {
margin:0;
padding:0;
list-style-type:none;
}

#menu li {
padding:0 0 5px 0; 
margin:0;
}

#menu a {
font-family:Arial, Helvetica, sans-serif;
font-size:80%;
color: #cccccc;
font-weight: bold;
text-decoration: none;
}

#menu a:hover {
text-decoration: underline;
}

#google {
/* background-color:#777777; */
margin:5px 0 10px 5px;
color:#cccccc;
padding:0 5px 5px 5px;
width:141px;
font-size:80%;
/* border-bottom:1px #cccccc solid; */
}

input {
color:#000000;
background-color:#cccccc;
}


#footer {
margin: 10px 10px 10px 10px;
/* border: 1px #000000 solid; */
padding:0;
}


/*****************************************************************************************************************************/
/******************************************** STYLES FOR CZ AND EN HOME PAGES  *********************************************/
/*****************************************************************************************************************************/

#content.home {
width:598px;
height:466px;
background-image:url(../images/romarising%20wheel%20Jana%20V-598px.jpg);
background-repeat:no-repeat;
}


/*****************************************************************************************************************************/
/******************************************** STYLES FOR GALLERY AND PROFILE PAGES  ******************************************/
/*****************************************************************************************************************************/

#content.gallery {
margin-left:40px;
} /* Not on gallery pages. Is this used on profile pages? If so, rename. If not, delete */

#gallery-menu {
text-align:right;
margin-right:10px;
padding-top:5px;
}

#gallery-menu a {
text-decoration:none;
}

#gallery-menu a:hover {
color:#a6004b;
}

#gallery-menu a.selected {
color:#a6004b;
}

body.profilepage {
background: #666666;
color:#ffffff;
padding-top:10px;
text-align:center;
}

.profilepage table {margin:30px auto 30px auto;} /* This table acts as the container. Should be replaced by a container. */
.gallerypage table.gallerymain {margin:0 auto 0 auto;} /* This table is inside the container div */


.gallerypage container {text-align:center;} /* I'm leaving this for earlier IE browsers that might not center the table otherwise */

#slidenav {
text-align:right;
color:#a6004b;
font-weight:bold;
font-size:90%;
}

#slidenav a {
color:#a6004b;
font-weight:bold;
font-size:90%;
}

h2.profile {
	font-size:115%;
	text-align:left;
	font-weight:bold;
	color:#ffffff;
	padding-bottom:12px;
}

h3.occupation {
	font-size:90%;
	text-align:left;
	font-weight:bold;
	color:#ffffff;
	padding-bottom:12px;
}
#profilefooter {
text-align:left;
font-size:60%;
padding-top:40px;
}

.emph {
font-weight:bold;
}

.projectname {
font-weight:bold;
font-style:italic;
}

.note {
font-size:60%;
}

/*****************************************************************************************************************************/
/******************************************** STYLES FOR 101 ARTISTS  ******************************************/
/*****************************************************************************************************************************/

.artists101 {margin:8px;  background-color:#111111; color:#ffffff;}
.artists-thumbnails {border:3px solid #dddddd;}

/*****************************************************************************************************************************/
/******************************************** REMOVE??  ******************************************/
/*****************************************************************************************************************************/

#titles {
background-color:#000000;
}

#rr-logo {
height:127px;
background-image: url(../images/rising1.gif);
background-repeat:no-repeat;
background-color:#000000;
background-position:center;
/* margin-left:165px; */
}

#cew-project {
margin:3px 0 3px 0;
background-color:#999999;
height:13px;
background-image: url(../images/PROJECT2.gif);
background-repeat:no-repeat;
background-position:center;
/* margin-left:165px; */
}

#lang-menu {
text-align:right;
font-size:12px;
line-height:12px;
font-weight:bold;
color:#ffffff;
padding:0 0 3px 0;
}