/*
Theme Name: theLULAdesigns
Theme URI: http://theLULAdesigns.com
Description: Wordpress Theme for theLULAdesings, an awesome Graphic design firm. 
Version: 1
Author: Alx Block
Tags: White, Gray, red, portfolio, 
/*
/* GLOBAL CSS */

* {
margin : 0;
padding : 0;
}
body {
background : transparent url() no-repeat;
background : #F8F8F8  none repeat scroll 0 0;
color : #808080;
text-align : center;
}
h1, h2, h3, h4 {
font-size : 1.6em;
}
.ffix {
clear : both;
}
a {
color : #CC0000;
text-decoration : none;
}
img {
border : medium none;
}
body {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 62.5%;
padding : 30px 0;
}
#header h1 {
font-size : 1.4em;
font-style : italic;
font-weight : normal;
line-height : 4.4em;
}
.legend h2, .legend h3, #data h2, .news h2 {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 1.2em;
font-style : normal;
font-variant : normal;
font-weight : bold;
letter-spacing : 0.3em;
line-height : normal;
text-transform : uppercase;
}
.legend h3 {
font-size : 1.6em;
letter-spacing : 0;
}
.notes a {
border-bottom ;
}
.author {
font-size : 1.2em;
}
.author strong {
font-family : Helvetica, Arial, sans-serif;
}
.notes {
font-size : 1.3em;
line-height : 1.6em;
}
.page .notes {
width : 800px;
}
#data h2 {
color : #352511;
padding-left : 8px;
}
#data ul li, #data .resume p {
color : #000000;
font-size : 1.3em;
line-height : 1.6em;
}
#footer {
font-family : Helvetica, Arial, sans-serif;
font-size : 0.9em;
text-transform : uppercase;
}
#container {
margin : 0 auto;
text-align : left;
width : 850px;
}
#header h1 a {
background : url('http://theluladesigns.com/personal/wp-content/uploads/2009/08/top_bar.gif') no-repeat left top;
display : block;
float : left;
height : 125px;
text-indent : -7777px;
width : 820px
}
.featured {
min-height : 300px;
padding-bottom : 50px;
padding-top : 15px;
width : 820px;
}
.featured img {
background : #F0F0F0  none repeat scroll 0 0;
padding : 5px;
}
.photo {
float : left;
}
.shadow-left {
background-position: left bottom; background-color:transparent; background-repeat:no-repeat; background-attachment:scroll
}
.shadow-right {
background-position: 
               right bottom; padding:15px; background-color:transparent; background-repeat:no-repeat; background-attachment:scroll
}
ul#photos {
height : 285px;
list-style-image : url('../lusite/fotofolio-1.0.2/fotofolio/none');
list-style-position : outside;
list-style-type : none;
width : 490px
}
.legend {
float : left;
padding-top : 15px;
text-align : left;
width : 280px;
}
.legend h2 {
padding-bottom : 20px;
}
.notes p {
padding-top : 20px;
}
.news h2 {
padding-top : 20px;
}
#data {
background : #F8F8F8;
text-align : center;
}
#data .container {
background : url('http://theluladesigns.com/wp-content/uploads/2009/08/background_bottomright.gif') repeat-y 695px 0;
margin : 0 auto;
text-align : left;
width : 850px
}
#data .container .top {
background-position: 
               402px 0; clear : both;
height : 9px; background-color:transparent; background-repeat:no-repeat; background-attachment:scroll
}
#data .container .bottom {
background-position: 
               402px 0; clear : both;
height : 9px; background-color:transparent; background-repeat:no-repeat; background-attachment:scroll
}
#data .about {
padding : 25px 0;
width : 200px;
}
#data .about, #data .category {
float : left;
padding-left : 5px;
}
#data .about li {
clear : both;
}
#data .category {
padding : 25px 0;
width : 250px;
}
#data .category li {
width : 100px;
}
#data ul {
list-style-image : url('../lusite/fotofolio-1.0.2/fotofolio/none');
list-style-position : outside;
list-style-type : none;
padding-top : 10px
}
#data ul li {
float : left;
}
#data ul li a {
padding-left : 10px;
}
#data ul li a:hover, .current-cat, .active {
background : url('http://theluladesigns.com/wp-content/uploads/2009/08/square.gif') no-repeat left center;
}
#data .resume {
float : right;
padding-bottom : 25px;
padding-top : 25px;
width : 380px;
}
#data .resume img {
background : #000000 none repeat scroll 0 0;
float : left;
margin-left : 8px;
margin-top : 5px;
padding : 3px;
}
#data .resume h2 {
padding-bottom : 10px;
}
#data .resume p {
float : right;
width : 310px;
}
#data a {
color : #cc0000;
}
#data .resume a {
border-bottom : 1px dotted #efefef;
}
#footer {
padding : 15px;
}
div.category-list {
float : left;
padding-left : 30px;
padding-top : 15px;
width : 400px;
}
div.category-list .pic, div.news .pic {
background : #000000 none repeat scroll 0 0;
float : left;
height : 80px;
margin-bottom : 8px;
margin-right : 8px;
width : 80px;
}
.pic a img {
border : medium none;
}
.pic a:hover img {
background : #666666 none repeat scroll 0 0;
}
div.news .pic {
height : 50px;
width : 50px;
}
.navigation {
clear : both;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 1em;
font-style : normal;
font-variant : normal;
font-weight : bold;
letter-spacing : 0.1em;
line-height : normal;
padding-right : 44px;
text-transform : uppercase;
}
.alignleft {
text-align : left;
}
.alignright {
text-align : right;
}
.navigation .alignleft {
float : left;
width : 40%;
}
.navigation .alignright {
float : right;
width : 40%;
}
.single .navigation {
padding : 0 10px;
width : 500px;
}
#imgPreviewWithStyles {
background : #666666 none repeat scroll 0 0;
border : medium none;
padding : 5px;
z-index : 999;
}
#imgPreviewWithStyles span {
color : white;
display : block;
padding : 10px 0 3px;
text-align : center;
}
#imgPreviewWithStyles span {
color : white;
text-align : center;
display : block;
padding : 10px 0 3px 0;
}
/* Text below image */
#imgPreviewWithStyles span {
    color: white;
    text-align: center;
    display: block;
    padding: 10px 0 3px 0;
}