/*
Theme Name: Fiona Hooley - Portfolio
Theme URI: http://www.digitaljunkies.com/
Description: Theme for Fiona
Version: 1.0
Author: Nyssa Brown
Author URI: http://www.nyssajbrown.net/
*/

/* Reset */ * { margin:0; padding:0; }

.clear {
clear:both;
}

body {
background:#262626 url(images/background.png) repeat;
font:12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
color:#6f6f6f;
}

a {
color:#49A8D4;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

/* Wrap */ #wrap {
width:960px;
background:url(images/wrap-bg.png) right repeat-y;
}


/* Left Content (Title, Nav, etc) */ #left-content {
width:342px;
float:left;
}

.digital-junkies {
width:342px;
height:166px;
background:url(images/site-logo.png) no-repeat;
overflow:hidden;
position:relative;
margin:0 9px 0 0;
padding:0;
float:left;
}

.digital-junkies h1 a {
display:block;
height:100%;
width:100%;
color:#c8c8c8;
text-decoration:none;
margin:90px 0 0 0;
text-align:center;
}

.digital-junkies h1 a span {
display:block;
height:100%;
width:100%;
background:url(images/digital-junkies.png) top left no-repeat;
cursor:pointer;
position:absolute;
top:0;
left:0;
font-size:1px;
}

/* Navigation */ #navigation {
background:url(images/nav-bg.png) top no-repeat;
}

#navigation ul {
padding:15px 0;
text-align:right;
}

#navigation ul li {
font-size:13px;
text-transform:uppercase;
letter-spacing:1px;
list-style:none;
}

#navigation ul li a {
color:#494949;
text-decoration:none;
display:block;
padding:7px 18px 6px 0;
}

#navigation ul li a:hover {
background:url(images/select.gif) right no-repeat;
}

.current_page_item a {
background:url(images/select.gif) right no-repeat;
color:#52c9ff !important;
}

/* About Summary */ .about {
background:url(images/about-bg.png) repeat;
border-top:1px dashed #393939;
border-bottom:1px dashed #393939;
margin:0 1px 0 0;
letter-spacing:1px;
}

.about a {
padding:20px 25px;
display:block;
color:#8c8c8c;
text-decoration:none;
}

.about a:hover {
text-decoration:none;
}

/* Right Content (All content) */ #right-content {
width:618px;
float:right;
background:url(images/content-bg.png) top left no-repeat;
}

.content {
padding:10px 0 0 20px;
}

.content-page {
padding:10px 25px 20px 20px;
}

.content-page p {
margin:0 0 10px 0;
}

.content-page img {
border:0;
}

.content-page ul, .content-page ol {
margin:0 0 10px 20px;
padding:0;
}

.content-page ul li {
list-style:square;
}


img.alignright {
float:right;
margin:8px 0 0 8px;
}

img.alignleft {
float:left;
margin:8px 8px 0 0;
}

.title {
height:100px;
width:380px;
background:url(images/title-bg.png) top left no-repeat;
text-align:right;
}

.title h2 {
font-size:18px;
color:#FFF;
letter-spacing:1px;
font-weight:normal;
padding:43px 0 0 0;
text-align:center;
margin:0 0 0 60px;
}

/* Portfolio Pieces */ .portfolio-image {
width:300px;
float:left;
}

.portfolio-image a {
color:#444444;
}

.portfolio-image img {
border:0;
padding:7px;
background:url(images/pp-bg.png) repeat;
}

.portfolio-image .full-view {
padding:3px;
font-size:11px;
position:absolute;
margin:-25px 6px;
font-weight:bold;
background:#434343 url(images/fullview.gif) center no-repeat;
color:#cfcfcf;
height:16px;
width:16px;
}

.portfolio-image:hover .full-view {
background:#434343 url(images/fullview-hover.gif) center no-repeat;
}

.image-shadow {
background:url(images/shadow.png) no-repeat;
height:18px;
width:300px;
}

.portfolio-information {
float:right;
width:283px;
margin:0 1px 0 0;
}

.title-type {
background:url(images/pp-title-bg.png) repeat;
padding:8px 15px;
border-top:1px dashed #414141;
border-bottom:1px dashed #414141;
}

h3.portfolio {
font-size:18px;
font-weight:normal;
color:#49a8d4;
}

.type {
font-size:11px;
}

.description {
padding:10px 15px 0 15px;
}

.gallery-navigation {
margin:20px 0;
}

p.edit {
margin:20px 0;
}

.login {
margin:10px 0 0 0;
}

.gallery-navigation a, .edit a, .login a {
padding:5px 10px;
background:url(images/pp-title-bg.png) repeat;
border:1px dashed #414141;
color:#989898;
font-size:11px;
text-decoration:none;
}

.gallery-navigation a:hover, .edit a:hover, .login a:hover {
background:url(images/about-bg-2.png) repeat;
color:#656565;
text-decoration:none;
}

.align-left {
float:left;
}

.align-right {
float:right;
margin:0 20px 0 0;
}

/* Footer */ #footer {
height:50px;
padding:20px 25px;
background:url(images/footer-bg.png) top repeat-x;
font-size:11px;
text-align:right;
color:#383838;
border-bottom:1px dashed #3a3a3a;
}