/*
Fonts CSS for site
by Simon Pollard - Deckchair UK Ltd
http://deckchair.co.uk
*/

/* Font Families */
body {
    font-family: Verdana, Geneva, sans-serif;
}

/* Font Sizes */
div#gallery ul#img_pages li, #contact_form_col1 p span, #contact_form_col2 p span,
p.textarea_holder span, p.captcha_holder span, .form_submit spanm, #view_map_small,
span.message, #close_email {
    font-size: 11px;
}
p, #footer_content p, #breadcrumbs a, span.main_link_bottom, #services_links span, em.date, #project_data ul, h5.tasks, em.source, em.company, #page_content ul, #gallery .gallery_date {
    font-size: 12px;
}
.contact #sidebar p,#gallery_strip ul{
    font-size: 13px;
}
div#nav_sections a, #index_rss,#gallery_strip div.project div.gallery_data a {
    font-size: 14px;
}
#gallery span.gallery_name {
    font-size: 15px;
}
#index_top_row .column1 p, #email_form #submit, #ajax_email_form #submit{
    font-size: 16px;
}
#gallery_strip h5{
    font-size: 14px;
}
span.main_link_top {
    font-size: 17px;
}

h5, #services_links span.services_link_header, h6  {
    font-size: 18px;
}
.purple_but, .blue_but, .green_but {
    font-size: 20px;
}
h4 {
    font-size: 22px;
}
h3 {
    font-size: 25px;
}

h2, h1 {
    font-size: 30px;
}
.index h2 {
	font-size: 36px;
}
* html .index h2 {
	font-size: 34px;
}

/* Font Colours */
h1 a,  #main_links a, #index_top_row .column1 .purple_but,
#index_top_row .column1 .blue_but, #index_top_row .column1 .green_but,
#footer_content p, div#footer_links a, .sidebar_button_green,
.sidebar_button_purple, .sidebar_button_blue, #email_form #submit,
#ajax_email_form #submit, #view_map_small,
#gallery_strip div.project div.gallery_data a{
    color: #FFF; /* white */
}
h2, h3, h5, #index_top_row .column1, #services_links span.services_link_header {
    color: #133353; /* dark blue */
}
h4, h5.tasks, p.pink {
    color: #ec008c; /* vomit pink */
}
a {
    color: #0072bc; /* light blue */
}
p, #services_links span, em.source, em.company,div#gallery ul#img_pages li.img_selected, #page_content ul, h6, div#project_data ul, #index_top_row .column1 a {
    color: #46565e; /* grey/blue */
}


.expertise .sidebar_box a.expertise_link, .design .sidebar_box a.design_link, .development .sidebar_box a.development_link, .user-experience .sidebar_box a.user_link, .content-management .sidebar_box a.content_link, .rich-media .sidebar_box a.rich_link, .security .sidebar_box a.security_link, .security .sidebar_box a.security_link, .online-payments .sidebar_box a.online_link, .seo-and-web-marketing .sidebar_box a.seo_link, .hosting .sidebar_box a.hosting_link, .branding .sidebar_box a.branding_link, .photography .sidebar_box a.photography_link,
#gallery_strip div.project ul li{
    color: #46565e; /* grey/blue */
}

#gallery .gallery_date, em.date { /* grey */
				  color: #818181;
}

#footer_content h5, #footer_content a {
    color: #7fd6f2; /* neon blue */
}
#index_rss {
    color: #dc4e1d; /* orange */
}
/* Font Weights and Styles */
span.main_link_top, .purple_but, .blue_but, .green_but, #email_form #submit,
#ajax_email_form #submit, #services_links span.services_link_header, #view_map_small  {
    font-weight: 700;
}
h2, h4, #index_footer_content h5, h5.testimonial, #cover-content h3 {
    font-weight: normal;
}
.sidebar_button_green, .sidebar_button_purple, .sidebar_button_blue,
#index_top_row .column1 a, #close_email,
#gallery span.gallery_name{
    font-weight: 700;
}

p.date {
    font-style: italic;
}

div#project_data h5 {
    font-style: normal;
}

/* Font Align */
#gallery_strip ul,
#gallery_strip div.project div.gallery_data a{
    text-align: left;
}

/* Text Decoration */
h1 a, a, #main_links a, .purple_but:hover, .blue_but:hover, .green_but:hover, #gallery_strip a, #services_links a:hover {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
/* Line Height */
p {
    line-height: 20px;
}
#page_content ul li {
    line-height: 23px;
}