body {background:url(../images/bg/page_bg.jpg) repeat-x top left #fff;font-family:Verdana, Arial, Helvetica, sans-serif;color:#333;text-align:center;}
#BodyPopup {background:none #fff;font-family:Verdana, Arial, Helvetica, sans-serif;color:#333;text-align:center;padding-top:10px;}
h1 {font-size:197%;color:#999;}
h2 {font-size:153.9%;}
h3 {font-size:174%;}
h4 {font-size:114%;}
h5 {font-size:100%;}
h6 {font-size:85%;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;margin-bottom:8px;font-family:Arial, Helvetica, sans-serif;}
p {font-size:85%;margin:3px 0;line-height:150%;}
strong {font-weight:bold;}
em {font-style:italic;}
a {color:#333;text-decoration:underline;}
select, input, textarea {background-color:#fff;border:1px solid #ccc;padding:2px 4px;color:#666;}
:focus{-moz-outline-style: none;}

.hide {display:none}
.brclear {clear:both; height:0; margin:0; font-size: 1px; line-height: 0px;}

/* general layout */
#wrapper {margin:0 auto;width:900px;text-align:left;}
#header {width:900px;margin:15px 0;}
#leftCol {float:left;width:240px;}
#rightCol {float:right;width:650px;}
.contentPadder {padding:0 0 15px 31px;}
#footer {font-size:77%;font-family:Arial, Helvetica, sans-serif;color:#ccc;padding:15px 15px 15px 31px;margin-top:15px;background:url(../images/bg/1px_grid.gif) top left repeat-x;}

#HeaderLeft {width:180px;float:left;}
#logo {width:180px;float:left;}
#logo a {text-indent:-10000px;display:block;width:180px;}
#logo, #logo a {background:url(../images/bg/opymos_logo.jpg) top left no-repeat;height:110px}

#HeaderRight {width:650px;float:right;}

#login {float:right;font-size:85%;margin:10px 26px 38px 0;}
#login a {text-decoration:none;color:#333;}

#topnav {text-align:left;}
#topnav a {display:block;font-size:85%;padding:6px 15px 15px 15px;}
#topnav a:link, #topnav a:visited, #topnav a:active {color:#666;text-decoration:none;}
#topnav a:hover {color:#333;background:#fff;}
#topnav li {margin:0 5px 0 0;padding:0;float:left;}
#topnav li.selected {background:#fff;}

#search {font-size:85%;float:right;margin-top:2px;color:#666;}
.searchBtn {border:none 0px;background:none;margin-bottom:-5px;}
.mute {font-size:9px;color:#999;}

.ArtistList {float:left;width:200px;}
.ArtistList li {font-size:85%;}
.ArtistList li a {padding:5px 0px 10px 15px;display:block;}
.ArtistList li a:link, .ArtistList li a:visited, .ArtistList li a:active {background:url(../images/bg/bullet.gif) left no-repeat;text-decoration:none;}  
.ArtistList li a:hover {background:url(../images/bg/bullet_red.gif) left no-repeat #fafafa;color:#CC0000;}

.NarrowCol {float:left;width:120px;}
.WideCol  {float:right;width:777px;}

/* page enumeration logic */
#pageBrowser {display:block;margin-top:30px;text-align:center;font-size:85%;}
#pageBrowser a:link, #pageBrowser a:visited, #pageBrowser a:active {color:#333333;text-decoration:none;padding:2px 5px 3px 5px;margin:2px;display:inline;}
#pageBrowser a:hover {color:#E60D2E; text-decoration:underline;}
.pageBrowserLinkOn {border:#ccc 1px solid; font-weight:bold; display:block; color:#E60D2E;}
#pageBrowser a:link.pageBrowserLinkOn, #pageBrowser a:visited.pageBrowserLinkOn, #pageBrowser a:hover.pageBrowserLinkOn, #pageBrowser a:active.pageBrowserLinkOn {color:#E60D2E;text-decoration:none;}


.WorkThumb {width:238px;height:245px;border:1px solid #ccc;text-align:center;float:left;margin-right:15px;margin-bottom:15px;}
.WorkThumb div {margin-top:6px;height:185px;}
.WorkThumb p {font-size:10px;color:#666;font-family:Arial, Helvetica, sans-serif;margin:5px 10px;}

#WorkCol1 {width:75px;float:left;padding-top:85px;font-size:70%;}
#WorkCol3 {width:70px;float:right;text-align:right;padding-top:85px;font-size:70%;}

#WorkCol2 {width:700px;border:1px solid #ccc;float:left;}
#WorkCol2A {width:270px;float:left;text-align:center;margin-top:20px;}
#WorkCol2B {width:400px;float:right;margin:20px 25px 25px 0;}
#WorkCol2B table td {padding:5px;font-size:85%;}
#WorkCol2B table td ul{margin-left:1.5em;list-style-image:url(/images/bg/bullet2.gif)}
#WorkCol2B table td ul li{margin-bottom:5px;}
.comments {width:400px;margin-top:20px;border-top:1px solid #CCC;padding:15px 0;}
.newsItem {margin:0 0 15px 15px;}
#WorkCol2B table.commentEntry td {border-bottom:1px solid #e6e6e6;border-top:1px solid #e6e6e6;border-collapse:collapse;padding:20px 5px;}
.ZoomLinks a {display:inline;padding:2px 5px;font-size:77%;}
.ZoomLinks a.selected:link, .ZoomLinks a.selected:visited, .ZoomLinks a.selected:hover, .ZoomLinks a.selected:active {color:#666;font-weight:bold;background:#fff;}
.ZoomLinks a:link, .ZoomLinks a:visited, .ZoomLinks a:active {color:#999;text-decoration:none;}
.ZoomLinks a:hover {text-decoration:none;background:#e6e6e6;}

#RandomImg {border:1px solid #ccc;text-align:center;padding-top:10px;width:630px;}
#RandomImg p {font-size:10px;color:#666;font-family:Arial, Helvetica, sans-serif;margin:5px 10px;}

/* leftnav */
#leftnav a {font-size:131%;text-transform:lowercase}
#leftnav a:link, #leftnav a:visited, #leftnav a:active {text-decoration:none;color:#666;}
#leftnav a:hover {text-decoration:none;color:#fff;}

/* generic form styling */
.cssform {margin-left:15px;}
.cssform p{clear:left;margin:0;padding:8px 0 8px 0;padding-left:120px;/*border-bottom: 1px solid #e6e6e6;*/height:1%;line-height:150%}
.cssform label{font-weight:normal;float:left;margin-left:-120px;width:110px;}
.cssform input {width:180px;margin:0;border:1px solid #ccc;background-color:#fff;color:#333;padding:2px 2px 2px 4px;}
.cssform textarea{width:220px;border:1px solid #ccc;background-color:#fff;color:#333;padding:2px 2px 2px 4px;}

a.DetailLink {background:url(../images/bg/bullet.gif) right no-repeat;padding:0 22px 0 0;margin-right:5px;}

.floatLeft {float:left;}
.floatRight {float:right;}