body { background-color: #fff; color: #333; }

body, p, ol, ul, td {
  font-family: "Ubuntu", "Lucida Grande", arial, helvetica, sans-serif;
  font-size:   14px;
  line-height: 20px;
-webkit-font-smoothing:subpixel-antialiased;
}
h1 {font-size:20px;font-weight:normal;}
h2 {font-size:16px;font-weight:normal;}
pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

a { color: #000; }
a:visited { color: #666; }
a:hover { color: #fff; background-color:#000; }

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

body {min-width:980px;}
#pageContainer {width:980px; height:auto; margin:0 auto;position:relative;}
#header {height:50px;}
#logo {font-size:30px;font-weight:normal;margin:15px;float:left;display:block;text-decoration:none;text-shadow: 2px 2px 2px #ccc;}
#logo:visited, #logo:hover, #logo:active {text-decoration:none;color:#000;background:transparent;}
#loginDiv {margin:15px;float:right;}

#menu {margin-left:15px;font-weight:bold;color:#333;font-size:15px;}
#menu a {text-decoration:none;color:#888;}
#menu a.currentMenuItem {color:#333;}
#searchBox {float:right;}
.searchResultTitle {font-weight:bold;}
.searchResultBody {width:500px;}
a.searchResultImage {float:left;height:80px;width:80px;display:block;}
.searchResultImage img {border:1px solid #666;}
.searchResultText {float:left;margin-left:12px;}
.searchResult {margin: 12px auto 12px auto;}

#container {margin:15px;min-height:500px;}
#leftColumn {width:400px;float:left;}
#leftColumn img, #albumList td img {border:solid 1px #666;-webkit-box-shadow: 1px 1px 3px #aaa;-moz-box-shadow: 1px 1px 3px #aaa;}
#rightColumn {width:500px;float:right;text-align:left;margin-top:30px;}
#rightColumn img {border:solid 1px #666;-webkit-box-shadow: 1px 1px 5px #888;-moz-box-shadow: 1px 1px 5px #888;}
#footer {text-align:center;font-size:10px;clear:both;margin-top:48px;}
#albumList td {vertical-align:top;padding:10px;}

.blogPost, blogPostLast {width:500px;margin:auto auto 20px 0px;}
.blogPost {border-bottom:1px solid grey;}
.blogPost h2 a {font-size:20px;text-decoration:none;}

#leftColumnBlog {width:600px;float:left;}
#rightColumnBlog {width:200px;float:right;text-align:left;}

/* TagCloud */
#tagCloud {text-align:center;}
#tagCloud a {text-decoration:none;margin:auto 5px auto 5px;}
.cloud1 {font-size: 0.9em;}
.cloud2 {font-size: 1.0em;}
.cloud3 {font-size: 1.1em;}
.cloud4 {font-size: 1.2em;}
.cloud5 {font-size: 1.3em;}
.cloud6 {font-size: 1.4em;}


/* News Feed */
#newsFeed img {width:50px;height:50px;}
#newsFeed a.searchResultImage {height:50px;width:50px;}

/* Wizard Form */
.wizardForm {margin:40px auto 40px 120px;width:900px;}
.wizardForm #explanation {width:400px;}
.wizardForm img {border:1px solid #666;}

/* New Style */
h1 {font-family:'Gill Sans',Arial,sans-serif;font-size:2.769em;font-weight:normal;letter-spacing:-1px;line-height:36px;text-transform:uppercase;}

