﻿/*basic html tags*/

body
{
background-color:#000;
margin:0;
padding:0;
font-family:"trebuchet ms", Georgia, Lucida Grande, Lucida Sans Unicode, trebuchet ms, Arial,Helvetica,sans-serif;
width:100%;
height:100%;
}

p {
font-size:0.82em;
font-weight:normal;
color:#a18b7a;
line-height:150%;
margin:0 20px 8px 0;
padding:0;
}

p a:link, p a:visited {
border-bottom:1px dotted #a1bed9; 
color:#a1bed9; 
text-decoration: none; 
padding:0 0 1px 0; 
margin:0;
}

p a:hover, p a:active, p a:visited:hover {
color:#3277b7;
border-bottom:1px solid #3277b7;
text-decoration: none;
}

h1, h2, h4 {
color: #b0a64b;
font-size:1.1em;
font-weight:normal;
margin:10px 0 5px 0;
padding:0;
letter-spacing:0.2px;
}

h3 {
margin:10px 0 5px 0;
padding:0;
font-size:0.92em;
color: #af4d31;	
}

img {
border:0;
}

ul {
list-style-type:none; 
margin:0;
padding:0;
}

q:before, q:after {
content:""; 
}

blockquote {
margin:0;
padding:0;
}

#contentleft blockquote p 
{
padding:0 0 0 10px;
margin:5px 10px 20px 10px;
border-left: solid 4px #a1bed9;
font-style:italic;
}
 	
/*common classes*/

.clear {
position:relative;
width:100%;
clear:both; 
}

.italic {
font-style:italic; 	
}

.red {
color:Red;
}

.underconstruction {
text-align:center;
color:#5b4941;
font-size:500%;
height:400px;
}	

p.inputform {
margin:30px 0 30px 0;	
}

.inputfield {
border:solid 1px #5b4941;
width:450px;
}

p#sendresult {
text-align:center;
color:#a1bed9;
font-size:1.1em;
padding:20px 0;
}

ul.linkoutlist li a:hover {
background:url(http://www.lucisphoto.com/images/layout/starwarm.gif) no-repeat;  
font-weight:bold;
}

ul.linkoutlist li a {
display:block;
margin:0;
padding:0 0 15px 20px;
border:0;
background:url(http://www.lucisphoto.com/images/layout/starcold.gif) no-repeat; 
color:#a1bed9;
font-size:0.82em; 
text-decoration: none;
}

ul.linkoutlist li a em {
color:#a18b7a;
font-weight:normal;
}

/*global structure*/

#bgcontainer {
background-image:url("http://www.lucisphoto.com/images/layout/bg.gif");
background-position:top left; 
background-repeat:repeat;
}	

#container {
background-image:url("http://www.lucisphoto.com/images/layout/topbg.gif");
background-position:top left; 
background-repeat:repeat-x;
margin:0;
padding:0;
width:100%;
height:100%;
}

#header {
width:910px;
margin:0 auto;
padding:0;	
}

#main {
width:910px;
margin:0 auto;
padding:0;
float:none;
}

#content {
float:none;
}

#contentleft {
float: left;
width:550px;
}

#contentright {
position: relative;
float:right;
width:360px;	
background-color:#1c1514;
}

#footer {
position:relative;
width:100%;
height:40px; 
clear:both; 
margin:0; 
background-color:#000;
border-top:1px #5b4941 solid;
text-align:center;
}

/*header layout*/

#skip {
margin: 0 0 0 390px;
width:108px;
height:30px;
padding:0;
}

#logo {
margin: -30px 0 0 0;
float:left;
}

#menu {
}

ul#nav {
float:right;
width:398px;
height:20px;
margin: 30px 0 0 0; 
}

ul#nav li {
padding:0;
margin:0;
list-style-type:none;
float:left;
text-indent:-9999px;
}

ul#nav li a {
border:0;
text-decoration:none;
display:block;
}

ul#nav li a:link, li a:visited {
background-position:0px 0px;
}

ul#nav li a:hover, li a:focus {
background-position:0px -20px;
}

li#home a {
width:52px;
height:20px;
background:transparent url(http://www.lucisphoto.com/images/layout/home.gif) no-repeat;
}

li#about a {
width:56px;
height:20px;
background:transparent url(http://www.lucisphoto.com/images/layout/about.gif) no-repeat;
}

li#portfolio a {
width:92px;
height:20px;
background:transparent url(http://www.lucisphoto.com/images/layout/portfolio.gif) no-repeat;
}

li#blog a {
width:43px;
height:20px;
background:transparent url(http://www.lucisphoto.com/images/layout/blog.gif) no-repeat;
}

li#contact a {
width:75px;
height:20px;
background:transparent url(http://www.lucisphoto.com/images/layout/contact.gif) no-repeat;
}

body#home-page ul#nav li#home a, 
body#about-page ul#nav li#about a, 
body#portfolio-page ul#nav li#portfolio a, 
body#blog-page ul#nav li#blog a,
body#contact-page ul#nav li#contact a {
background-position:0px -20px;
}

ul#nav li.divider {
width:20px;
height:20px;
background:transparent url(http://www.lucisphoto.com/images/layout/divider.gif) no-repeat;
}

#banner {
margin:0;
padding:75px 0 15px 0;	
}

#bannerImage, #ctl00_bannerImage {
border:5px solid #5b4941;
padding: 0; 
margin:0;
}

/*contentright layout*/

#contentrightmain {
float:left; 
padding:0 10px 0 14px; 
margin:0;
background-color:#1c1514;
}

#contentrightmain h2 {
margin:5px 0 5px 0;	
}

#contentrighttop, #contentrightbottom {
width:360px; 
height:5px; 
float:left; 
padding:0; 
margin:0; 
background-repeat:no-repeat;	
}

#contentrighttop {
background-image:url("http://www.lucisphoto.com/images/layout/boxtop.gif"); 
background-position:top left; 
}

#contentrightbottom {
background-image:url("http://www.lucisphoto.com/images/layout/boxbottom.gif"); 
background-position:bottom left; 	
}

/*footer layout*/

#footer p {
padding:10px 0 0 0; 
font-size:0.76em;
color:#333;
line-height:100%;
}

#footer p a:link, #footer p a:visited {
color:#333;
border-bottom:1px dotted #333;
text-decoration: none; 
padding:0 0 1px 0; 
margin:0;
}

#footer p a:hover, #footer p a:active, #footer p a:visited:hover {
color:#999;
border-bottom:1px solid #999;
text-decoration: none;
}

/* news & updates entry */
.newsentry {margin: 0 0 20px 0}

.pubDate {
float:left; 
margin:0 20px 0 0; 
background-image: url("http://www.lucisphoto.com/images/layout/calendar.gif"); 
background-position:top left; 
background-repeat:no-repeat;
width:42px;
height:53px;
text-align:center; 
}

span.month {
margin: 18px 0 0 0; 
display:block;
color:#575652; 
text-transform:uppercase; 
font-family:georgia;
font-size:.7em; 
line-height:.7em;
}

span.day {
display:block;
color:#575652; 
font-family:georgia;  
font-size:1.4em;
line-height:1em;
}

/* Photoset */

.photoset h3 {
padding:0 0 5px 0;
}

/* Photoset right */

#contentrightmain .photoset {
float:inherit;
width:300px;
padding:0;
margin: 0 0 10px 0;
}

#contentrightmain .photoset a {
float:left;
margin:0 12px 12px 0;
padding:1px;
border:0;
}

#contentrightmain .photoset a:link, .photoset a:visited {
background:#a1bed9;	
}

#contentrightmain .photoset a:hover, .photoset a:active, .photoset a:visited:hover {
background:#3277b7;
}

#contentrightmain .photoset a img {
float:left;
width:60px;
height:60px;
}

/* Photoset left */

#contentleft .photoset {
float:inherit;
width:480px;
padding:0;
margin: 0 0 100px 0;
}

#contentleft .photoset a {
float:left;
margin:0 8px 8px 0;
padding:0;
border:0;
}

#contentleft .photoset a img {
float:left;
width:75px;
height:75px;
padding:0;
margin:0;
border:solid 5px #5b4941;
}

/* blog */

.blogentry {
margin:0 0 35px 0;
}

.blogentryheader {
margin: 0 0 10px 0;
padding:10px;
background-color:#1c1514;
width:500px;
height:50px;
}

.blogentryheader h2 {
margin:0;
padding:0;
border:0;
}

h2 a, h2 a:link, h2 a:visited {
color: #b0a64b;
font-size:1.1em;
font-weight:normal;
margin:10px 0 5px 0;
padding:0;
border:0;
letter-spacing:0.2px;
text-decoration: none;
}

h2 a:hover, h2 a:active, h2 a:visited:hover {
color:#3277b7;
}

.author {
color: #5b4941;
font-size:0.6em;
}

.blogentrybottom {
width:500px;
height:25px;
background-color:#1c1514;
padding:10px;
margin:10px 0 10px 0;
border: 1px dashed #a5754a;
}

.blogentrybottom .categories 
{
width:240px;
float:left;
padding:0;
margin:0;
border:0;
}

.blogentrybottom .tags 
{
float:left;
width:240px;
padding:0;
margin:0;
border:0;
text-align:right;
}

.blogentryfooter, .blogentryfooter a {
color: #a5754a;
font-size:0.88em;
font-weight:normal;
text-decoration: none;
}

.blogentryfooter a:hover, .blogentryfooter a:visited:hover {
color: #a5754a;
font-size:0.88em;
font-weight:normal;
border-bottom:1px solid #a5754a;
text-decoration: none;
}

/* blogentry text styles */

.text {
font-weight:normal;
color:#a18b7a;
line-height:150%;
margin:0 10px 25px 0;
padding:0;
}

.text ul {
list-style-type:square;
margin:0 0 10px 10px;
padding:0 10px 10px 10px; 
}

.text ul li {
font-size:0.82em;
padding:2px;
margin:0; 
}

.text ul li a:link, .text ul li a:visited {
border-bottom:1px dotted #a1bed9; 
color:#a1bed9; 
text-decoration: none; 
padding:0 0 1px 0; 
margin:0;
}

.text ul li a:hover, .text ul li a:active, .text ul li a:visited:hover {
color:#3277b7;
border-bottom:1px solid #3277b7;
text-decoration: none;
}

.text img, .text a img {
border:solid 5px #5b4941;
margin:5px 10px 5px 0;
}

.text img.noborder {
border:0;
}

.text p.quote {
color: #c1b6ad;
font-style:italic;
margin:0;
padding-top:15px;
padding-bottom:15px;
border:0;
}

/* recent posts */

.recentposts {
margin-bottom:20px;
}

.recentposts li a:link, .recentposts li a:visited {
color:#a18b7a;
font-size:0.82em;
text-decoration: none; 
padding:0 0 1px 0; 
margin:0;
}

.recentposts li a:hover, .recentposts li a:active, .recentposts li a:visited:hover {
color:#a5754a;
font-size:0.82em;
text-decoration: none;
}

.recentposts li {
line-height:15px;
margin:10px 0;
}

.recentposts span {
margin:0;
padding:0;
font-size:0.85em;
color: #af4d31;	
}

/* link list */

.linklist li a:link, .linklist li a:visited {
color:#a18b7a;
font-size:0.82em;
text-decoration: none; 
padding:0 0 1px 0; 
margin:0;
}

.linklist li a:hover, .linklist li a:active, .linklist li a:visited:hover {
color:#a5754a;
font-size:0.82em;
text-decoration: none;
}

/* comments */

h1#comment, h1#addcomment {
margin:10px 0 5px 0;
padding:0;
font-size:0.92em;
color: #af4d31;	
}

#btnSaveAjax {
background:url(http://www.lucisphoto.com/images/layout/savebutton.gif) right no-repeat;
cursor:pointer; 
width:60px;
height:20px;
border:0;
padding:0;
margin:0;
}

#commentlist {
background-color:#1c1514;
border-top:solid 5px #5b4941;
border-bottom:solid 4px #5b4941;
width:520px;
margin-top:25px;
margin-bottom:25px;
padding:0;
}

.comment, .comment self {
width:520px;
padding:0;
margin:0;
border-bottom:1px solid #5b4941;
}

.comment div.clear {
clear:both;
width:520px;
display:block;
padding:0;
margin:0;
border:0;
}

.commentid {
width:480px;
padding:10px 20px 0 20px;
margin:0;
}

.commentid .gravatar {
padding:0;
margin:0;
border:0;
}

.commentid p {
padding:0;
margin:0;
border:0;
}

p.commentauthor {
color:#a5754a;
}

p.commentauthor a {
text-decoration:none;
border:0;
}

p.commentdate {
font-style:italic;
color: #5b4941;
}

.commentcontent {
width:480px;
padding:0 20px 10px 20px;
}

.commentcontent p {
padding:10px 0 0 0;
margin:0;
}

.commentform {
font-size:0.82em;
font-weight:normal;
color:#a18b7a;
padding:0;
border:0;
margin:0;
}

.commentForm input {
width:300px;
border:solid 1px #5b4941;
}

.commentForm textarea {
width:520px;
height:150px;
border:solid 1px #5b4941;
}


.commentForm .bbcode {
font-size:10px;
float:right;
position:relative;
top:5px;
padding:3px;
margin-right:26px;
}

.bbcode a {
padding: 2px 6px 2px 6px;
background: #fff;
color:#a18b7a;
}

#status{
color:#a1bed9;
font-size:0.82em;
font-size:1.1em;
}

/* blog paging */

#postPaging {
top:0;
left:0;
border:0;
padding:0;
margin:0;
width:520px;
}

/*Search*/

.search {
margin:0;
padding:0 0 5px 0;
}

.search h4 {

}

#searchbox {
background: url(http://www.lucisphoto.com/images/layout/searchbox.gif) top left no-repeat;
width:280px;
height:36px;
border:0;
padding:0;
margin:10px 0 0 0px;
}

.search .content {
top:0;
border:0;
padding:0;
margin:0;
}

#searchfield {
color:gray;
width:190px;
height:20px;
border:0;
padding:0;
margin:10px 8px 0px 35px;
}

#searchbutton {
background: transparent;
cursor:pointer; 
width:30px;
border:0;
padding:0;
margin:0;
}

.searchresult{
padding:0 10px 20px 0px;
}

.searchresult a:link, .searchresult a:visited, #searchonsearch a:link, #searchonsearch a:visited {
border-bottom:1px dotted #a1bed9; 
color:#a1bed9; 
text-decoration: none; 
padding:0 0 1px 0; 
margin:0;
}

.searchresult a:hover, .searchresult a:active, .searchresult a:visited:hover, #searchonsearch a:hover, #searchonsearch a:active, #searchonsearch a:visited:hover {
color:#3277b7;
border-bottom:1px solid #3277b7;
text-decoration: none;
}

.searchresult {
font-size:0.82em;
font-weight:normal;
color:#a18b7a;
line-height:150%;
}

#searchonsearch {
font-weight:normal;
color:#a18b7a;
line-height:150%;
}

#searchonsearch ol {
font-size:0.82em;
}

.searchresult .url {
font-style:italic;
}

#widgetzone img {
margin:0 2px 0 0;
}

/* tag cloud */
.tagcloud {
margin-bottom:20px; 
white-space:normal; 
}

.tagcloud li {
display:inline; 
}

.tagcloud a {
margin-right:4px; 
display:inline;
color:#a1bed9; 
text-decoration: none; 
border:0;
}

.tagcloud a:hover {
color:#3277b7;
}

a.biggest {font-size:18px;}
a.big {font-size:16px;}
a.medium {font-size:14px;}
a.small {font-size:12px;}
a.smallest {font-size:10px;}

li.year {
color:#a18b7a;
margin-bottom:20px;
}

/* Archive */
#archive {
color:#a18b7a;
}

#archive li, #archive td {
font-size:0.82em;
line-height:150%;
}

#archive li a:link, #archive li a:visited, 
#archive td a:link, #archive td a:visited {
border-bottom:1px dotted #a1bed9; 
color:#a1bed9; 
text-decoration: none; 
padding:0 0 1px 0; 
margin:0;
}

#archive li a:hover, #archive li a:active, #archive td a:visited:hover, 
#archive td a:hover, #archive td a:active, #archive td a:visited:hover {
color:#3277b7;
border-bottom:1px solid #3277b7;
text-decoration: none;
}

#archive h2 {
margin-top:30px;
}

#archive h2 a {
border:0;	
}

#archive h2 a img {
padding:0 10px 0 0;
}

#archive table {
width:500px;
}

#archive th, #archive td {
background-color:#1c1514;
padding:2px;
}

#archive th {
text-align:left;
}

#totals span {
font-size:0.82em;
}

#archive td.date {
width:100px;
}

#archive td.title {
width:300px;
}

#archive td.comments {
width:100px;
}

#rssbox {
text-align:center;
margin-top:30px;
}

/* permalink */

a.permalink{
margin:0;
padding:0 0 0 22px;
border:0;
background:url(http://www.lucisphoto.com/images/layout/chain.gif) center left no-repeat; 
}


/* comments */

a.comments{
margin:0;
padding:0 0 0 16px;
border:0;
background:url(http://www.lucisphoto.com/images/layout/comment.gif) center left no-repeat; 
}

