/*   
Theme Name: Westmoreland College - Thematic Feature Site
Theme URI: www.westmorelandcollege.ie
Description: Westmoreland College customisation of Thematic Feature Site
Author: Francis Crossen
Author URI: http://themeshaper.com/
Template: thematic
Version: 1.0.1
Tags: Thematic
.
Thematic Site is © Ian Stewart http://themeshaper.com/
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('2c-r-fixed-988px.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');


/* =Global Elements
-------------------------------------------------------------- */

/* WMC Specific START */
BODY {
    font-family: Avant Garde, Arial, sans-serif;
    font-size:13px;
    line-height:18px;
}

/* WMC Specific END */

#buttons {
    padding:.75em 0;
} 
a.button {
    border:1px solid #ccc;
    -webkit-border-radius: .7em;
    -moz-border-radius: .7em;
    border-radius: .7em;
    color:#666;
    font-size:13px;
    margin:0 10px 0 0;
    padding:.75em 1.25em;    
    text-decoration:none;
}
a.button:hover,
a.button:active {
    color: #C84825; /* WMC */
}


/* =Header
-------------------------------------------------------------- */

#branding {
    position:relative;
    /* WMC Specific after here */
    padding:44px 0 22px 0;
    background-image: url('/wp-content/themes/wmc_thematicfeaturesite/images/westmoreland-college-logo.gif');
    background-repeat:no-repeat;
    background-position: 0 20px;
}
#blog-title {
    width:652px;
    /* WMC Specific after here */
    font-size:40px;
    line-height: 45px;
    padding-left: 95px; /* #blog-title and #blog-descriptionshould match */
}
#blog-description {
    width:652px;
    /* WMC Specific after here */
    font-family: Century Gothic, Gothic, Arial, sans-serif;
    color:#C84825;
    font-size:20px;
    line-height:25px;
    font-style: italic;
    padding-left: 95px; /* #blog-title and #blog-descriptionshould match */
}
#branding #searchform {
    position:absolute;
/*    top:97px; */
    top:67px;
    right:0;
}
#branding #searchform label {
    display:none;
}
#branding #searchform input {
    font-size:13px;
    line-height:18px;
}
#branding #searchform input#s {
    width:316px;
}
#branding #searchform input#searchsubmit {
    display:none;
}

/* WMC Specific START */
#blog-title a, #blog-title a:active, #blog-title a:hover, #blog-title a:visited {
    /* WMC Specific after here */
    color:#525FA4;
    font-family: Century Gothic, Gothic, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}
/* WMC Specific END */

/* =Menu
-------------------------------------------------------------- */

#nav {
    float:right;
}

/* WMC Specific START */

.sf-menu a, .sf-menu a:visited {
color:#525FA4;
font-weight: bold;
}

.sf-menu a:active, .sf-menu a:hover {
    color:#C84825; /* wmc */
}

.sf-menu .current_page_item a, .sf-menu .current_page_ancestor a, .sf-menu .current_page_parent a {
    background-color:#d1d1d1; /* should match the #leader */
    border-bottom-color:#d1d1d1; 
}

/* WMC Specific END */

/* =Content
-------------------------------------------------------------- */

.search .page-title {
    display:none;
}


/* =Leader and Front Page Styles
-------------------------------------------------------------- */

#leader {
    border-bottom:1px solid #ccc;
    padding:15px 0px 10px 0;
    background-color:#d1d1d1; /* WMC only */
}
#leader-container {
    margin:0 auto;
    overflow:hidden;
    position:relative;
    width:988px;
}
#leader .entry-title {
/*
    font-size:40px;
    line-height:45px; */
    font-size:30px;
    line-height:35px;
/*    margin-top:-8px; */
    padding:0 0 10px 0;
    /*  WMC after here */
    color: #525FA4;
}
#leader .entry-title span {
    font-family:Georgia,serif;
    font-weight:normal;
    font-style:italic;
}
.single #leader .entry-title {
    width:652px;
}
#leader .entry-meta {
    position:absolute;
    top:15px;
    left:690px;
}

.page-template-front-page-php #feature {
		float:left;
}
.page-template-front-page-php #feature img {
float:left;
margin:-10px 10 0 -10px;
}
.page-template-front-page-php #feature-info {
    float:right;
		margin:0 0 0 19px;
    width:484px;
}
.page-template-front-page-php #feature-info h2 {
    font-family:Arial,sans-serif;
    font-size:35px;
    font-weight:bold;
    line-height:40px;
    /* margin-top:-8px; /* WMC */
    padding:0 0 14px 0;
    color:#525FA4; /* WMC */
}
.page-template-front-page-php #container,
.page-template-front-page-php #content  {
    margin:0;
    padding:0;
    width:988px;
}
/* WMC specific
.page-template-front-page-php #container {
    margin-top:-21px;
}
 */
.page-template-front-page-php #sub-feature {
    font-size:13px;
    line-height:18px;
    position:relative;
    overflow:hidden;
}
.page-template-front-page-php #sub-feature p {
    margin:0 0 18px 0;
}
#sub-feature h1, #sub-feature h2, #sub-feature h3, #sub-feature h4, #sub-feature h5, #sub-feature h6 {
    color: #525FA4; /* WMC */
}
.page-template-front-page-php #sub-feature h3 {
    font-family:Georgia,serif;
    font-weight:normal;
    font-size:17px;
    font-style:italic;
    padding:0 0 7px 0;
    text-transform:none;
}
.page-template-front-page-php #sub-feature h3 img {
    position:absolute;
    top:3px;
    right:0;
}
.page-template-front-page-php .block {
    float:left;
    width:484px;
}
#front-block-1 {
    margin-right:20px;
}
.page-template-front-page-php .block .avatar {
    float:left;
    margin:.25em 10px 0 0;
}
.page-template-front-page-php .block ul {
    border-top:1px solid #ccc;
    list-style:none;
    margin:0;
}
.page-template-front-page-php .block ul li {
    display:inline;
}
.page-template-front-page-php .block ul li a {
    border-bottom:1px solid #ccc;
    color:#666;
    display:block;
    padding:6px 0;
    text-decoration:none;
}
.page-template-front-page-php .block ul li a:hover,
.page-template-front-page-php .block ul li a:active {
    background:#fafafa;
/*    color: #FF4B33; */ /* match to the general a:active style in the menu */
    color: #C84825; /* wmc */
}
.page .entry-content,
.single .entry-content {
    padding-top:0;
}

/* Overriding text styles for WMC */
#main {
    padding-top: 25px;
}

.aside a:active, .aside a:hover {
    color:#C84825;
}

.entry-title, .entry-title, .entry-title a, .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
    color:#525FA4;
}

.entry-title h1, .entry-title h2, .entry-content h1, .entry-content h2 {
    font-family: Century Gothic, Gothic, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size:19px;
    padding:14px 0 14px;
}

p, ul, ol, dd, pre {
    margin-bottom:10px;
}

.entry-content h3 {
    font-size:17px;
    font-style:italic;
    padding:14px 0 10px;
}

#footer {
    background-color:#525FA4;
}

#subsidiary {
    padding:16px 0 0;
}

#footer, #footer .aside, #footer .aside a, #siteinfo {
    color:#D1D1D1;
}

#footer .aside a:link, #footer .aside a:visited, #siteinfo a:link, #siteinfo a:visited {
    color:#D1D1D1;
}

#footer .aside a:active, #footer .aside a:hover, #siteinfo a:active, #siteinfo a:hover {
    color:#E9B6A8;
}

#footer .aside h3 { /* The Widget title */
    font-weight:bold;
    font-style:normal;
    padding:10px 0 10px 0;
}

#siteinfo {
    padding: 16px 0 16px 0;
    text-align: center;
}

#primary, #secondary {
    background-color:#d1d1d1;
    color: #000000;
    border:1px solid #CCCCCC;
    margin-bottom:15px;
    padding:18px 0 0;
}

#primary h3, #secondary h3 {
    color:#525FA4;
    font-style: normal;
    font-weight: bold;
}

/* The Tina MVC forms */
.tina_mvc_form {
    position: relative;
    padding: 10px 0;
}

.tina_mvc_form_pair {
    position:relative;
    clear:both;    
}

.tina_mvc_form_label {
    width:30%;
    float:left;
    text-align:right;
    padding:0 10px 5px 0px;
}

.tina_mvc_form_input {
    width: 65%;
    float: left;
    padding:0 0 5px 0px;
}

.tina_mvc_error {
    float: right;
    clear:right;
    color: red;
}

.tina_mvc_form_input INPUT, .tina_mvc_form_input TEXTAREA {
    width: 20em;
}

.tina_mvc_form_input TEXTAREA {
    height: 9em;
}

.tina_mvc_form_button {
    position:relative;
    float:right;
    clear:right;
    width:24%;
    padding:0 10px 5px 0px;
}

#smooth_sliderc {
    text-align:left;
}