/* ------ Styles for FineArtCross.com 
This site was designed and developed by Pulse Creative Partners. 
www.pulsecreativepartners.com ------ */


/* ------------- UNIVERSAL ------------- */

* {margin:0; padding:0; }

html,body {
background: url(/images/template/bodybg.jpg) top;
font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
text-align:center;
font-size:13px;
color:#3e3e3e;
line-height:180%;
}


/* ------------- LAYOUT ------------- */

#frame {
width:900px;
text-align:left;
background:url(/images/template/framebg.jpg) repeat-y;
margin:0 auto;
}

#header {
background:  url(/images/template/header.jpg) no-repeat;
height: 240px;
width: 900px;
text-indent:-9999px;
}

#header a {
height: 115px;
width: 445px;
left: 48px;
top:115px;
display: block;
text-indent: -9999px;
position:relative;
overflow:hidden;
}

#nav {
background:  url(/images/template/navbg.jpg) no-repeat;
height: 26px;
width: 900px;
}

#left {
background:  url(/images/template/leftbg.jpg) no-repeat;
width: 572px;
float:left;
}

#right {
background:  url(/images/template/rightbg.jpg) no-repeat;
width: 328px;
float:left;
}

#footer {
background:  url(/images/template/footerbg.jpg) no-repeat;
font-family:Verdana, Arial, Helvetica, sans-serif;
height: 67px;
width: 900px;
line-height:120%;
color:#909090;
}


/* ------------- NAVIGATION ------------- */

ul#nav_main {
list-style-type:none;
position:relative;
width: 363px;
height: 26px;
top: 0px;
left: 37px;
}

li#home {
position:absolute;
left: 0px;
width:56px;
height:26px;
background: url(/images/template/nav/home.gif) no-repeat;
}

li#home a {
display:block;
height:26px;
width: 56px;
text-indent:-9999px;
text-decoration:none;
overflow:hidden;
}

li#about {
position:absolute;
left: 56px;
width:60px;
height:26px;
background: url(/images/template/nav/about.gif) no-repeat;
}

li#about a {
display:block;
height:26px;
width: 60px;
text-indent:-9999px;
text-decoration:none;
overflow:hidden;
}

li#news {
position:absolute;
left: 116px;
width:56px;
height:26px;
background: url(/images/template/nav/news.gif) no-repeat;
}

li#news a {
display:block;
height:26px;
width: 56px;
text-indent:-9999px;
text-decoration:none;
overflow:hidden;
}

li#shop {
position:absolute;
left: 172px;
width:52px;
height:26px;
background: url(/images/template/nav/shop.gif) no-repeat;
}

li#shop a {
display:block;
height:26px;
width: 52px;
text-indent:-9999px;
text-decoration:none;
overflow:hidden;
}

li#share {
position:absolute;
left: 224px;
width:61px;
height:26px;
background: url(/images/template/nav/share.gif) no-repeat;
}

li#share a {
display:block;
height:26px;
width: 61px;
text-indent:-9999px;
text-decoration:none;
overflow:hidden;
}

li#contact {
position:absolute;
left: 285px;
width:78px;
height:26px;
background: url(/images/template/nav/contact.gif) no-repeat;
}

li#contact a {
display:block;
height:26px;
width: 78px;
text-indent:-9999px;
text-decoration:none;
overflow:hidden;
}

li#home a:hover { background: url(/images/template/nav/homeroll.gif) no-repeat; }
li#about a:hover { background: url(/images/template/nav/aboutroll.gif) no-repeat; }
li#news a:hover { background: url(/images/template/nav/newsroll.gif) no-repeat; }
li#shop a:hover { background: url(/images/template/nav/shoproll.gif) no-repeat; }
li#share a:hover { background: url(/images/template/nav/shareroll.gif) no-repeat; }
li#contact a:hover { background: url(/images/template/nav/contactroll.gif) no-repeat; }


/* ------------- CONTENT ------------- */

#content {
width: 515px;
margin:28px 0 0 57px;
}

#content p {
margin:0 0 18px 0;
}

#content h1 {
margin:0 0 12px 0;
color:#2ca7a3;
font-size:24px;
font-weight:bold;
line-height:120%;
}

#content h2 {
margin:0 0 12px 0;
color:#2ca7a3;
font-size:18px;
font-weight:bold;
line-height:120%;
}

#content h1 a {
color:#2ca7a3;
text-decoration:none;
}

#content h1 a:hover {
color:#8e2626;
text-decoration:none;
}

#content a {
color:#8e2626;
}

#content a:hover {
color:#2ca7a3;
}

#content img {
border:solid 1px #CDCDCD;
padding:5px;
margin:10px;
}

#meta {
background:#eee;
margin:0 0 0 0;
padding:0 8px 0 8px;
font-weight:bold;
border-top:3px double #CDCDCD ;
border-bottom:3px double #CDCDCD;
}


hr {
border:none 0;
border-top:1px solid #CDCDCD;
height:1px;
padding:0 0 18px 0;
}

.previousnext {
display: block;
text-align: center;
margin:0 0 18px 0;
}


.alignright {float: right;}

.alignleft {float: left}


ol {
margin: 0 0 20px 20px;
}

.commentlist li {
padding:6px 10px;
}

#commenttext p {
margin:0 0 2px 0;
}

.alt {
background-color: #f8f8f8;
border-top: 1px solid #CDCDCD;
border-bottom: 1px solid #CDCDCD;
}


/* ------------- RIGHT FEATURES ------------- */

#rightfeatures {
margin:53px 0 0 21px;
width:248px;
background: url(/images/template/rightfeaturesbg.gif) no-repeat; 
}


h2.stories {
width:80px;
height:30px;
background:url(/images/rightheaders/stories.gif) no-repeat;
text-indent:-9999px;
}

h2.archives {
width:248px;
height:30px;
background:url(/images/rightheaders/storyarchives.gif) no-repeat;
text-indent:-9999px;
}

h2.news {
width:80px;
height:30px;
background:url(/images/rightheaders/news.gif) no-repeat;
text-indent:-9999px;
}

h2.signup {
width:248px;
height:30px;
background:url(/images/rightheaders/signup.gif) no-repeat;
text-indent:-9999px;
}

h2.recentcomments {
width:248px;
height:30px;
background:url(/images/rightheaders/recentcomments.gif) no-repeat;
text-indent:-9999px;
}

h2.recentnews {
width:248px;
height:30px;
background:url(/images/rightheaders/recentnews.gif) no-repeat;
text-indent:-9999px;
}

h2.search {
width:248px;
height:30px;
background:url(/images/rightheaders/search.gif) no-repeat;
text-indent:-9999px;
}

h2.archives {
width:248px;
height:30px;
background:url(/images/rightheaders/storyarchives.jpg) no-repeat;
text-indent:-9999px;
}


#rightfeatures ul {
list-style-type:none;
color:#3E3E3E;
font-size:12px;
display: block;
border:solid 1px #CDCDCD;
line-height:140%;
padding: 4px 0 4px 0;
margin: 0 0 30px 0;
}


#rightfeatures ul a {
list-style-type:none;
color:#4BAAA7;
text-decoration:none;
display: block;
}

#rightfeatures li {
padding:4px 10px 4px 10px;
}

#rightfeatures li a {
color:#4BAAA7;
text-decoration:none;
}

#rightfeatures li a:hover {
color:#127F7B;
text-decoration:none;
}


/* ------------- RIGHT ADS ------------- */

ul#rightads {
list-style-type:none;
padding:53px 0 0 21px;
display: block;
}

ul#rightads a {
display: block;
}

li#storytop {
width:248px;
height:133px;
background: url(/images/rightads/storytop.gif) no-repeat;
margin: 0 0 20px 0;
}

li#storytop a {
display:block;
width:248px;
height:133px;
text-indent:-9999px;
text-decoration:none;
overflow:hidden;
}


li#storepromomid {
width:248px;
height:120px;
background: url(/images/rightads/storepromomid.jpg) no-repeat;
margin: 0 0 20px 0;
}

li#storepromomid a {
display:block;
width:248px;
height:120px;
text-indent:-9999px;
text-decoration:none;
overflow:hidden;
}

li#peacebtm {
width:248px;
height:152px;
background: url(/images/rightads/peacebtm.gif) no-repeat;
margin: 0 0 20px 0;
}

li#peacebtm a {
display:block;
width:248px;
height:152px;
text-indent:-9999px;
text-decoration:none;
overflow:hidden;
}


/* ------------- HOME FEATURES ------------- */


#lefthome {
background:  url(/images/template/leftbghome.jpg) no-repeat;
width: 561px;
float:left;
}

#righthome {
background:  url(/images/template/rightbghomefull.jpg) no-repeat;
width: 339px;
height:358px;
float:left;
}

#contenthome {
width: 504px;
margin:28px 0 0 57px;
}

#righthome p {
margin:160px 75px 0 20px ;
font-size:11px;
color:#3E3E3E;
}


/* ------------- FOOTER ------------- */

#footer p {
padding:5px 0 0 0;
text-align:center;
font-size:10px;
}

#footer a {
color:#3e3e3e;
text-decoration:none;
}

#footer a:hover {
color:#3e3e3e;
text-decoration:underline;
}