/*
Theme Name: Jackson Sky
Description: The custom WordPress theme for the Jackson Sky web site.
Author: Rhaya Shilts
Author URI: http://jacksonsky.com/ 
*/


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

* {margin:0; padding:0; }

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

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

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

#frame {
width:993px;
margin:0 auto;
text-align:left;
}

#container {
background: url(images/template/containerbg.jpg) top repeat-y;
width:993px;
}

#contentcontainer {
width: 768px;
float:left;
}

#rightcontainer {
line-height: 120%;
width: 225px;
float:left;
}

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


#header {
height: 162px;
width:993px;
background: url(images/template/headerbg.jpg) no-repeat;
}

#headerleft {
height: 162px;
width:400px;
display: block;
text-indent: -9999px;
float:left;
}

#headerleft a {
height: 112px;
width: 240px;
left: 16px;
top:33px;
display: block;
text-indent: -9999px;
position:relative;
overflow:hidden;
}

#headermid {
height: 162px;
width:368px;
float:left;
}



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

#nav-about {
height: 162px;
width:118px;
float:left;
}

#nav-work {
height: 162px;
width:115px;
float:left;
}

#nav-contact {
height: 162px;
width:135px;
float:left;
}

#nav-about h3 {
width:118px;
height:26px;
background:url(images/template/nav/about.jpg) no-repeat;
text-indent:-9999px;
margin:57px 0 0 0;
}

#nav-work h3 {
width:115px;
height:26px;
background:url(images/template/nav/work.jpg) no-repeat;
text-indent:-9999px;
margin:57px 0 0 0;
padding:0;
}

#nav-contact h3 {
width:135px;
height:26px;
background:url(images/template/nav/contact.jpg) no-repeat;
text-indent:-9999px;
margin:57px 0 0 0;
}

ul#navcatsaboutwork {
list-style-type:none;
width:102px;
margin:0 0 0 4px;
padding:0;
}

ul#navcatscontact {
list-style-type:none;
width:126px;
margin:0 0 0 4px;
padding:0;
}

li#company {
width:102px;
height:18px;
background: url(images/template/nav/about_company.jpg) no-repeat;
margin:0 0 3px 0;
}

li#company a {
display:block;
width:102px;
height:18px;
text-indent:-9999px;
text-decoration:none;
overflow:hidden;
}

li#services {
width:102px;
height:18px;
background: url(images/template/nav/about_services.jpg) no-repeat;
margin:0 0 3px 0;
}

li#services a {
display:block;
width:102px;
height:18px;
text-indent:-9999px;
text-decoration:none;
overflow:hidden;
}

li#latest {
width:102px;
height:18px;
background: url(images/template/nav/about_latest.jpg) no-repeat;
margin:0 0 3px 0;
}

li#latest a {
display:block;
width:102px;
height:18px;
text-indent:-9999px;
text-decoration:none;
overflow:hidden;
}

li#portfolio {
width:102px;
height:18px;
background: url(images/template/nav/work_portfolio.jpg) no-repeat;
margin:0 0 3px 0;
}

li#portfolio a {
display:block;
width:102px;
height:18px;
text-indent:-9999px;
text-decoration:none;
overflow:hidden;
}

li#clients {
width:102px;
height:18px;
background: url(images/template/nav/work_clients.jpg) no-repeat;
margin:0 0 3px 0;
}

li#clients a {
display:block;
width:102px;
height:18px;
text-indent:-9999px;
text-decoration:none;
overflow:hidden;
}

li#testimonials {
width:102px;
height:18px;
background: url(images/template/nav/work_testimonials.jpg) no-repeat;
margin:0 0 3px 0;
}

li#testimonials a {
display:block;
width:102px;
height:18px;
text-indent:-9999px;
text-decoration:none;
overflow:hidden;
}

li#hello {
width:126px;
height:18px;
background: url(images/template/nav/contact_hello.jpg) no-repeat;
margin:0 0 3px 0;
}

li#hello a {
display:block;
width:126px;
height:18px;
text-indent:-9999px;
text-decoration:none;
overflow:hidden;
}

li#quote {
width:126px;
height:18px;
background: url(images/template/nav/contact_quote.jpg) no-repeat;
margin:0 0 3px 0;
}

li#quote a {
display:block;
width:126px;
height:18px;
text-indent:-9999px;
text-decoration:none;
overflow:hidden;
}

li#enewsletter {
width:126px;
height:18px;
background: url(images/template/nav/contact_enewsletter.jpg) no-repeat;
margin:0 0 3px 0;
}

li#enewsletter a {
display:block;
width:126px;
height:18px;
text-indent:-9999px;
text-decoration:none;
overflow:hidden;
}

li#company a:hover { background: url(images/template/nav/about_companyhover.jpg) no-repeat; }
li#services a:hover { background: url(images/template/nav/about_serviceshover.jpg) no-repeat; }
li#latest a:hover { background: url(images/template/nav/about_latesthover.jpg) no-repeat; }
li#portfolio a:hover { background: url(images/template/nav/work_portfoliohover.jpg) no-repeat; }
li#clients a:hover { background: url(images/template/nav/work_clientshover.jpg) no-repeat; }
li#testimonials a:hover { background: url(images/template/nav/work_testimonialshover.jpg) no-repeat; }
li#hello a:hover { background: url(images/template/nav/contact_hellohover.jpg) no-repeat; }
li#quote a:hover { background: url(images/template/nav/contact_quotehover.jpg) no-repeat; }
li#enewsletter a:hover { background: url(images/template/nav/contact_enewsletterhover.jpg) no-repeat; }




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

#content {
padding:15px 25px 0 25px;
}

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

#content a {
color:#70afc9;
}

#content a:hover {
color:#377b95;
background:#c9e1eb;
}

#content h1 {
margin:0 0 8px 0;
color:#bebebe;
font-size:11px;
font-weight:bold;
text-transform:uppercase;
}

#content h3 {
margin:0 0 15px 0;
color:#377b95;
font-size:14px;
font-weight:bold;
}


#content ol {
margin: 15px 0 15px 30px;
}

#content ul {
margin: 0 0 15px 30px;
}

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

hr {
border:none 0;
border-top:1px dashed #bebebe;
height:1px;
margin: 0 0 15px 0;
}


.quotepage_hr {margin:10px 0 10px 0}

.wp_quotepage_author {
color:#92c9df;
font-style:italic;
}

#pagecontent img {
border:1px solid #bebebe;
padding:8px;
}


#captcha img {
border:1px solid #ffffff;
padding:0;
}


/* ------------- PAGE HEADERS ------------- */


#pagecontent h2 {
width:400px;
height:36px;
margin:0 0 10px 0;
}

h2.aboutjacksonsky {
background:url(images/pageheaders/aboutjacksonsky.gif) no-repeat;
text-indent:-9999px;
}

h2.aboutrhaya {
background:url(images/pageheaders/aboutrhaya.gif) no-repeat;
text-indent:-9999px;
}

h2.services {
background:url(images/pageheaders/services.gif) no-repeat;
text-indent:-9999px;
}

h2.portfolio {
background:url(images/pageheaders/portfolio.gif) no-repeat;
text-indent:-9999px;
}

h2.websites {
background:url(images/pageheaders/websites.gif) no-repeat;
text-indent:-9999px;
}

h2.logos {
background:url(images/pageheaders/logos.gif) no-repeat;
text-indent:-9999px;
}

h2.clients {
background:url(images/pageheaders/clients.gif) no-repeat;
text-indent:-9999px;
}

h2.testimonialspage {
background:url(images/pageheaders/testimonials.gif) no-repeat;
text-indent:-9999px;
}

h2.contact {
background:url(images/pageheaders/contact.gif) no-repeat;
text-indent:-9999px;
}

h2.request {
background:url(images/pageheaders/request.gif) no-repeat;
text-indent:-9999px;
}

h2.enewsletter {
background:url(images/pageheaders/enewsletter.gif) no-repeat;
text-indent:-9999px;
}



/* ------------- PORTFOLIO PAGE STYLES ------------- */


#portpieceweb {
border:1px solid #bebebe;
padding:8px;
margin:0 0 16px 0;
height:255px;
}

#portpieceweb img {
border:1px solid #eeeeee;
padding:0;
float: left;
margin: 0 20px 0 0; 
display:inline;
}

#portpieceweb a img  {
border:1px solid #eeeeee;
padding:0;
}

#portpieceweb a:hover img  {
border:1px solid #c9e1eb;
}

#portpiecelogo {
border:1px solid #bebebe;
padding:8px;
margin:0 0 16px 0;
float: left;
width:700px;
}

#portpiecelogo img {
border:1px solid #ffffff;
padding:0;
float: left;
margin:0 15px 0 5px; 
}


/* ------------- BLOG STYLES ------------- */


img.alignleft {margin: 0 20px 10px 0}

.alignright {float: right; margin: 0 0 5px 20px; display:inline;}

.alignleft {float: left; margin: 0 20px 5px 0; display:inline;}

.avatar { display:none;}


#postinfo {
background:#eeeeee;
color:#6e6e6e;
font-size:11px;
padding:1px 6px 1px 6px;
border-top:1px solid #d2d1d1;
border-bottom:1px solid #d2d1d1;
margin:0 0 30px 0;
}


#postinfo a {
color:#70afc9;
}

#postinfo a:hover {
color:#377b95;
background:#eeeeee;
}


#postitle h1 {
margin:0 0 15px 0;
color:#377b95;
font-size:21px;
font-weight:bold;
text-transform:none;
}

#postitle a {
color:#377b95;
text-decoration:none;
}

#postitle a:hover {
color:#92c9df;
text-decoration:underline;
background:#ffffff;
}

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



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

.comment-author {
font-weight:bold;
}

.comment-meta {
font-size:11px;
margin:0 0 6px 0;
}

.alt {
background-color: #f1f1f1;
}


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

#homecontent {
line-height:155%;
}

#homecontent h1 {
margin:0 0 10px 0;
}

#featuredarea {
width:311px;
background:#d2d1d1;
float:right;
margin:3px 0 0 25px;
display:inline;
}

#featuredarea h3 {
width:311px;
height:49px;
background:url(images/home/featured.gif) no-repeat;
text-indent:-9999px;
margin:0;
}

#featuredarea img {
margin:5px 12px 5px 11px;
}

#featuredarea p {
margin:0 18px 15px 18px;
font-size:11px;
line-height:150%;
color:#6e6e6e;
}

#featuredarea a {
color:#377b95;
text-decoration:none;
}

#featuredarea a:hover {
color:#377b95;
text-decoration:underline;
background:none;
}

h1.stepinto {
width:375px;
height:49px;
background:url(images/home/stepinto.gif) no-repeat;
text-indent:-9999px;
}

h1.testimonials {
width:375px;
height:49px;
background:url(images/home/testimonials.gif) no-repeat;
text-indent:-9999px;
}

#quote {
font-size:13px;
}

.quoter {
font-size:14px;
color:#92c9df;
font-style:italic;
}

.wp_quotes_author {
color:#92c9df;
font-style:italic;
}


/* ------------- RIGTH SIDEBAR ------------- */

#rightcontainer h3 {
width:225px;
height:14px;
}

h3.latestnews {
background:url(images/template/rightheaders/latestnews.gif) no-repeat;
text-indent:-9999px;
}

h3.search {
background:url(images/template/rightheaders/search.gif) no-repeat;
text-indent:-9999px;
}

h3.archives {
background:url(images/template/rightheaders/archives.gif) no-repeat;
text-indent:-9999px;
}

h3.categories {
background:url(images/template/rightheaders/categories.gif) no-repeat;
text-indent:-9999px;
}

h3.otherprojects {
background:url(images/template/rightheaders/otherprojects.gif) no-repeat;
text-indent:-9999px;
}

h3.contactinfo {
background:url(images/template/rightheaders/contactinfo.gif) no-repeat;
text-indent:-9999px;
}

#rightcontainer ul {
color:#377b95;
font-size:11px;
list-style-type:none;
margin:5px 0 45px 14px;
}

#rightcontainer li {
margin:0 0 5px 0;
}

#rightcontainer a {
color:#377b95;
font-size:11px;
text-decoration:none;
}

#rightcontainer a:hover {
color:#377b95;
font-size:11px;
text-decoration:underline;
}

#rightcontainer p {
font-size:11px;
list-style-type:none;
margin:5px 0 45px 14px;
}

#bigthumbs {
margin:5px 0 0 14px
}

#tinythumbs {
margin:0 0 0 9px;
}

.singlethumb {
float: left;
margin: 0 0 0 5px;
display:inline;
}

#tinythumbs a, #bigthumbs a {
border: 1px solid #cdcdcd;
display:block;
}

#tinythumbs a:hover, #bigthumbs a:hover {
border: 1px solid #a7a7a7;
}



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

#footer {
background: url(images/template/footerbg.jpg) no-repeat;
text-align:center;
font-size:10px;
width: 768px;
height:36px;
color:#a0a0a0;
margin:-4px 0 10px 0;
}

#footer p {
padding:8px 0 0 0;
}

#footer a {
color:#377b95;
text-decoration:none;
}

#footer a:hover {
color:#377b95;
text-decoration:underline;
background:none;
}

/* ------------- MISCELLANEOUS ------------- */

.arial {font-family: Arial}
.verdana {font-family: Verdana}
.times {font-family: "Times New Roman"}
.century {font-family: "Century Gothic"}
.trebuchet {font-family: "Trebuchet MS"}
.georgia {font-family: Georgia}
.courier {font-family: "Courier New"}
.impact {font-family: Impact}
.helvetica {font-family: Helvetica}
.arialblack {font-family: "Arial Black"}
.arialnarrow {font-family: "Arial Narrow"}
.tahoma {font-family: tahoma}
.andale {font-family: "Andale Mono"}