/* ---------------------------------------------------
ERSKINE MAIN SITE - Simon Collison ( www.erskinedesign.com )
----------------------------------------------------- */

body {
margin:0;
padding:0 10px;
font:normal 70%/160% 'Lucida Grande',Verdana,Arial,sans-serif;
color:#006699;
background:white  url(../img/chalk.jpg) left top repeat-x;
text-align:center
}

.float {
float:right;
margin:0 0 10px 10px;
}

#team .float {
float:right;
margin:15px 0 10px 10px;
border:0px solid #666;
}

h3 span {font-size:70%}

.frame, .frameend {
overflow:hidden;
}
#client .frame {
margin:10px 28px 17px 0;
width:100%;
height:249px;
}

#index .frame, #portfolio .frame, #index .frameend, #portfolio .frameend {
float:left;
height:200px;
width:31%;
}
.frame {
margin:0 30px 28px 0;
}
.frameend {
margin:0 0 28px 0
}
#content_main .frame {
float:none;
width:500px;
margin-bottom:13px;
}

.frame p, .frameend p {
display:block;
width:auto;
font-weight:700;
font-size:90%;
margin:-29px 0 15px;
padding:5px 15px 5px 5px;
color:#FFF;
}


/* ---------------------------------------------------
HEADINGS
----------------------------------------------------- */

h1,h2,h3,h4,h5 {
color:#006699;
}
h1 {
float:right;
width:289px;
height:153px;
margin:24px 23px 0px 0;
padding-bottom:0;
background:url(../img/chalklogo.jpg) no-repeat;
text-indent:-9999px
}

div#masthead p.title {
    padding-bottom: 0;
    margin-bottom: 0;
    font-weight: bold;
    font-size: 350%;
}
div#masthead p.subtitle {
    padding-top: 0;
    margin-top: 0;
    font-weight: bold;
}

h2 {
font-size:150%;
padding-bottom:14px;
background:white url(../img/line.gif) bottom left repeat-x;
}
#portfolio h2 {
margin-right:26px;
}

h2 a:link,h2 a:visited {
color:black;
text-decoration:none
}

h3 a:link,h3 a:visited {
color:black;
}

h3 {
margin-bottom:0;
font-size:120%;
line-height:150%
}
.content_third_blog h3 {
margin:0 0 5px 0;
padding:0;
}

#content_main h3 {
font-size:130%
}

#content_supp h3, #services #content_main h3, #about #content_main h3, #team #content_main h3 {
padding-bottom:11px;
background:white url(../img/line.gif) bottom left repeat-x;
}
#services #content_supp h3 {
margin-top:30px;
}
#services #content_main h3, #about #content_main h3 {
margin-top:30px;
}

h4 {
margin-bottom:0;
font-size:120%
}

h5 {
margin-bottom:0;
font-size:110%
}

/* ---------------------------------------------------
LINKS (Specific styles grouped with relevant selectors)
----------------------------------------------------- */

a:link, a:visited {
color:black;
outline:0;
font-weight:bold;
/*text-decoration:none;*/
}

a:hover {
color:darkgrey;
outline:0;
font-weight:bold
}

a:active {
outline:0
}

/* ---------------------------------------------------
MAIN NAV
----------------------------------------------------- */

ul#nav {
margin:22px 0 0px 20px;
padding:0;
font-weight:700;
font-size:110%
}

ul#nav li {
display:inline;
margin-right:13px;
margin-left:0;
padding-bottom:5px;
padding-left:0;
}

ul#nav li a:link, ul#nav li a:visited {
color: black;
padding-bottom: 5px;
}
ul#nav li a:hover {
/*padding-bottom:5px;*/
background:url(../img/line_nav.gif) bottom left repeat-x
}

/* Highlighting the current page */
#index a.index,#news a.news,#about a.about,#portfolio a.portfolio,#download a.download,#services a.services,#partnership a.partnership,#contact a.contact {
color:#CCC;
padding-bottom:5px;
background:url(../img/line_nav.gif) bottom left repeat-x
}

/* ---------------------------------------------------
OTHER LISTS
----------------------------------------------------- */

#content_main li {
margin-bottom:6px
}

#content_supp ul, #content_main ul {
list-style-type:none;
margin:15px 0px 15px 0;
padding:0
}

#content_sub ul {
list-style-type:none;
margin:12px 0 10px;
padding:0
}

#footer ul {
padding-left:0;
font-size:11px;
margin:0
}

#footer li {
display:inline;
margin-left:0;
padding-left:0;
padding-right:10px
}

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

#container {
min-width:780px;
max-width:999px;
text-align:left;
border-left:0px solid #444;
border-top:0px solid #444;
border-right:0px solid #333;
border-bottom:1px solid #333;
margin:0 auto;
padding:0;
}

#masthead {
clear:both;
padding-right:0px;
margin-bottom:30px;
background:url(../img/masthea.gif) repeat-x; /*non esiste*/
}

#masthead .rule {
clear:both;
height:6px;
background:url(../img/space.gif) repeat-x; /*non esiste*/
}

#content_full {
margin-top:10px;
padding:0 0 0 20px
}

#content_main {
float:left;
width:62%;
margin:10px 23px 10px 0;
padding:0 25px 0 20px;
}

#content_supp {
float:left;
width:29%;
margin:10px 0px 10px 0;
padding:0 0 0 0px
}

.content_third_case {
clear:both;
float:left;
width:30%;
margin:0 35px 10px 0
}

.content_third {
float:left;
width:30%;
margin:0 35px 10px 0
}

.content_third_blog {
float:left;
width:30%;
margin:0 0 10px
}

#content_sub {
clear:both;
margin:0 0 0 0;
padding:0px 0 0 0;
}

#footer {
width: 100%;
clear:both;
margin-top:0;
background:#006699 url(../img/birdline.gif) top right repeat-x;
color: white;
padding-top:55px;
}

#footer img {
margin:10px 5px 5px 0
}

img {
border:0
}

.content_third_case img,.content_third img,.content_third_blog img {
margin:0px
}

/* ---------------------------------------------------
PARAGRAPHS AND ASSOC LINKS
----------------------------------------------------- */

#masthead p {
float:left;
width:57%;
margin-top:20px;
margin-left:0;
font-size:170%;
line-height:160%;
color:#FFF;
background:transparent;
padding:30px 0px 0 20px
}

#content_sub p {
margin-bottom:8px
}

.intro {
clear:left;
float:left;
width:73%;
margin-top:10px;
margin-right:10px;
margin-bottom:20px;
}
.intro p {
font-size:110%;
line-height:170%;
}
#portfolio .intro {
margin-top:0;
margin-bottom:15px;
}

.posted {
clear:both;
font-size:11px;
margin-top:0;
margin-bottom:10px;
padding-bottom:25px;
color:#999;
background:white url(../img/line.gif) bottom left repeat-x; /*vanni*/
}

.posted a:link,.posted a:visited {
color:#999
}

#index blockquote p {
margin:0;
padding:0 10px
}

.content_third_case p, .content_third p, .content_third_blog p {
margin:0px 0 5px 0;
}
#content_sub .content_third_blog p {
padding-bottom:15px;
margin-bottom:6px;
background:white url(../img/line.gif) bottom left repeat-x;/*vanni*/
}

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

blockquote {
width:70%;
font-size:120%;
font-style:italic;
color:#666;
background:url(http://www.erskinecorp.com/images/site/quote.gif) top left no-repeat;
margin:10px 0 0;
padding:0 0 0 50px
}

.action {
float:left;
width:22%;
background:white url(../img/line.gif) -3px left repeat-x; /*vanni*/
color:#006699;
font-size:100%;
margin:10px 0px 20px 25px;
}
.intro h2 {
margin:0;
padding:0px 0px 13px 0px;
background:white url(../img/line.gif) bottom left repeat-x;
color:#006699;
}
.action h3 {
margin:0;
padding:0px 0px 11px 0px;
background:white url(../img/line.gif) bottom left repeat-x;
color:#006699;
}
.action p {
margin:12px 0 0 0;
padding:0px;
}
.action a:link, .action a:visited {
color:black;
text-decoration:none
}
.action a:hover {
color:gray;
}
.action p.credit {
margin:7px 0 0 0;
padding:5px 0px 12px 0px;
background:white url(../img/line.gif) bottom left repeat-x;
}
.action p.credit a:link, .action p.credit a:visited {
color:black;
}
.action p.credit a:hover {
color:black;
}

abbr,acronym {
border-bottom:1px dotted #CCC;
cursor:help
}

/* -------------------------------------------------
FORMS
--------------------------------------------------*/

form {
float:left;
margin:15px 35px 3px 0px;
width:80%;
border:0;
padding:0
}

fieldset,#submitbox {
border-top:0px solid #333;
border-left:1px solid #333;
border-right:1px solid #333;
border-bottom:1px solid #333;
margin:15px 15px 1em 0;
padding:2em;
background:white url(../img/line.gif) left -6px repeat-x;
}

legend {
display:none;
}

#submitbox p {
margin:0
}

label {
margin:.9em 0 .9em 0
}

label, label span {
display:block;
font-weight:700
}

input {
border:1px solid #666;
padding:3px;
background:#DDD;
}

#container #content_main fieldset input,textarea {
background:#DDD;
border:3px double #666;
padding:3px
}

#name,#email,#from,#to,#subject,#message,#req_name,#req_email,#req_reply,#req_telephone {
width:95%
}

input.submit {
border:0;
margin-bottom:-5px !important;
background:#DDD;
color:#333;
}

/* --------------------------------------------------------
MICROFORMATS Cards used all over the place, hence numerous rules
---------------------------------------------------------- */
#contact .vcard {
float:left;
margin:0px 20px 10px 0;
padding:0px;
}

.vcard p {
margin:5px 0 0 0;
padding:4px 5px 6px 0
}

.vcard img.photo {
display:none
}

/* hcard items in Contact page */
.vcard .role,.vcard .adr,.vcard .tel,.vcard .photo,.vcard .email {
padding:3px 0
}

.vcard .tel {
font-size:130%
}

#nav .hidden,.vcard .url,.vcard .org,.vcard .honorific-suffix {
display:none
}

h3 a:link,h3 a:visited,ul#nav li a:link,ul#nav li a:visited,#footer a:link,#footer a:visited,.intro a:link,.intro a:visited,dd a:link,dd a:visited,.vcard a.email:link,.vcard a.email:visited,.vcard p a:link,.vcard p a:visited {
text-decoration:none
}

#content_supp ul li,#content_sub ul li,#content_main ul li {
display:block;
margin-top:5px;
background:url((../img/lb.gif) top left no-repeat;
text-decoration:none;
padding:0 10px 0 18px
}

#content_supp ul.rssli li,#content_sub ul.rssli li {
display:block;
margin-top:5px;
background:url(../img/rss14.gif) top left no-repeat;
text-decoration:none;
padding:0 10px 0 18px
}

#content_supp ul li a:link,#content_supp ul li a:visited,#content_sub ul li a:link,#content_sub ul li a:visited,#content_supp ul li a:hover,#content_sub ul li a:hover {
text-decoration:none;
}

.clear,.spacer {
clear:both
}