/* Alex Crawford */

.collections-nav {
padding-right: 172px;  /* Adjust to align collections list to the word portfolio */
}

body, html {
width: 100%;
}
.header {
border: none;
padding: 0;
height: auto;
}
.alex-header {
margin: 0 auto;
position: relative;
top: 42px;
width: 850px;
}
.alex-header a {
color: #000000;
text-decoration: none;
position: relative;
z-index: 100;
}
.alex-header a:hover {
color: #777777;
}
.alex-header span {
padding: 0 5px;
}
.alex-header .name {
background: white;
font-size: 19px;
font-weight: bold;
}
.alex-header .secondary {
position: relative;
top: -4px;
color: #999999;
}
.navigation {
border: none;
width: 870px;
margin: 0 auto;
padding: 0px;
text-align: right;
position: relative;
top: 7px;
font-size: 14px;
}
.navigation ul {
margin: 0;
}
.navigation li {
background: white;
padding: 0 6px;
}
.navigation a, .collections-nav a {
text-decoration: none;
color: #000000;
}
.navigation a:hover, .collections-nav a:hover {
color: #777777;
}
.collections-nav {
text-align: right;
position: relative;
top: -3px;
font-size: 11px;
}
.collections-nav ul {
margin: 0;
}
.collections-nav li {
padding: 2px;
}
.splash-container {
padding-top: 15px;
}
.content {
width: 870px;
margin: 0 auto 20px;
padding: 10px 20px;
border: 1px solid black;
}
.splash-container, .slideshow-container {
margin: 0 auto;
text-align: center;
}
.thumbnail {
background: white;
border: none;
height: 75px;
width: 75px;
padding: 2px;
margin: 0;
}
.thumbnail a {
color: white; /*makes text/link 'invisible' before the image has loaded */
}
.portfolio-show .thumbnail-container {
height: 72px;
overflow: scroll;
}
.portfolio-show #thumbnails {
margin: 0;
width: 6000px;
}
.portfolio-show .thumbnail, .portfolio-show .thumbnail img {
height: 50px;
width: 50px;
}
.full-size-image {
margin: 20px auto 0;
}
.image-info {
position: relative;
margin: 0 auto;
text-align: center;
top: 10px;
}
.image-info .title {
color: #65131A;
font-weight: bold;
width: 600px;
margin: 0 auto;
border-bottom: 1px #CCCCCC solid;
}
.image-info .title a, .image-info .title a:visited {
color: #999999;
font-weight: normal;
text-decoration: none;
}
.image-info a:hover {
color: #333333;
background: none;
border-bottom: 2px solid #000000;
}
.image-info .description {
color: #134565;
position: relative;
top: -15px;
width: 600px;
margin: 0 auto;
font-size: 10px;
}
.previous a {
position: relative;
width: 10px;
height: 16px;
top: 22px;
right: 320px;
}
.next a {
position: relative;
width: 10px;
height: 16px;
top: -8px;
left: 320px;
}
.previous a:hover, .next a:hover {
background: none;
border: none;
}
.description p {
margin: 0;
}