/* basic elements */
html {
margin : 0;
/* setting border: 0 hoses ie5 win window inner well border */
padding : 0;
}
body {
margin : 0;
/* setting border: 0 hoses ie5 win window inner well border */
padding : 0;
/* These sans-serif font families should render nicely on *nix flavors,
hand-helds, old macs, and old windows.*/
font-family : "Lucida Grande", Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
font-size : 12px;
}
form {
margin : 0;
padding : 0;
}
a {
text-decoration : underline;
}
a img {
border : 0;
}
h1, h2, h3, h4, h5, h6 {
font-weight : normal;
}
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote {
margin-top : 10px;
margin-bottom : 10px;
}
/* standard helper classes */
.clr {
clear : both;
overflow : hidden;
width : 1px;
height : 1px;
margin : 0 -1px -1px 0;
border : 0;
padding : 0;
font-size : 0;
line-height : 0;
}
/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after {
content : " ";
display : block;
visibility : hidden;
clear : both;
height : 0.1px;
font-size : 0.1em;
line-height : 0;
}
* html .pkg {
display : inline-block;
}
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */
/* page layout */
body {
/* center on ie */
text-align : center;
}
#container {
position : relative;
/* center on everything else */
margin : 0 auto;
width : 870px;
text-align : left;
}
#container-inner {
position : static;
width : auto;
}
#banner {
position : relative;
}
#banner-inner {
position : static;
}
#pagebody {
position : relative;
width : 100%;
}
#pagebody-inner {
position : static;
width : 100%;
}
#alpha, #beta, #gamma, #delta {
/* ie win bugfix */
display : inline;
position : relative;
float : left;
min-height : 1px;
}
#delta {
float : right;
}
#alpha-inner, #beta-inner, #gamma-inner, #delta-inner {
position : static;
}
/* banner user/photo */
.banner-user {
float : left;
overflow : hidden;
width : 64px;
margin : 0 15px 0 0;
border : 0;
padding : 0;
text-align : center;
}
.banner-user-photo {
display : block;
margin : 0 0 2px 0;
border : 0;
padding : 0;
background-position : center center;
background-repeat : no-repeat;
text-decoration : none !important;
}
.banner-user-photo img {
width : 64px;
height : auto;
margin : 0;
border : 0;
padding : 0;
}
/* content */
.content-nav {
margin : 10px;
text-align : center;
}
.date-header, .entry-content {
position : static;
clear : both;
}
.entry, .trackbacks, .comments, .archive {
position : static;
overflow : hidden;
clear : both;
width : 100%;
margin-bottom : 20px;
}
.entry-content, .trackbacks-info, .trackback-content, .comment-content, .comments-open-content, .comments-closed {
clear : both;
margin : 5px 10px;
}
.entry-excerpt, .entry-body, .entry-more-link, .entry-more {
clear : both;
}
.entry-footer, .trackback-footer, .comment-footer, .comments-open-footer, .archive-content {
clear : both;
margin : 5px 10px 10px 10px;
}
.comments-open label {
display : block;
}
#comment-author, #comment-email, #comment-url, #comment-text {
width : 240px;
}
#comment-bake-cookie {
margin-left : 0;
vertical-align : middle;
}
#comment-post {
font-weight : bold;
}
img.image-full {
width : 100%;
}
.image-thumbnail {
float : left;
width : 115px;
margin : 0 10px 10px 0;
}
.image-thumbnail img {
width : 115px;
height : 115px;
margin : 0 0 2px 0;
}
/* modules */
.module {
position : relative;
overflow : hidden;
width : 100%;
}
.module-content {
position : relative;
margin : 5px 10px 20px 10px;
}
.module-list, .archive-list {
margin : 0;
padding : 0;
list-style : none;
}
.module-list-item {
margin-top : 5px;
margin-bottom : 5px;
}
.module-presence img {
vertical-align : middle;
}
.module-powered .module-content {
margin-bottom : 10px;
}
.module-photo .module-content {
text-align : center;
}
.module-wishlist .module-content {
text-align : center;
}
.module-calendar .module-content table {
border-collapse : collapse;
}
.module-calendar .module-content th, .module-calendar .module-content td {
width : 14%;
text-align : center;
}
.typelist-thumbnailed {
margin : 0 0 20px 0;
}
.typelist-thumbnailed .module-list-item {
display : block;
clear : both;
margin : 0;
}
/* positioniseverything.net/easyclearing.html */
.typelist-thumbnailed .module-list-item:after {
content : " ";
display : block;
visibility : hidden;
clear : both;
height : 0.1px;
font-size : 0.1em;
line-height : 0;
}
* html .typelist-thumbnailed .module-list-item {
display : inline-block;
}
/* no ie mac \*/
* html .typelist-thumbnailed .module-list-item { height: 1%; }
.typelist-thumbnailed .module-list-item { display: block; }
/* */
.typelist-thumbnail {
float : left;
min-width : 60px;
width : 60px;
/* no ie mac \*/width: auto;/* */
margin : 0 5px 0 0;
text-align : center;
vertical-align : middle;
}
.typelist-thumbnail img {
margin : 5px;
}
.module-galleries .typelist-thumbnail img {
width : 50px;
}
.typelist-description {
margin : 0;
padding : 5px;
}
.module-featured-photo .module-content, .module-photo .module-content {
margin : 0;
}
.module-featured-photo img {
width : 100%;
}
.module-recent-photos {
margin : 0 0 15px 0;
}
.module-recent-photos .module-content {
margin : 0;
}
.module-recent-photos .module-list {
display : block;
height : 1%;
margin : 0;
border : 0;
padding : 0;
list-style : none;
}
/* positioniseverything.net/easyclearing.html */
.module-recent-photos .module-list:after {
content : " ";
display : block;
visibility : hidden;
clear : both;
height : 0.1px;
font-size : 0.1em;
line-height : 0;
}
* html .module-recent-photos .module-list {
display : inline-block;
}
/* no ie mac \*/
* html .module-recent-photos .module-list { height: 1%; }
.module-recent-photos .module-list { display: block; }
/* */
.module-recent-photos .module-list-item {
display : block;
float : left;
/* ie win fix \*/ height: 1%; /**/
margin : 0;
border : 0;
padding : 0;
}
.module-recent-photos .module-list-item a {
display : block;
margin : 0;
border : 0;
padding : 0;
}
.module-recent-photos .module-list-item img {
width : 60px;
height : 60px;
margin : 0;
padding : 0;
}
/* mmt calendar */
.module-mmt-calendar {
margin-bottom : 15px;
}
.module-mmt-calendar .module-content {
margin : 0;
}
.module-mmt-calendar .module-header {
margin : 0;
}
.module-mmt-calendar .module-header a {
text-decoration : none;
}
.module-mmt-calendar table {
width : 100%;
}
.module-mmt-calendar th {
text-align : left;
}
.module-mmt-calendar td {
width : 14%;
height : 75px;
text-align : left;
vertical-align : top;
}
.day-photo {
width : 54px;
height : 54px;
}
.day-photo a {
display : block;
}
.day-photo a img {
width : 50px;
height : 50px;
}
/* * theme * */
/* basic page elements */
body {
/* These sans-serif font families should render nicely on *nix flavors,
hand-helds, old macs, and old windows.*/
font-family : "Lucida Grande", Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
font-size : 12px;
}
h3 a {
color : #0a0144;
text-decoration : none;
}
h3 a:hover {
text-decoration : underline;
}
#banner a {
color : #fff;
text-decoration : none;
}
#banner a:hover {
color : #fc6;
text-decoration : underline;
}
h1, h2, h3, h4, h5, h6 {
font-family : "Lucida Grande", Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
}
.module-header, .trackbacks-header, .comments-header, .comments-open-header, .archive-header {
/* ie win (5, 5.5, 6) bugfix */
p\osition : relative;
width : 100%;
w\idth : auto;
margin : 0;
padding : 5px;
color : #fc6;
background : #000;
font-size : small;
font-weight : bold;
line-height : 1;
}
.module-header a, .module-header a:hover, .trackbacks-header a, .trackbacks-header a:hover, .comments-header a, .comments-header a:hover, .comments-open-header a, .comments-open-header a:hover .archive-header a, .archive-header a:hover {
color : #fff;
}
/* page layout */
body {
min-width : 870px;
background : #500;
}
#container {
width : 870px;
margin-bottom : 20px;
margin-top : 20px;
background : #fff;
}
#container-inner {
border : 5px double #0a0144;
}
#banner {
width : 100%;
background : #000 url("editdice01.jpg") right 0% no-repeat;
height : 100px;
}
#banner-inner {
padding : 15px 13px;
}
#banner-header {
margin : 0;
font-family : LuciduxSerif, Georgia, "Book Antiqua", Palatino, "Times New Roman", serif;
color : #036;
font-size : x-large;
text-align : left;
font-weight : bold;
line-height : 1;
}
#banner-description {
margin-top : 5px;
margin-bottom : 0;
font-family : "Lucida Grande", Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
color : #fff;
font-size : small;
text-align : left;
line-height : 1.125;
}
#alpha {
float : left;
margin : 15px 15px 0 15px;
width : 480px;
background : #fff;
}
#beta {
float : right;
width : 200px;
background : #eee;
}
#gamma, #delta {
float : right;
width : 180px;
background : #eee;
}
#alpha h2, h3 {
font-family : LuciduxSerif, Georgia, "Book Antiqua", Palatino, "Times New Roman", serif;
color : #0a0144;
}
#beta li {
list-style : none;
}
#beta li a {
color : #ffcc66;
text-decoration : none;
}
#beta li a:hover {
text-decoration : underline;
}
#beta-inner, #gamma-inner, #delta-inner {
padding : 10px 10px 0 10px;
border-width : 2px 2px 2px 0;
border-style : solid;
border-color : #fff;
}
#alpha-inner {
padding : 10px 10px 0 10px;
border-top : 2px solid #fff;
border-right : 2px solid #fff;
border-bottom : 2px solid #fff;
}
#beta-inner {
padding : 10px 10px 0 10px;
border-top : 2px solid #fff;
border-right : 2px solid #fff;
border-bottom : 2px solid #fff;
}
#gamma-inner {
padding : 10px 10px 0 10px;
border-top : 2px solid #fff;
border-right : 2px solid #fff;
border-bottom : 2px solid #fff;
}
.date-header {
margin-top : 0;
background : #fff;
font-family : "Lucida Grande", Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
text-align : left;
color : #000;
font-size : x-small;
}
.entry-header, #archive-title {
margin : 0;
background : #fff;
font-family : LuciduxSerif, Georgia, "Book Antiqua", Palatino, "Times New Roman", serif;
text-align : left;
color : #0a0144;
font-size : large;
padding : 0;
border-bottom : 1px solid #0a0144;
}
.entry-content, .comment-content, .trackback-content {
background : #fff;
font-family : "Lucida Grande", Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
text-align : left;
color : #000;
font-size : medium;
border-bottom : 0 solid #fff;
margin : 0;
line-height : 1.5;
}
.entry-footer, .comment-footer, .trackback-footer {
background : #fff;
margin : 0 0 0 0;
font-family : "Lucida Grande", Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
text-align : right;
color : #666;
font-size : x-small;
border-top : 1px solid #dae0e6;
}
.comment-content, .trackback-content, .comment-footer, .trackback-footer {
margin-left : 10px;
}
.content-nav {
margin-top : 0;
}
#trackbacks-info {
margin : 10px 0;
border : 1px dashed #a3b8cc;
padding : 0 10px;
color : #292e33;
font-size : 11px;
background : #e6ecf2;
}
.comments-open-footer {
margin : 10px 0;
}
/* modules */
.module {
margin : 0 0 10px 0;
}
.module-content {
margin : 0 0 10px 0;
padding : 10px 10px 0 10px;
line-height : 1.2;
background : #444;
font-family : "Lucida Grande", Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
text-align : left;
color : #fff;
padding-bottom : 10px;
border-top : 1px solid #cfd4d9;
}
.module-content a {
color : #ffcc66;
text-decoration : none;
}
.module-content a:hover {
text-decoration : underline;
}
.module-calendar .module-content {
margin : 5px 0 15px 0;
}
.module-mmt-calendar .module-content table, .module-calendar .module-content table {
font-size : 10px;
}
.module-powered {
border-width : 0;
}
.module-powered .module-content {
margin-bottom : 0;
padding-bottom : 10px;
background : #fff;
font-family : "Lucida Grande", Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
text-align : left;
color : #292e33;
font-size : x-small;
border-top : 1px dashed #a3b8cc;
border-right : 1px dashed #a3b8cc;
border-bottom : 1px dashed #a3b8cc;
border-left : 1px dashed #a3b8cc;
}
.module-photo {
background : none;
}
.module-photo img {
border : 1px solid #fff;
}
.module-list {
margin : 0 15px 10px 15px;
list-style : disc;
}
.module-list .module-list {
margin : 5px 0 0 0;
padding-left : 15px;
list-style : circle;
}
.module-list-item {
margin-top : 0;
color : #bbb;
line-height : 1.2;
}
.module-search input {
font-size : 10px;
}
.module-search #search {
width : 100px;
}
.module-photo img {
border : 3px solid #fff;
}
/* comments */
textarea[id="comment-text"] {
width : 80%;
}
.commenter-profile img {
vertical-align : middle;
border-width : 0;
}
/* one-column tweaks */
.layout-one-column body {
min-width : 520px;
}
.layout-one-column #container {
width : 520px;
}
.layout-one-column #banner {
/* necessary for ie win */
width : 100%;
}
/* two-column-right tweaks */
.layout-two-column-right #alpha {
margin : 0;
width : 630px;
background : #fff;
float : right;
}
.layout-two-column-right #alpha-inner {
padding : 10px 10px 0 10px;
border-top : 2px solid #fff;
border-right : 2px solid #fff;
border-bottom : 2px solid #fff;
}
.layout-two-column-right #beta {
float : left;
margin : 15px 15px 0 15px;
width : 200px;
background : #fff;
}
.layout-two-column-right #beta-inner {
padding : 0;
border-width : 0;
}
/* three-column tweaks */
.layout-three-column #alpha {
margin : 0;
width : 180px;
background : #eee;
float : left;
}
.layout-three-column #alpha-inner {
padding : 10px 10px 0 10px;
border-top : 2px solid #fff;
border-right : 2px solid #fff;
border-bottom : 2px solid #fff;
}
.layout-three-column #beta {
float : left;
margin : 15px 15px 0 15px;
width : 320px;
background : #fff;
}
.layout-three-column #beta-inner {
padding : 0;
border-width : 0;
}
.layout-three-column #gamma {
margin : 0;
width : 180px;
background : #eee;
float : right;
}
.layout-three-column #gamma-inner {
padding : 10px 10px 0 10px;
border-top : 2px solid #fff;
border-right : 2px solid #fff;
border-bottom : 2px solid #fff;
}
/* necessary for Dice Institute home page layout
They wanted something newspapery. Sigh. The Web is
not print. Haven't they figured out that everyone scrolls now? 

NOTE: You'll have to adjust the height property from time to 
time to get all the clippings to appear correctly on the home page
due to varying headline and excerpt length.

In IE6, it breaks.

.silly {
width : 225px;
height : 400px;
margin-right : 25px;
float : left;
}
*/
/* This is a rule to shrink big data tables into 
something that will fit narrow page layouts
*/
table {
border-collapse: collapse;
}
/* Charlie and Phelippe asked for a splash page. Sigh. These rules handle that. */
#splash {
background-color: #000; 
}
#simple {
border: 5px solid white;
margin: 10px auto;
width: 702px;
text-align : center;
}
#simple, #simple a, #simple h1 {
color: #fff;
font-family: serif;
}
#simple a {
font-size: 150%;
}
#simple h1 {
font-size: 400%;
font-weight: bold;
}
#splash ul {
border: 0;
margin: 0;
padding: 0;
}
#splash img {
margin-top: 10px;
}
#splash li {
display: inline;
margin: 5px;
}