/*
Theme Name: Pragmetric
Theme URI: http://www.pragmetric.com/
Description: Pragmetric 
Version: 1.0
Author: Matt McInnes
Author URI: http://www.pragmetric.com
*/

* { border: solid 0px #777; }

html            { margin: 0px; padding: 0px; font-size: 15px; }
/**
body            { background-image: url('images/top-bg.png'); background-repeat: repeat-x; font-family: "Myriad Pro", Arial, Helvetica, Sans-Serif; font-weight: 200; margin: 0px; padding: 0px; }
 */
body            { font-family: "Myriad Pro", Arial, Helvetica, Sans-Serif; font-weight: 200; margin: 0px; padding: 0px; }
p               { margin: 4px 0px 6px 0px; }
img             { border: 0px; } 

.page-width     { width: 970px; margin: auto auto; }

                            /** #topbar is the primary black panel at the top of the site   */
#topbar         { height: 88px; color: white; background-image: url('images/top-bg.png'); background-repeat: repeat-x;  }
                            /** #logo is the div for the primary logo on the website    */
#logo           { float:left; text-align: left; width: 280px; padding: 15px 0px 0px 10px; background-image: url('images/logo-background-glare.png'); } 

                            /** #navigation div surrounds the key header navigation - see shailan dropdown website for more */
#navigation                         { float: right; }
#navigation ul.dropdown             { border: solid 0px #F00; margin: 20px 0px 0px 0px; padding: 0px; float: right; }
#navigation ul.dropdown li          { border: solid 0px #0F0; padding: 4px 14px 4px 13px; list-style-type: none; background: url('images/green-vertical-bar-gradient.png') no-repeat; }
#navigation ul.dropdown li a        { padding: 0px; text-decoration:none; font-size: 1em; font-weight:400; color: #ddd; } 
#navigation ul.dropdown li a:hover  { text-decoration: none; color: #FFF; }

/** #navigation ul.dropdown li ul.children *           {border: solid 1px #FFF; }    */
#navigation ul.dropdown li ul               { min-width: 200px; opacity: 0.9; filter:alpha(opacity=90); background: none; margin: 0px; padding: 0px; border: solid 1px #444; border-width: 0px 1px 1px 1px;}
#navigation ul.dropdown li ul li            { height: 23px; vertical-align: middle; padding: 2px 6px 2px 5px; font-size: 0.9em; background: #000 url('images/shade-bg.png'); }
#navigation ul.dropdown li ul li:hover      { background: #387f3a url('images/shade-bg.png'); color:white; }
#navigation ul.dropdown li ul li a          { line-height: 23px; padding: 0px; }
/** #navigation ul.dropdown li ul li a:hover    { background: #387f3a url('images/shade-bg.png'); color:white; } */

#navigation ul.dropdown li.current_page_item    { background: #387f3a url('images/shade-bg.png'); font-weight:bold; }

                            /** #header is the main green panel on the site     */
#header                         { height: 175px; vertical-align: top; border-bottom: solid 3px #bbb; background: #365435 url('images/header-background-repeat.jpg') center repeat-x; }
                            /** #tagline div contains the main message image */
#tagline                        { float: left; height: 106px; margin: 40px 0px 0px 10px; }

                            /** #headerimage div is a space to display a hero image or other key call to action */
#headerimage                    { float: right; }
                            /** #header-blog is the panel between topbar and content on the blog pages  */
#header-blog                    { height: 35px; vertical-align: top; border-bottom: solid 3px #bbb; background: #365435 url('images/header-background-repeat.jpg') bottom repeat-x; }
/**
#header-blog                    { height: 30px; background: #365435 url('images/header-background-repeat.jpg') center repeat-x; }
 */

#page-entry                     { background-image: url('images/page-bg4.png'); background-repeat: repeat-x; }
#greybar                        { height: 3px; background-color: #bbb; }

/**
 * STORAGE FOR POSSIBLY DEFUNCT ELEMENTS
 *
#shailan-dropdown-wrapper-4     { text-align:right; }
#content                        { padding-top: 1px; width: 710px; padding-right: 10px; font-size: 0.9em; }
 */

#content                        { width: 700px; }
#content.narrowcolumn           { padding: 20px 0px 20px 0px; min-height: 650px; }
#content.widecolumn             { padding: 20px 0px 20px 0px; min-height: 1100px; }
#content .post                  { margin-right: 10px; border-bottom: 0px dotted #ddd; } 
#content .post p                { margin-bottom: 12px; margin-right: 60px; }

#content .post ol               { margin-left: 0px; margin-right: 60px; }
#content .post ol li            { margin-left: 3px; margin-right: 60px; }

#content .format-standard       { padding-bottom: 40px; margin-bottom: 10px; border-bottom: solid 1px #eee; }

#content table td               { vertical-align:top; } 
#content h1                     { margin: 0 0 7px 0; color:#030; font-size:1.75em; font-weight:600; } 
#content h2                     { margin-top:0px; color:#030; font-size:1.5em; font-weight:600; margin-bottom:0px; } 
#content a                      { color: #030; text-decoration:none; } 
#content h3                     { margin: 15px 0px 2px 0px; } 
#content h3 a                   { font-weight: bold; text-decoration: underline; } 

/**
#content .entry                 { width: 700px; color: #000; padding:  0px 0px 40px 0px; margin: 0px; }
 */
#content .post p.pre-list       { margin-bottom: 0; }
#content .post ul               { margin-top: 0.5em; }
#content .entry p, li           { font-size: 1em; } 
#content .entry h2              { border: 1px solid #ddd; background: #eee; padding: 3px; font-style: italic; font-size: 1.3em; text-align: center; }
#content .entry li              { padding-bottom: 6px; }
#content .entry b               { font-weight:bold; } 
#content .entry a               { color: #284c29;	font-weight: normal; } 
#content .entry a:hover         { text-decoration:underline; }

#content a:hover                { text-decoration: underline; color: #284c29; } 
#content a.readmore             { margin-left: 8px; font-size: 0.9em; } 

#content .date                  { margin-left:0px; padding-right:10px; height:61px; width:59px; background-image:url('images/date-bubble.png'); }
#content .day                   { padding-top:4px; color: white; font-size: 1.5em; font-weight:bold; text-align:center; }
#content .month                 { color: #ccc; font-size: 1.2em; text-align:center; } 
#content .major-indent                { margin-left: 15px; }
#content .meta                  { margin-top: 5px; font-size: 0.8em; color: #284c29; }

#content .border                { border: 2px solid black; }
#content .postmetadata          { margin-bottom: 32px; font-size:.8em; color:#284c29;	} 
#content .postmetadata a        { color:#284c29;	} 
#content .postmetadata a:hover  { text-decoration: underline;	} 

#content .wpcf7-form input,
    #content .wpcf7-form textarea   { border: solid 1px #ccc; padding: 2px 4px; }
#content .wpcf7 p               { margin: 0px; padding: 0px; }

/*
Homepage specific section
*/

/**
#homepage { ing: 30px 10px 0px 10px; min-height:460px; }
#homepage p.wedont { margin-top:3px; }
#homepage p { font-size:.9em; }
 */

#homepage .homeblock       { padding: 15px 4px; margin: 3px 0; border: solid 1px transparent; }
#homepage .homeblock p     { color: #444; margin: 0 !important; padding: 0; font-size: 1em; line-height: 1.3em;}
#homepage .homeblock:hover { background: #f9f9f9; border: solid 1px #f3f3f3; }

#homepage .homeblock h1    { color: #030; margin: 0px 0px 9px 0px; padding: 0; font-size:1.1em; line-height: 1.3em; font-weight:550; }
#homepage h3               { margin: 5px 0px 0px 0px; padding: 0; font-size:1.1em; font-weight:550; }
#homepage img              { float:left; padding-right:5px; }

#homepage ul                    { list-style: none; margin: 0px; padding: 0px; }
#homepage ul li                 { display: inline-block; *display: inline; zoom: 1; overflow: hidden; }

#homepage ul li.home-column     { width: 47%; vertical-align: top; }
#homepage .left                 { margin-right: 30px; }
#homepage .right                { margin-right: 0px; }

#homepage img                  { padding-right: 10px; }
#homepage h3                   { line-height: 1.3em; font-size: 1.1em; margin: 0; padding: 0 0 7px 0;}
#homepage p                    { color: #444; margin: 0px 0px 24px 0px !important; padding: 0; font-size: 0.8em; line-height: 1.3em;}

/**
#internal-panel                 { margin: 10px; border: 1px solid #ccc; padding: 15px; background: #eee; }

#home-bottom                    { min-height: 70px; margin: 10px 20px 10px 10px; border: 1px solid #ccc; padding: 10px 15px; background: #eee; }
#home-bottom #home-internal h3  { margin: 0px 0px 0px 0px; }
#home-bottom #home-internal p   { font-size: 1.1em; line-height: 1.4em; }
#home-top                       { min-height: 70px; margin: 10px 0px 10px 0px; border: 1px solid #ccc; background: #fff; }
#home-internal                  { font-size: 1.1em; line-height: 1.4em; border: solid 1px #bbb; margin: 0px 0px 20px 0px; background: #fff; padding: 5px 15px 5px 10px; }

#home-internal h3               { font-weight: bold; margin: 0px 0px 6px 0px; }
#home-internal p                { padding: 0px; margin: 3px 0px 3px 0px;}
 */

#internal-panel                 { font-size: 1em; line-height: 1.3em; border: solid 1px #bbb; margin: 0 0 15px 0; padding: 15px 30px; }
#internal-panel.dark            { background: #eee; }
#internal-panel.light           { background: #fff; }
#internal-panel td              { font-size: 0.9em; line-height: 1.1em; padding: 0; margin: 0; }
#internal-panel h3              { font-weight: bold; margin: 3px 0 8px 0; padding-bottom: 3px !important; font-size: 1.25em; line-height: 1.6em; }
#internal-panel h4              { font-weight: bold; margin: 3px 0 0 0; padding-bottom: 0 !important; font-size: 1.2em; line-height: 1.4em; }
#internal-panel h5              { font-size: 1.05em; margin: 3px 15px 3px 0 !important; padding: 0; font-weight: normal; }
#internal-panel p               { font-size: 0.9em; margin: 3px 15px 3px 0 !important; padding: 0; }
#internal-panel .small          { text-align: center; font-size: 0.7em; }

.box-heading        { width: 100%; line-height: 1.7em; text-shadow: 0.5px 1px #ddd;  margin: 3px 0px 5px 0px; padding: 2px 0px 0px 8px; vertical-align: middle; color: #111; background: #eee; border: solid 1px #ccc; }

#internal-panel label           { display: block; width: 80px; font-size: 0.85em; margin-top: 8px !important; }
#internal-panel input           { width: 220px; height: 1.6em; padding 2px; }
#internal-panel .buttons-submit { width: 125px !important; height: 31px !important; font-size: 0.8em; background: #448246; color: #fcfcfc;  }

.minor-indent           { padding-left: 10px !important; padding-right: 5px !important; color: #444; }


legend                          { padding-top:20px; font-size:1.1em; }
.indicate-required              { font-size:.6em; color: #a00; }

#mc_embed_signup                { }

.mc-field-group                 { margin-left: 2px; margin-top: 5px; font-size: .8em; }

                            /** #internal-page exists to create the background panel for the sidebar    */
#internal-page                  { background-image:url('images/page-sidebar-bg.png'); background-position: right; padding-left: 10px; }

#sidebar                        { float: right; margin: 0px; width: 260px; } 
#sidebar .widgettitle           { color: #333; font-size: 1.3em; font-weight: 500; margin-top: 5px; }

#blog-sidebar h2                    { margin: 15px 0px 0px 0px; font-size: 0.9em; font-style: normal; font-weight: 400; }
#blog-sidebar ul.blog-links         { margin: 0px 0px 20px 0px; padding: 14px 0px 0px 0px; background: url('images/rh-blog-box-fold.png') no-repeat; }
#blog-sidebar ul.blog-links li      { margin: 0px; list-style-type: none; }
#blog-sidebar ul.blog-links ul      { width: 245px; border: 1px solid #eaeaea; background: #f3f3f3; margin: 0px; padding: 0px; }
#blog-sidebar ul.blog-links ul li           { padding: 6px 30px 6px 25px; margin: 0px; line-height: 0.9em; vertical-align: middle; border-top: solid #f7f7f7 1px; border-bottom: solid #f6f6f6 1px; background: url('images/diamond-bullet.png') 10px 3px no-repeat; }
#blog-sidebar ul.blog-links ul li:hover     { color: #284c29; background:#fff url('images/green-diamond-bullet.png') 10px 3px no-repeat; }
#blog-sidebar ul.blog-links a               { padding: 2px 0px; color: #333; text-decoration: none; font-size: 0.9em; }

/*
#blog-sidebar ul.blog-links ul             { border: 1px solid #ddd; background: #eee; display: block; width: 170px; margin-left: -20px; }
#blog-sidebar ul.blog-links li             { background: url('images/diamond-bullet.png') 10px 2px no-repeat; padding: 0px 0px 0px 24px; margin: 0px 0px 0px -40px; }
#blog-sidebar ul.blog-links ul li:hover           { color: #284c29; background:#fff url('images/green-diamond-bullet.png') 10px 2px no-repeat; }
#blog-sidebar ul.blog-links li ul          { list-style-type: none; padding: 0px; margin: 0px; padding-left: 10px; }
 */

.navigation                     { margin-top: 7px; font-size: 0.8em; margin-bottom: 17px; }
.navigation a                   { text-decoration:none; color:#333; }
.navigation a:hover             { color: #284c29; text-decoration: none; }
.navigation .alignright         { text-align:right; }
.navigation .alignleft          { text-align:left; }

#footer *                       { border: solid 0px #FFF; }
#footer                         { margin-top: 0px; background-image:url('images/footer-bg.png'); font-size:.9em;	padding: 5px 0px 0px 10px; }

#footer-menu                    { padding-top:0px; height:190px; color:white; }
#footer-menu td                 { vertical-align: top; padding-right:40px; } 
#footer-menu h2                 { color:white; margin-top:15px; margin-bottom:0px; font-weight:500; }
#footer-menu p                  { margin: 4px 0px 6px 0px; }

#footer-menu .rule              { background-image:url('images/footer-hr.png'); background-repeat:no-repeat; margin: 0px 0px 3px 0px; height: 6px; }
#footer-menu .search            { margin-top: 4px; margin-left: 114px; } 

#copyright                      { text-align:left; color:#999999; font-size:.8em; padding-top:10px; height:30px; }

#addr td                        { padding: 0px; }
#addr td.addr-lbl               { padding-right: 20px; font-weight: bold; }

/*
* Main sidebar specific
*/

#mainsidebar, #blog-sidebar     { margin: 0px 0px 0px 10px; font-size:1.0em; }

#mainsidebar p                  { margin-top: 0px; margin-bottom:5px; }
#mainsidebar label.previewLabel { font-size:.7em; }

img.enquire                     { padding-left: 8px; }

#blog-most-recent               {}
#blog-most-recent h4            { margin: 0px; font-size: 1.05em; font-weight: 400; color: #999; text-shadow: 1px 0.5px #333; }
#blog-most-recent ul            { padding: 0px; margin: 0px 0px 20px 0px; list-style: none; }
#blog-most-recent ul li         { background: #fff; padding: 6px 10px 6px 10px; margin: 2px 0px 4px 0px; border: solid 1px #eee; font-size: 0.85em; line-height: 0.9em; }
#blog-most-recent ul li:hover   { background: #f9f9f9; }
#blog-most-recent p             { margin: 0px 0px 2px 0px; font-size: 0.8em; }
#blog-most-recent a             { color: #437f44; text-decoration: none; }
#blog-most-recent a:hover       { color: #639f64; text-decoration: none; }


ul.sidebar-box                  { width: 240px; border: solid 4px transparent; padding: 0px; margin: 0px 0px 20px 0px; background: url('images/rh_box_top.png') no-repeat; list-style-type: none; }
ul.sidebar-box li               { border: solid #FFF 0px; margin: 14px 0px 0px 0px; padding: 16px; background: url('images/rh_box_bg.png'); min-height: 70px; }

img.enquire                     { margin-bottom:15px; margin-left:0px; }

.email-request                  { font-size:.6em; font-weight:400; }

.subscribe input                { margin-bottom:10px; } 

#follow, #callus                { width: 245px; border: solid 1px #ddd }

#follow                         { margin: 0px 0px 12px 0px; font-weight:400; }
#follow td                      { font-size: 0.9em; vertical-align: middle; padding: 2px 2px; }
#follow img                     { border: 0px; }

#callus                         { display: none; margin-bottom: 0px; margin-left: 0px; }
#callus td.callnow              { vertical-align: middle; font-size: 1em; font-weight: bold; padding-left: 5px; }

/*
#contactus                      { border: 1px solid #ddd; margin-bottom: 15px; }
 */

strong                          { font-weight:bold; }

/** Remove that pesky smiley face - for Wordpress stats */
img#wpstats                     { display: none; }

textarea#comment                { border: solid #999 1px; padding 3px;}

