/*   
Theme Name: CMP Theme
Theme URI: 
Description: Carlisle Media Productions Theme for Wordpress
Author: Paul Johnston
Author URI: http://i-o-s.net
Version: 1
*/

@media screen {

* { margin: 0; padding: 0; }
.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */

#page-wrap { width: 960px; margin: 20px auto; }

/*

Custom Stylings

*/

body, html{
  height:100%;
}

body { 
  font: 14px/1.4 'Trebuchet MS', Verdana, Arial, sans-serif;
  background: #fff;
  letter-spacing: 0.02em;
  }

article, aside, figure, footer, header, nav, section { display: block; }

#pagewrap{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -130px; /* the bottom margin is the negative value of the footer's height */
}

header{
  height:110px;
  z-index: 100;
  position: relative;
  box-shadow: 0 0 10px #000000;
  -moz-box-shadow: 0 0 10px #000000;
  -webkit-box-shadow: 0 0 10px #000000;
  /* background: url(images/bg-tile.jpg) repeat 0 0 transparent; */
  background: #000;
}

footer, .push {
	height: 130px; /* .push must be the same height as .footer */
}

footer{
  width: 100%;
  position: relative;
  /* background: url(images/bg-tile.jpg) repeat 0 0 transparent; */
  background: #000;
  
}

#main-content{
  padding-top: 60px;
}

.content-wrap{
  width:960px;
  margin: 0 auto;
  position: relative;
}

nav{
  bottom: 70px;
  color: #696969;
  font-family: 'Ubuntu',arial,serif;
  text-transform: uppercase;
  font-size: 1.2em;
  position: absolute;
  right: 0px;
}

nav ul li{
  display: inline;
  padding-right: 20px;
  list-style: none outside none;
}

#logo{
  position: relative;
  left: -20px;
  padding-left: 160px;
  background: url(images/carlisle-logo.png) no-repeat transparent 0 0;
  height: 160px;
  width: 185px;
}

#logo h2{
    bottom: 70px;
    color: #FFFFFF;
    right: 0px;
    line-height: 1em;
    position: absolute;
    width: 180px;
}

#logo h2 a, #logo h2 a:visited, #logo h2 a:hover{
  color: #fff;
  text-decoration: none;
}



.content-right{

}

.content-left{
  background: rgb(255, 255, 255); /* The Fallback */
  background: rgba(255, 255, 255, 0.9);
}

.entry-title, .entry{
  margin: 5px 10px;
}

.entry-title{
  border-bottom: 1px solid #333;
}

h1, h2, h3, h4 , h5{ 
  font-family: 'Ubuntu', arial, serif;
  font-weight: normal;
  }

h1, h2, h5{margin: 0 0 10px 0; }

h1{
  color: #FC9305;
  font-size: 3em;
}

h1.heading-block {
    background: rgb(255, 255, 255); /* The Fallback */
    background: rgba(255, 255, 255, 0.9);
    border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    -webkit-border-radius: 7px 7px 7px 7px;
    padding: 0 10px;
}

h2{
  font-size: 2em;
  text-transform: uppercase;
}

h3 {
  font-size: 1.75em;
  margin: 0;
  text-transform: capitalize;
  color: #FC9305;
}

h4{ font-size: 1.5em; }

h5 { font-size: 1.2em; }


p { margin: 0 0 10px 0; }
a {
  color: #FC9305;
  text-decoration: none;
 }
a:hover {
  text-decoration: underline;
 } 
 
a:visited{
  color: #FC9004;
}

#main-content img{
  border: 2px solid #DDDDDD;
  padding: 5px;
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

#backstretch img{
  padding: 0;
  border: 0px none;
}

blockquote {
  border-left: 5px solid #DDDDDD;
  margin: 20px;
  padding: 20px;
}

blockquote p { 
  font-size: 1.2em;
  font-style: normal;
  
}

q:lang(en){
  quotes: """ """ "'" "'";
}

blockquote cite{
  color: #666666;
  display: block;
  font-size: 0.9em;
  font-style: italic;
  padding: 1em 0 0 2em;
}

ul{ margin: 0 0 10px 15px; }

ol{
  margin: 0 0 10px 0;
  list-style: decimal-leading-zero inside none;
}

ol ol{
  margin: 0 0 10px 20px;
  list-style: lower-roman inside none;
}

dt{
  font-weight: bold;
}

dd{
  font-size: 0.9em;
  margin: 0 0 10px 10px;
}

.post { }

.entry { }
.entry a { }
.entry a:hover { }

pre { }
code, tt { }

#meta { }
.postmetadata { }

#sidebar { }

.navgation { }
   .next-posts { }
   .prev-posts { }

#searchform { }
	#s { }
	#searchsubmt { }
	
ol.commentlist { list-style: none; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor { }
ol.commentlist li.byuser { }
ol.commentlist li.comment-author-admin { }
ol.commentlist li.comment { border-bottom: 1px dotted #666; padding: 10px; }
ol.commentlist li.comment div.comment-author { }
ol.commentlist li.comment div.vcard { }
ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
ol.commentlist li.comment div.vcard cite.fn a.url { }
ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }
ol.commentlist li.comment div.vcard img.avatar-32 { }
ol.commentlist li.comment div.vcard img.photo { }
ol.commentlist li.comment div.vcard span.says { }
ol.commentlist li.comment div.commentmetadata { }
ol.commentlist li.comment div.comment-meta { font-size: 10px; }
ol.commentlist li.comment div.comment-meta a { color: #ccc; }
ol.commentlist li.comment p { }
ol.commentlist li.comment ul { }
ol.commentlist li.comment div.reply { font-size: 11px; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
ol.commentlist li.comment ul.children li { }
ol.commentlist li.comment ul.children li.alt { }
ol.commentlist li.comment ul.children li.bypostauthor { }
ol.commentlist li.comment ul.children li.byuser { }
ol.commentlist li.comment ul.children li.comment { }
ol.commentlist li.comment ul.children li.comment-author-admin { }
ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-5 { }
ol.commentlist li.comment ul.children li.odd { }
ol.commentlist li.even { background: #fff; }
ol.commentlist li.odd { background: #f6f6f6; }
ol.commentlist li.parent { border-left: 5px solid #111; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd { }

form { }
input[type=text] { }
textarea { }

#sliderContainer{
  margin-top: 20px;
}

.project-jump{
  /* background: url("images/bg-tile.jpg") repeat scroll 0 0 #252525; */
  background: #2EA8D7;
  color: #fff;
  margin-bottom: 20px;
 /* border-top: 3px solid #444;
  border-bottom: 3px solid #222; */
  box-shadow: 0 0 5px #000000;
}

.jump-content{
  padding: 10px;
  
}

h3.project-title{

}

h5.project-year{
  padding-bottom: 5px;
  border-bottom: 1px solid #333;
}

span.view-button{
  float: left;
  font-family: 'Ubuntu', arial, serif;
  font-size: 1.2em;
  margin: 10px 0;
}

span.view-button a{
  color: #333333;
  background: url("images/button-bg-tile.gif") repeat scroll center center #FC9004;
  
  border-bottom: 1px solid #FEE2BF;
  border-radius: 5px 5px 5px 5px;
  border-top: 1px solid #ba6f0e;
  
  text-shadow: none;

  padding: 3px 10px;
}

span.view-button a:hover{
  border-top: 1px solid #FEE2BF;
  border-bottom: 1px solid #ba6f0e;
  text-decoration: none;
  
  text-shadow: 1px 1px 0px #fff;
}

.project-thumbnail{
  background: none repeat scroll 0 0 #333333;
  border: 0px none !important;
  float: right;
  padding: 5px !important;
  margin-left: 5px;
  
}

#footer-contact{
  /* background: url(images/logo-stamp_flat.jpg) no-repeat transparent center center; */
  height: 110px;
  overflow: hidden;
}

#footer-contact ul{
 /* color: #FFFFFF; */
  list-style: none outside none;
  margin-top: 10px;
  
}

#footer-contact li{
  padding: 0 0 0 20px;
  margin: 0 0 8px 0;  
}

.footer-contact-name{
  background: url(images/icons/user-black.png) no-repeat left center transparent;
}

.footer-contact-role{
  background: url(images/icons/camcorder.png) no-repeat left center transparent;
}

.footer-contact-phone{
  background: url(images/icons/pda.png) no-repeat left center transparent;
}

.footer-contact-email{
  background: url(images/icons/mail.png) no-repeat left center transparent;
}

#footer-copyright{
  padding: 45px 0 0;
  color: #777777;
  font-family: Verdana,arial,serif;
  font-size: 0.75em;
  text-align: right;
}

} /* END screen media */

@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; } 
a { text-decoration: none; color: black; }
	
} /* END print media */


/* PJ edits */
.contactleft {float: left; width: 300px;}
.contactright {float: left; width: 300px; margin-left: 50px;}