/*
Theme Name: Refined Internet Default
Theme URI: http://www.refinedinternet.co.uk/
Description: The default Refined Internet WordPress theme.
Version: 1.0
Author: Michael Lomas
Author URI: http://www.refinedinternet.co.uk/
*/

/* 
Eric Meyer Reset
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* Reset End */

body { background-color: #efefef; background-image: url(images/background.jpg); background-repeat: repeat-x; font-family: Arial, Helvetica, sans-serif; }

h1, h2, h3, h4, h5, h6 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; margin-bottom: 15px; color: #333; }
h1, h2 { font-size: 30px; line-height: 34px; }
h3 { font-size: 24px; }
p { font-size: 12px; line-height: 24px; color: #666; margin-bottom: 20px; }
blockquote span { font-family: Georgia, "Times New Roman", Times, serif; font-size: 24px; color: #333; font-style: italic; line-height: 30px; background-color: #cae4ff; padding: 0 5px; }

#content h1 a, #content h2 a { color: #333; text-decoration: none; }
#content h1 a:focus, #content h1 a:hover, #content h2 a:focus, #content h2 a:hover { text-decoration: underline; }
#content p a { color: #666; background-color: #cae4ff; text-decoration: none; padding: 2px; }
#content p a:focus, #content p a:hover { color: #333; background-color: #99ccff; }

.margin { width: 940px; margin: 0 auto; position: relative; }
.clear { clear: both; }

#container { margin: 0 auto; }

#header #logo { margin-left: -3px; }

#announcement { position: absolute; top: -30px; right: -20px; z-index: 999; }

#banner { height: 300px; position: relative; width: 940px; }
#banner div { position: absolute; top: 0; left: 0; height: 300px; width: 940px; }
#banner p { font-size: 24px; line-height: 28px; font-family: georgia; color: #333; width: 470px; position: absolute; bottom: 0px; }
#banner p a { background-color: #cae4ff; padding: 2px 10px; text-decoration: none; color: #333; font-size: 18px; border: 2px solid #cae4ff}
#banner p a:focus, #banner p a:hover { border: 2px solid #99ccff }
#banner .ecommerce { background-image: url(images/banner/banner-1.png); }

#navwrapper { position: relative; }
#nav { position: absolute; right: 0px; top: -25px; z-index: 999; }
#nav a { background-image: url(images/banner_nav.png); display: block; height: 12px; width: 12px; background-position: left; margin-left: 5px; color: #fff; font-size: 0px; float: left; }
#nav a:focus, #nav a:hover, #nav a.activeSlide { background-position: right; color: #424143; }

#globalmenumargin { background-image: url(images/menu_background.png); background-repeat: repeat-x; margin-top: 20px; margin-bottom: -4px; }

#globalmenu #titles { height: 44px; z-index: 1; }
#globalmenu #titles li { float: left; }
#globalmenu .getintouch { float: right; text-align: right; }
#globalmenu #titles li { display: block; width: 190px; height: 25px; padding: 11px 20px 0; text-decoration: none; color: #fff; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; border-left: 1px solid #666; margin-top: 2px; }
#globalmenu #titles li.getintouch { width: 205px; border-right: 1px solid #666; }
#globalmenu #titles li:focus, #globalmenu #titles li:hover { background-color: #333; cursor: pointer; }

#submenumargin { display: none; height: 220px; background-image: url(images/submenu_background.png); background-repeat: repeat-x;  background-color: #666; background-position: bottom; z-index: 999; }

#submenu ul { float: left; width: 190px; height: 184px; border-left: 1px solid #666; padding: 15px 20px; }
#submenu ul.getintouch { float: right; text-align: right; width: 205px; border-right: 1px solid #666; }
#submenu ul:focus, #submenu ul:hover { background-color: #333; }
#submenu li { display: block; margin-bottom: 5px; }
#submenu li a { display: inline; color: #fff; font-size: 12px; text-decoration: none; }
#submenu li a:focus, #submenu li a:hover { color: #99ccff; }

#content { margin-top: 20px; }

#content #main { width: 600px; margin-right: 20px; float: left; }
#main p.intro { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #666; }
#main ul { font-size: 14px; line-height: 24px; color: #333; margin-bottom: 20px; }
#main li { list-style: square; margin-left: 15px; }

#main .author { color: #999; font-size: 14px }
#main .date { font-family: Georgia, "Times New Roman"; width: 46px; text-align: center; padding-right: 3px; color: #333; float: left; margin: 7px 15px 7px 0; background-image: url(images/date.png); height: 69px; }
#main .date .month { color: #fff; font-size: 12px; text-transform: uppercase; margin: 4px 0; }
#main .date .day { font-size: 30px; margin-top:-3px; }
#main .date .year { font-size: 12px; padding: 3px 0; }
#main .entry {  }
#main .thumbnail { float: right; margin: 0 0 15px 15px; border: 3px solid #ccc; }

#main label { font-size: 12px; font-weight: bold; color: #666; margin: 5px 0; display: block; }
#main input[type=text], #main textarea { font-family: Arial, Helvetica, sans-serif; width: 278px; padding: 5px 8px; border: 3px solid #ccc; margin: 5px 0; color: #333; font-size: 14px; }
#main textarea { width: 578px; height: 150px; }
#main input[type=submit] { color: #333; margin: 5px 0; }

#content #sidebar { width: 300px; margin-left: 20px; float: right; margin-top: 5px; }
#sidebar h3 { border-bottom: 3px solid #666; padding-bottom: 5px; }
#sidebar .ourlatesttweet p { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; font-style: italic; color: #999 }
#sidebar .twitter-timestamp { display: block; }

#sidebar label { font-size: 12px; font-weight: bold; color: #666; margin: 5px 0; display: block; }
#sidebar input[type=text], #sidebar textarea { font-family: Arial, Helvetica, sans-serif; width: 278px; padding: 5px 8px; border: 3px solid #ccc; margin: 5px 0; color: #333; font-size: 14px; }
#sidebar textarea { height: 100px; }
#sidebar input[type=submit] { color: #333; margin: 5px 0; }
#sidebar #loading { text-align: center; display: none; }

#sidebar li { list-style: none; margin-bottom: 20px; }

#sidebar #searchform label { display: none; }

#sidebar .categories ul, #sidebar .ourservicesin ul { margin-top: -15px; }
#sidebar .categories li, #sidebar .ourservicesin li { margin: 0; }
#sidebar .categories li a, #sidebar .ourservicesin li a { display: block; border-bottom: 1px solid #ccc; padding: 10px 0; font-size: 12px; color: #666; text-decoration: none; color: #666; }
#sidebar .categories li a:focus, #sidebar .categories li a:hover, #sidebar .ourservicesin li a:focus, #sidebar .ourservicesin li a:hover  { background-color: #ddd; }

#footermargin { background-image: url(images/footer_background.jpg); background-repeat: repeat-x; background-color: #333333; border-top: 3px solid #cccccc; border-bottom: 3px solid #cccccc; }
#footer { padding-top: 30px; }
#footer h3 { color: #ffffff; }
#footer p { color: #ccc; }
#footer #whoarewe { width: 600px; padding-right: 20px; float: left; }
#footer #whoarewe em, #footer #whoarewe a { font-size: 14px; font-style: italic; font-weight: bold; color: #fff; text-decoration: none; }
#footer #whoarewe a:focus, #footer #whoarewe a:hover { color: #99ccff; }

#footer #getintouch { width: 450px; padding-left: 20px; float: right; display: none;  }
#footer #followus { width: 300px; padding-left: 20px; clear: right; float: right; }
#footer #followus li { float: left; margin-right: 10px; }
#footer #followus a { display: block; background-repeat: no-repeat; text-indent: -999em; }
#footer #followus a.twitter { height: 60px; width: 64px; background-image: url(images/twitter.png); }
#footer #followus a.facebook { height: 62px; width: 63px; background-image: url(images/facebook.png); }
#footer #followus a.linkedin { height: 63px; width: 64px; background-image: url(images/linkedin.png); }
#footer #followus a.rss { height: 61px; width: 63px; background-image: url(images/rss.png); }
#footer #followus a:focus, #footer #followus a:hover { background-position: right; }

#legal { color: #999; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; }
#legal a { color: #999; text-decoration: none; }
#legal a:focus, #legal a:hover { text-decoration: underline; }
#legal #copyright { float: left; margin: 20px 0; }
#legal #validation { float: right; margin: 20px 0; }


ol.commentlist li { background-color: #e3e3e3; padding: 10px; margin-bottom: 10px; }
.commentlist .avatar { width: 50px; height: 50px; border: 3px solid #999; float: left; margin: 0 10px 10px 0; }
.comment-author { font-size: 18px; line-height: 50px; }
.comment-meta { clear: left; font-size: 12px; }
.comment-body p { margin: 10px 0 0; }


/* Form Success / Error Styles */
#content input.error, #content textarea.error { background-color: #ffcccc; border-color: #ff9999; }
#content input.error:focus, #content input.error:hover, #content textarea.error:focus, #content textarea.error:hover { border-color: #ff0000; } 
#content input.valid, #content textarea.valid { background-color: #ccffcc; border-color: #99ff99; }
#content input.valid:focus, #content input.valid:hover, #content textarea.valid:focus, #content textarea.valid:hover { border-color: #00ff00; }
#content label.error { color: #ff0000; margin-bottom: 20px; }