/*
Theme Name: Right Of Publicity: Version Two
Description: The custom Responsive WordPress theme for the Right of Publicity web site.
Author: Jackson Sky Web Design & Development
Author URI: http://jacksonsky.com/
Version: 2.0

*/

/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.6;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
	width:100%;
	max-width:400px;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/***** DEFAULT STYLES *******/
* {
margin: 0;
}
html, body {
height: 100%;
background: url(images/template/bodybg.gif) repeat #91a582;
}

body{
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size:12px;
	color:#4D6281;
	}
	
a{color:#7C9369; text-decoration:underline;}
a:hover{color:#B29B6F;}
	
p{margin:0 0 25px;}

h1, h2, h3, h4, h5, h6{ font-family:"Trebuchet MS","Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif; line-height:1.2; margin:0; padding:0;}
h1{font-size:24px; margin:0 0 15px;}
h2{}
h3{}
h4{}
h5{}
h6{}

.transFour{-o-transition: all .4s linear;
  -moz-transition: all .4s linear;
  -webkit-transition: all .4s linear;
  transition: all .4s linear;}

/*********** LAYOUT ************/

#wrapper{width:1100px; margin:0 auto; background: url(images/template/bckgrdAll.gif) repeat-y #fff;
-webkit-box-shadow: 0px 3px 13px 0px rgba(50, 50, 50, 1);
-moz-box-shadow:    0px 3px 13px 0px rgba(50, 50, 50, 1);
box-shadow:         0px 3px 13px 0px rgba(50, 50, 50, 1);}
#mainColumn{float:left; width:79.54545454545455%; display:block;}
#rightColumn{float:left; width:20.45454545454545%; display:block; padding-top:10px; 
/*-webkit-box-shadow:inset 15px 0 15px -15px rgba(50, 50, 50, 1);
-moz-box-shadow:inset 15px 0 15px -15px rgba(50, 50, 50, 1);
box-shadow:inset 15px 0 15px -15px rgba(50, 50, 50, 1);*/}
#insideColumn{width:100%;}
#leftColumn{ float:left; display:inline; width:25.71428571428571%;} 
#mainContentArea{float:left; display:inline; width:74.28571428571429%;}

/******** Main Header **************/
#headerMainSite{width:100%; background:#fff;}
#tagline{width:100%; float:left; background:#4D6281; min-height:30px; }
#tagline h2{font-size:17px; font-weight:normal; color:#B9C1CE; line-height:30px; padding-left:18px;font-family:"Rokkitt","Times New Roman", Times, serif;}

/** Logo **/
#headerMainSite #logo{width:342px; height:32px; float:left; margin:28px 0 9px 16px;}
#logo hgroup{display:block; width:342px; height:32px; overflow:hidden; margin:0; float:left; background:url(images/template/logo.gif) no-repeat left top;}
#logo hgroup h1{text-indent:-9999em; display:block; overflow:hidden;}

/** Top Info **/



/************** Main Navigation *************/
#mainNav {width:100%;}

#mainNav ul {
list-style-type:none;
font-size : 11px;
color:#4d6281;
display: block;
margin:0;
padding:0;
}


#mainNav ul a {
color:#4d6281;
text-decoration:none;
display: block;
padding:7px 0 7px 17px;
}

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

#mainNav li {
border-bottom:1px solid #9caac0;
}

/************************ small navigation ************************/

#mobileNav{background:#687B58;}
.navigation {
  max-width: none;
  background: #7C9369;
  padding: 0;
  display:none;
}

.navigation li a {
  display: block;
  color:#e1e5de;
  padding:10px 20px;
  text-decoration:none;
}

.navigation li a:hover {
  background: #92A683;
  color:#fff;
}

.navheader {font-family: Arial,Verdana,Helvetica,sans-serif; width:100%;}
.mobileIcons{float:right; display:none; margin:10px 10px 0 0; font-size:20px; line-height:1;}
.mobileIcons a{text-decoration:none; color:#e1e5de;}
.mobileIcons a:hover{color:#fff;}
.slide-trigger {
  display: none; /* need this */
  cursor: pointer;
  background:#687B58;
  height:40px;
  width:125px;
  border-right:1px solid #7C9369; 
  line-height:40px; font-size:21px; font-weight:normal;
  padding-left:10px;
  color:#e1e5de;
}

.slide-trigger:hover{ color:#fff; background:#59694b;}




/*************** Content Area Layout****************/






/*************** Main Content Elements and Styles****************/
/* ------------- CONTENT ------------- */

#content {
padding:15px 20px;
display:block;
}

#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;
}


/********************* Side Bar Elements *******************/

/* ------------- Left Sidebar ------------ */
#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;
}
#social{margin:10px 15px 15px; font-size:24px;}
#social a{text-decoration:none; color:#4D6281;}
#social a:hover{ color:#344661;}
#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;}

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

#rightColumn h2 {
width:100%;
height:47px;
text-indent:-9999px;
}

#rightColumn ul {list-style-type:none; font-size : 11px; color:#ffffff; display: block; width:100%; padding:0; margin:0;}

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

#rightColumn ul a:hover {
color:#ffffff;
text-decoration:none;
background:url(images/template/righthover.gif) left repeat-y #92A683;
}

#rightColumn li a {
line-height:120%;
padding:8px 8px 8px 17px;
} 
.sideHeader{width:100%; background:url(images/rightheaders/rightHeaderBckgrd.gif) no-repeat left top; height:34px; display:block; padding-top:14px;}
#rightColumn h2{margin:0 0 0 17px;}
h2.recentposts {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;
}
input#s{margin-bottom:5px;}

input#searchsubmit{ background:#687B58;color:#fff; text-transform:uppercase; border:1px solid #59694B; padding:5px 10px;}
input#searchsubmit:hover{background:#59694B; border:1px solid #687B58;}

/********************* Footer **********************/
#footerMain{display:block; text-align:center; font-size:12px; color:#fff; padding:15px 0;}
#footerMain a{color:#fff; text-decoration:underline;}
#footerMain a:hover{ color:#263140;}


/*======================================== PAGES ===========================================*/

/***************** Home Page *****************/
.frontBox{float:left; display:inline; width:48%;}
.frontBoxInner{display:block; border:1px solid #BCA882;}
#about.frontBox{margin-right:4%;}

#content .frontBox h2{width:100%; height:38px; text-indent:-9999px; background-color:#BCA882; background-repeat:no-repeat; background-position:8px 9px; font-size:1px; line-height:1px; margin:0; padding:0;}
#about.frontBox h2{background-image:url(images/home/aboutheader.gif);}
#question.frontBox h2{ background-image:url(images/home/askheader.gif);}

.frontBoxContent{padding:15px 10px 0;  min-height:150px;
  height:auto !important;
  height:150px;}
.frontBoxContent p{margin:0 0 15px;}

.frontBox .button{width:100%; font-family:"Rokkitt","Times New Roman", Times, serif;}
.frontBox .button a{color:#fff !important; text-decoration:none; display:block; height:20px; line-height:20px; border:1px solid #fff; background:#BCA882; padding-right:10px; padding-top:2px; text-align:right; text-transform:uppercase; font-size:16px;}
.frontBox .button a:hover{background:#687b58;}



/********************* WordPress Styles *********************/

#postitle h1{margin-bottom:5px; line-height:115%;}
#postitle a {text-decoration:none;}

#postinfo {float:left; display:inline; background:#eeeeee; color:#6e6e6e; font-size:11px; padding:2px 6px 1px 6px; border-top:1px solid #d2d1d1; border-bottom:1px solid #d2d1d1; margin:5px 0 30px 0; width: 443px; clear: both;}

img.alignleft {float:left; display:inline; margin:5px 15px 15px 0; padding:5px; background:#ffffff; border:1px solid #e1dbd8;}
img.alignright {float:right; display:inline; margin:5px 0 15px 15px; padding:5px; background:#ffffff; border:1px solid #e1dbd8;}
img.alignnone {margin: 0 0 10px 0}
img.aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px;}

.alignright {float: right; margin: 0 0 5px 15px; display:inline;}
.alignleft {float: left; margin: 0 15px 5px 0; display:inline;}

/********************* Global Styles Misc *********************/
.marginBtm15{margin-bottom:15px;}
.rightAlignText{text-align:right;}

/** Forms **/
input.wpcf7-text{width:100%; max-width:320px;}



/* ========================================================================== 
MEDIA SIZES 
========================================================================== */
/* Note: make images display for retina */
@media (-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 

    #logo hgroup{
    }
}


/* Note: Design for a width of 320px and 240px */
@media only screen and (max-width: 479px) {
#wrapper{width:100%; background:none;}
#mainColumn{width:100%; background:#fff;}
#mainContentArea{width:100%;}
#rightColumn{width:100%; background:#7C9369; padding-top:0;}
#leftColumn{display:none;}


/** Logo **/
#headerMainSite #logo{width:342px; height:32px; float:left; margin:28px 0 9px 16px;}
#headerMainSite #logo{width:96%; height:auto; margin-left:4%;}
#logo hgroup{display:block; width:71.39874739039666%; height:0; padding-bottom:9.35672514619883%; overflow:hidden; margin:0; float:left; background-size:100%; min-width:230px;}
#logo hgroup h1{text-indent:-9999em; display:block; overflow:hidden;}

/******* tagline ******/
#tagline{width:100%; float:left; background:#4D6281; padding:7px 0; min-height:inherit; }
#tagline h2{ line-height:1.2; font-size:15px;}

/**************** mobile nav ***************/
.slide-trigger { display: block; }
    .no-js .slide-trigger { display: none; }
  .navigation { display: none; }
    .no-js .navigation { display: block; }
  .navigation { margin: 0; }
  .navigation li { float: none; }
  .navigation li a { border-bottom: 1px solid #e1e5de; }
  .mobileIcons{display:block;}

/*********** Side Column ****************/
/** Side Headers **/
.sideHeader{ background:#687B58; height:45px; display:block; padding:0; border:1px solid #687B58; border-left:0; border-right:0;}
#rightColumn h2{ height:43px; margin:0 0 0 0; border:1px solid #7C9369; border-left:0; border-right:0;background-position:18px 11px;}
h2.recentposts {background:url(images/rightheaders/recentposts.gif) no-repeat #687B58; }
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;}

#rightColumn ul a:hover {
color:#ffffff;
text-decoration:none;
background:#92A683;
}

#search{ padding-bottom:25px;}

/***************** Home Page *****************/
.frontBox{float:left; display:inline; width:100%;}
#about.frontBox{margin:0 0 10px;}
.frontBoxContent{min-height: inherit;
  height:auto !important;
  height: inherit;}

}


/***************** Note: Design for a width of 480px ******************/
/* #Mobile (mobile landscape)
================================================== */
/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px){
/********** Layout **************/
#wrapper{width:100%; background:none;}
#mainColumn{width:100%; background:#fff;}
#rightColumn{width:100%; background:#7C9369; padding-top:0;}
#leftColumn{background:#B9C1CE;}

/******* Header ******/
#tagline{width:100%; float:left; background:#4D6281; padding:7px 0; min-height:inherit; }
#tagline h2{ line-height:1.2;}

/*********** Side Column ****************/
/** Side Headers **/
.sideHeader{ background:#687B58; height:45px; display:block; padding:0; border:1px solid #687B58; border-left:0; border-right:0;}
#rightColumn h2{ height:43px; margin:0 0 0 0; border:1px solid #7C9369; border-left:0; border-right:0;background-position:18px 11px;}
h2.recentposts {background:url(images/rightheaders/recentposts.gif) no-repeat #687B58; }
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;}

#rightColumn ul a:hover {
color:#ffffff;
text-decoration:none;
background:#92A683;
}

#search{ padding-bottom:25px;}

/***************** Home Page *****************/
.frontBox{float:left; display:inline; width:100%;}
#about.frontBox{margin:0 0 10px;}
.frontBoxContent{min-height: inherit;
  height:auto !important;
  height: inherit;}
	
}

/***************** Note: Design for a width of 768px ******************/

@media only screen and (min-width: 768px) and (max-width: 985px) {
/***** Layout ******/
#wrapper{width:750px;  background-position:-2060px 0;}
#mainColumn{width:76.66666666666666%;}
#rightColumn{width:23.33333333333334%;}
#leftColumn{width:30.43478260869565%;} 
#mainContentArea{width:69.56521739130435%;}

/***** Header ******/
#tagline h2{line-height:30px;}

/***************** Home Page *****************/
.frontBox{float:left; display:inline; width:100%;}
#about.frontBox{margin:0 0 10px;}
.frontBoxContent{min-height: inherit;
  height:auto !important;
  height: inherit;}

}

/***************** Note: Design for a width of 960px ******************/

@media only screen and (min-width: 986px) and (max-width: 1116px) {
/***** Layout ******/
#wrapper{width:960px; background-position:-1100px 0;}
#mainColumn{width:79.16666666666667%;}
#rightColumn{width:20.83333333333333%;}
#leftColumn{width:26.31578947368421%;} 
#mainContentArea{width:73.68421052631579%;}
}


/**** clearfix updated ******/
.group:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
	}
* html .group             { zoom: 1; } /* IE6 */
*:first-child+html .group { zoom: 1; } /* IE7 */

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}