/*
Theme Name: Right Of Publicity
Description: The custom WordPress theme for the Right of Publicity web site.
Author: Rhaya Shilts
Author URI: http://rhaya.com/

*/


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

* {margin:0; padding:0; }

* html ul li a {height:1em;}

html,body {
height:100%;
background:#fff;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
color: #4d6281;
line-height: 150%;
text-align:center;
background:url(images/template/bodybgwide.gif) top center;
}

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

#frame {
position:relative; /* needed for footer positioning */
width:960px;
margin:0 auto;
text-align:left;
background:url(images/template/framebg2.gif);
height:auto !important; 
height:100%; 
min-height:100%;
}


#left {
width:732px;
margin:0 0 0 14px;
float:left;
display:inline;
}

#right {
width:201px;
margin:0 13px 0 0;
float:left;
display:inline;
line-height: 120%;
}



/* ------------- HEADER ------------- */


#header {
height: 99px;
width: 732px;
display: block;
text-indent: -9999px;
background:url(images/template/header.gif) no-repeat;
float:left;
}

#header a {
height: 40px;
width: 350px;
left: 13px;
top:24px;
display: block;
text-indent: -9999px;
position:relative;
overflow:hidden;
}

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

#nav {
width:200px;
float:left;
}

#nav ul {
list-style-type:none;
font-size : 11px;
color:#4d6281;
display: block;
line-height:24px;
}


#nav ul a {
color:#4d6281;
text-decoration:none;
display: block;
}

#nav ul a:hover {
color:#fff;
text-decoration:none;
background:url(images/template/listhover.gif);
}

#nav li {
text-indent:17px;
border-bottom:1px solid #9caac0;
}

#facebook{
padding: 3px 0 0 23px;
margin:10px 0 0 17px;
display:block;
background:url(images/template/fb.gif) no-repeat left;
font-size: 11px;
color:#4d6281;
}

#twitter {
padding: 0 0 0 23px;
margin:10px 0 0 17px;
display:block;
background:url(images/template/twitter.gif) no-repeat left;
font-size: 11px;
color:#4d6281;
}

#linkedin {
padding: 0 0 0 23px;
margin:10px 0 0 17px;
display:block;
background:url(images/template/linkedin.gif) no-repeat left;
font-size: 11px;
color:#4d6281;
}

#facebook a, #twitter a, #linkedin a {color:#4d6281; text-decoration:none;}
#facebook a:hover, #twitter a:hover, #linkedin a:hover {color:#4d6281; text-decoration:underline;}



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

#content {
width:492px;
float:left;
margin:15px 20px;
display:inline;
}

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

#content h1 {
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
margin:0 0 15px 0;
color:#b29b6f;
font-size:24px;
line-height: 100%;
}

#content h1.postitle {
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
margin:0 0 4px 0;
color:#b29b6f;
font-size:24px;
line-height: 100%;
}

#content h2 {
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
margin:0 0 15px 0;
font-size:18px;
}

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

#content h1 a:hover {
color:#7c9369;
text-decoration:none;
}

#content a {
color:#7c9369;
}

#content a:hover {
color:#b29b6f;
}

.alignright {float: right;}

.alignleft {float: left}

.prevnext {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 60px;
}
	

hr {
border:none 0;
border-top:3px solid #b9c1ce;
height:3px;
margin:0 0 12px 0;
}
	
#content ol {
margin: 15px 0 15px 24px;
}

#content ul {
margin: 0 0 25px 0;
}

#content li {
margin: 0 0 8px 0;
}

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

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

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

.smalltext {
font-size:10px;
color:#9caac0;
}

#meta {
font-size:10px;
color:#b29b6f;
margin: 0 0 0 0;
text-transform:uppercase;
}

#sharediv {
font-size:10px;
color:#b29b6f;
margin: 0 0 12px 0;
text-transform:uppercase;
}

.stbutton, .stButton {
margin: 0 0 0 -10px;
padding:0;
}


.commentbold {
font-family:"Arial Black", Arial, Helvetica, sans-serif;
} 

#meta a {
color:#b29b6f;
background:#efebe2;
text-decoration:none;
padding:0 4px;
} 

#meta a:hover {
color:#7c9369;
background: #d8ded3;
text-decoration:none;
}

/* ------------- RIGHT SIDEBAR ------------- */

#right h2 {
width:201px;
height:48px;
text-indent:-9999px;
}

#right ul {
list-style-type:none;
font-size : 11px;
color:#ffffff;
display: block;
}

#right ul a {
color:#ffffff;
text-decoration:none;
display: block;
}

#right ul a:hover {
color:#ffffff;
text-decoration:none;
background:url(images/template/righthover.gif);
}

#right li a {
line-height:120%;
padding:8px 8px 8px 17px;
} 

h2.recentposts {margin:10px 0 0 0; background:url(images/rightheaders/recentposts.gif) no-repeat;}
h2.inthenews {background:url(images/rightheaders/inthenews.gif) no-repeat;}
h2.search {background:url(images/rightheaders/search.gif) no-repeat;}
h2.archives {background:url(images/rightheaders/archives.gif) no-repeat;}
h2.feeds {background:url(images/rightheaders/feeds.gif) no-repeat;}

#search {
padding:8px 8px 8px 17px;
}


/* ------------- HOME PAGE ------------- */


#homefeatouterleft {
border:1px solid #cebfa3;
width:242px;
padding:1px;
float:left;
display:inline;
margin:0 0 50px 0;
}

#homefeatinnerleft {
border:1px solid #bca882;
width:240px;
}

#homefeatinnerleft p, #homefeatinnerright p {
margin:15px 13px;
color:#a69370;
font-size:11px;
line-height:130%;
}

#homefeatouterright {
border:1px solid #cebfa3;
width:217px;
padding:1px;
float:left;
display:inline;
margin:0 0 50px 20px;
}

#homefeatinnerright {
border:1px solid #bca882;
width:215px;
}

/* ------------- SORTABLE TABLE ------------- */



table.sortable thead {
font-weight: bold;
cursor: default;
}



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


#footer {
border-top:solid 1px #d3dbcd;
width:526px;
position:absolute;
bottom:0; /* stick to bottom */
font-size:10px;
text-align:center;
margin:40px 0 0 217px;
padding:5px 0 5px 0;
}

#footer a {
color:#7c9369;
text-decoration:none;
}

#footer a:hover {
color:#7c9369;
text-decoration:underline;
}