/*  
Theme Name: Copeland Studio
Theme directory: script/css/
Description: JINK journal / 2007/08
Author: Lali
Author: ask@aledink.com
Author URL: http://www.aledink.com
*/
/*************************************
 BODY
 padding top, right, bottom, left
 *************************************/

* {
margin : 0;
padding : 0;
}
html, body {
min-height : 100%;
height : auto !important ;
height : 100%;
}
body {
background : #9B9B9B;
color : #ffffff;
font-family : Georgia, Times New Roman, Times, sans serif;
font-size : 62.5%;
line-height : 1.1em;
letter-spacing : 0.07em;
margin : 0;
margin-bottom : 10px;
padding : 0;
text-align : left;
overflow : auto;
}

p, li {
font : 1.25em Georgia, Times New Roman, Times, sans serif;
margin-bottom : 10px;
}
ul ul {
/*margin-bottom : 20px;*/
margin: 0 0 0 0;
}
h1 {
font : 2em Georgia, Times New Roman, Times, sans serif;
color : #ffffff;
height : 0;
}
h2 {
font : 1.45em Georgia, Times New Roman, Times, sans serif;
color : #ffffff;
line-height : 1.5em;
letter-spacing : 0.07em;
margin-bottom : 10px;
}
h3 {
font : 1.25em Georgia, Times New Roman, Times, sans serif;
color : #ffffff;
line-height : 1.5em;
letter-spacing : 0.07em;
margin-bottom : 10px;
}
h4 {
font : 1.125em Georgia, Times New Roman, Times, sans serif;
color : #ffffff;
line-height : 1.5em;
letter-spacing : 0.07em;
margin-bottom : 10px;
}
ul {
/*margin-left:25px;*/
margin : 0 0 0 0;
}
img {
border : none;
}
img.proj {
width : 100%;
margin: 0 ;
}
img.pic-nav {
float:right;
width : 20px;
margin: 0 ;
}

img.pic-nav-right {
float:left;
width : 20px;
margin: 0;
}
img.thumb {
float : right;
width : 80%;
padding : 0 0 0 0;
}
img.projlogo {
float : left;
width : 100%;
margin : 0 2% 0 10px;
}
img.navImg {
margin : 20px 0 0 0;
}
img.pdfbtn {
width: 150px;
margin : 0 0 10px 20px;
}
img.logo-txt {
width : 245px;
margin : 8% 0 0 3%;
}
img.pLogo-txt {
width : 100%;
margin : 0 0 0 2.75%;
}
img.descript {
/*width : 100%;*/
height:18px;
margin : 5px 0 0 0;
}
img.descript-body{
width : 431px;
margin : 10px 0 0 0;
}
img.spacer {
margin : 15px 0 0 0;
}
#wrap {
margin: 40px auto 0 auto;
width: 980px;
}

#page-wrap {
min-width : 837;
max-width : 837;
margin : 2% auto 2% auto;
}
#inside {
padding: 0;
border:0; 
width:980; 
background-image:url(http://stephancopeland.com/images/bg.png);
}
#cope-swf{
height: 276px;
margin: 0 0 0 0;
}
.media{
padding: 0 0 0 0;
}
#movie_player_2 {
height : 276px;
width : 475px;
}
.tablelayout {
float:left;
padding : 0 0 10% 5%;
}
#main-content {
background-image : url(http://www.stephancopeland.com/images/body.png);
background-repeat : no-repeat;
/*background-position: center;*/
float : left;
width : 94.05%;
/*height : 25%;*/
padding : 2% 3% 0 3%;
}
#headr{
float:left;
padding: 0 0 0 0;
}
.header-clr{
background : #6A6A6A;
}
.rounded-before {
float:left;
display:block;
}
.rounded-before-right {
float:right;
}
.rounded-after{
float:left;

}
.rounded-after-right{
float:right;

}
#slidecontainer {
float : left;
padding : 0;
margin : 0;
}
#thmb-sub {
float : right;
width : 560px;
padding : 0 0 0 20%;
}
#sub-menu {
float : left;
text-transform : uppercase;
padding : 0.25% 3% 0 0.25%;
}
#description {
float : left;
margin : 2% 0 0 12px;
width : 90%;
text-transform : capitalize;
color : #ffffff;
}
#header {
/*position:absolute;
top:8%;
left:10%;
background-image : url(http://www.stephancopeland.com/nouveau/images/menu_bg.png);
background-repeat : no-repeat;
background-size: 100%;*/
float : left;
width : 50%;
}
.first-nav{
margin:4% auto 0 10% ;
}
.second-nav{
margin:0 0 0 0 ;
}
.bg {
left:9%;
position:absolute;
top:7%;
width:80%;
height:4%;
z-index:5000;
}

#projectContainer {
float : left;
width : 50%;
margin:0 0 0 10px;
}
#projectContainer.slidsection {
padding : 0 2% 1% 2%;
}
#top-project {
width : 23%;
float : left;
margin : 90px 0 0 4.5%;
padding : 0 0 0 3%;
}
#thumbnailContainer {
float : right;
padding : 0.125% 0.125% 1% 0.125%;
}
#cname {
float : left;
text-align : left;
color : #ffffff;
font-size : 2em;
line-height : 1.1em;
letter-spacing : 0.07em;
padding : 0.5% 0 0 0.5%;
width : 20%;
font-style : italic;
}

#menu-name {
/*position:absolute;
z-index:6000;
left:12%;
top:7%;
color : #ffffff;
*/
margin:0 0 0 26.5px;
float : left;
}
#menu-spacer {
float : left;
background : #ffffff;
margin : 0.5% 0 0.5% 0;
padding : 1% 0 0 0;
width : 0.125%;
height : 90%;
}
#screen {
/*position:absolute;
left:86%;*/
float : right;
clear:right;
width : 12%;
padding : 0;
height : 100%;
overflow : hidden;
margin: 0 0 0 0;

}
#screen li {
float : right;
list-style : none;
}
#screen img {
float : right;
/*clear:both;*/
width : 100%;
padding : 0 0 0 0;
cursor:hand;
cursor:pointer;
}
#screen .jq-ss-crop {
margin : 0 0 0 0;
/*border : 1px solid #ffffcc;*/
border:0;
float : right;
}
#contactContainer {
padding : 0 2% 0 10%;
}
#contactData {
margin : 20px 0 0 0;
padding : 0 0 0 0;
}
#logo {
float:left;
width : 100%;
height : 20%;
margin : 0 0 0 14%;
padding : 1% 2% 2% 15%;
}
#logo-home {
float:left;
width: 80%;
height : 110%;
padding : 0;
}

#corners-top{
display:block;
}

#corners-top-right{
display:block;
}

#cornersbottom{
display:block;
}
.logoImg {
width : 35%;
padding : 0;
}

.logoImg-intro {
width : 30%;
margin : 0;
}
.contactImg {
width : 285px;
padding : 0;
}
.bioImg {
width : 400px;
padding : 0;
}
a {
font-size : 2em;
color : #ffffff;
text-decoration : none;
line-height : 1.65em;
}
a:hover {
color : #ffcf2f;
}
a.size1 {
color : #ffffff;
}
a.size1:hover {
color : #ffcf2f;
}
a.size2 {
color : #f4f4f4;
padding : 0;
}
a.size2:hover {
background-color : #cccccc;
color : #0f0400;
}
a.size3 {
color : #f4f4f4;
padding : 0;
letter-spacing : -1px;
font-size : 1em;
}
a.size3:hover {
background-color : #0f0400;
color : #af7801;
letter-spacing : -1px;
font-size : 1em;
}
a.size4 {
color : #f4f4f4;
padding : 0;
}
a.size4:hover {
background-color : #230a00;
color : #af7801;
}
a.size5 {
color : #cccccc;
padding : 0;
}
a.size6 {
color : #0f0400;
padding : 0;
letter-spacing : -1px;
font-size : 1.2em;
}
a.size6:hover {
background-color : #0f0400;
color : #af7801;
letter-spacing : -1px;
font-size : 1.2em;
}
a.size7 {
color : #fff;
}
fieldset {
float : left;
width : 40%;
padding : 2% 2% 0 2%;
margin : 0;
border : 0;
}
legend {
color : #333;
padding : 0;
margin : 0;
font-size : 1.25em;
}
input {
width : 5%;
}
input, textarea {
padding : 0 0 0 0;
margin : 0 0 0 0;
width : 100%;
}
input:focus, textarea:focus {
background : #ffcf2f;
}
label {
margin : 0 0 0 0;
font-weight : 700;
font-size : 0.9em;
float : left;
clear : left;
width : 90px;
}
label:after {
content : ": ";
}
button {
color : #ffffff;
float : right;
margin : 0 0 0 0;
border : none;
background-color : #333333;
}
button:hover {
background-color : #ffcf2f;
}
.yay, .oops {
font-size : 0.8em;
text-align : center;
padding : 10px;
color : #ffcf2f;
font-weight : 700;
}
.yay {
background : #ffcf2f;
}
.oops {
background : #ffcf2f;
}
div.error {
font-size : 0.8em;
font-weight : 700;
padding : 5px 0 0;
color : #ffcf2f;
margin : 0 0 0 90px;
}
#cInfo {
text-align : center;
}
#controller {
float : right;
font-size : 11px;
/*position : absolute;
bottom : 14%;*/
width : 22px;
height : 22px;
padding : 0;
}
#control-sect {
float : left;
font-size : 11px;
margin : 3% 0 0 33%;
}
#body-text {
float : left;
font-size : 11px;
padding : 0;
width : 431px;
}
#title-text {
float : left;
font-size : 11px;
padding : 0;
}
.controller-Next {
margin : 15px 0 0 0;
}

.controller-Prev {
margin : 15px 0 0 0;

}

#lcfooter {
float : left;
padding : 0.5% 0.65% 0.85% 1.25%;
background-image : url(http://www.stephancopeland.com/images/lc.png);
background-repeat : no-repeat;
}
#rcfooter {
float : right;
margin : 0 0 0 1.25%;
padding : 0.5% 1.45% 0.85% 1.125%;
background-image : url(http://www.stephancopeland.com/images/rc.png);
background-repeat : no-repeat;
}
#footer {
float : left;
/*position : absolute;
bottom : 100%;*/
background : #B2B2B2;
width : 99.9%;
/*height : 4%;
text-align : center;
color : #666666;*/
}