/*========================================================= 
  
 Title: digital Wranglers Theme
 Author: Piers Warmers (http://www.wranglers.com.au)

------------------------------------------------------------

 Contents:
 --------

 1. Generic Tags 
 2. Primary Layout Components
 3. Header Elements
 4. Main Content Area
 5. Footer Area
 6. Call-outs Boxes
 7. Misc.
 8. Forms
 9. Sliders
 10.Logos

 Notes:
 -----

 This theme implements BluePrint CSS framework.

===========================================================*/
/* 1. Generic Tags
===========================================================*/
body { margin:0; background:#333333; text-align:center; }
h1, h2, h3, h4, h5 { color:#E7F2F4; }
h1 { font-size:2em; }
h2 { font-size:1.5em; margin-bottom:0.25em; }
h3 { font-size:1.2em; font-weight:bold; }
h4 { font-size:1em; font-weight:bold; }
a { text-decoration:none; color:#FECD9B; }
abbr { border-bottom:0; }
a:hover { background-color:#0067AB; color:#FECD9B; }
a:active { outline:none; }
a:focus { -moz-outline-style:none; }
a abbr { border-bottom:0; }
a.simple,a.simple:hover{border-bottom:0 !important;background:none;}
table { border-bottom:3px double #E5F1F3; }
th { background:#E5F1F3; color:#0099FF; }
blockquote { color:#E7F2F4; }
p { margin:0 0 1em; }
ul, ol { margin:0 1.5em 1em 1.5em; }
#footer-adverts ul, ol { margin:0 1.5em 1em 3em; }
button { padding:7px 20px; color:#E7F2F4; cursor:pointer; border:3px solid #6fb7e9; background:#007ACC; font-weight:bold; float:none;    
    -webkit-border-radius: .7em;
    -moz-border-radius: .7em;
    border-radius: .7em;
 }
/* 2. Primary Layout Components
===========================================================*/
div.container { width:750px; text-align:left; color:#E7F2F4; position:relative; }
div.inner { padding:2em; }
/* 3. Header Elements
===========================================================*/
#header { height:195px; background:url(../images/header-clouds.png) 50% 100% no-repeat #FFFFFF; position:relative; }
#header .container {  }
#header ul { margin:0; height:195px; list-style:none; }
#header li { margin-left:20px; font-size:1.5em; padding-top:60px; float:right; }
#header a { font-weight:bold; color:#65B5EB; text-decoration:none; }
#header .here a { 
}
#header a:hover { background:#0099FF; color:#FFF; }
#header h1 { position:absolute; top:10px; background:url(../images/logo.png) 0 50% no-repeat; }
#header h1 a { display:block; height:100px; width:200px; }
#header h1 a:hover { background:transparent; }
#header h1 span { display:none; }
/* 4. Main Content Area
===========================================================*/
#content { padding-top:5px; background:url(../images/content-gradient.png) repeat-x #0099FF; }
#content div.container { top:-86px; }
#content div.inner, #content div.inner-home { background:#0099FF; border:1px solid #007ACC; border-bottom:10px solid #007ACC; font-size:1.2em; }
#content div.inner-home { padding:0; }
#content h1#banner { margin-bottom:5px; color:#E7F2F4; text-align:center; padding:30px 0; font-size:2em; line-height:1.4em; background:url(../images/header-gradient.png) 0 100% repeat-x #6FB7E9; }
#content h1#banner a { text-decoration:none; color:#FECD9B; }
#content h1#banner a:hover { background:#FECD9B; color:#FFF; }
#content h1#banner strong { font-size:1.8em; font-weight:normal; display:block; padding-bottom:0.2em; }
#content .inner a { border-bottom:1px dotted #FECD9B; }
.profile-showcase { padding:40px 20px 0 430px; background-repeat:no-repeat; }
.home-advert { margin-top:30px; height:100px; background-repeat:no-repeat; background-position:0 100%; }
.home-advert a { display:block; padding:65px 0 0 120px; font-size:1.3em; color:#FFF; }
.home-advert a:hover { background-color:transparent; color:#AFDEFD; }
/* 5. Footer Area
===========================================================*/
#footer { font-size:1.1em; margin-bottom:20px; }
#footer a { color:#FF9933; text-decoration:none; }
#footer a:hover { color:#FFF; background:#FF9933; }
#footer .container { top:-86px; }
#footer .component { width:250px; float:left; padding-bottom:20px; color:#494949; }
#footer .component h3, #footer .component p { padding:0 20px 0.5em; margin-bottom:0; color:#444; }
#footer .component h3 { font-size:1.2em; margin:40px 0 0; font-weight:bold; margin-bottom:10px; padding-left:55px; background:url(../images/speech-bubble-mini.png) 20px 0 no-repeat; }
#footer-metas h3 { padding-left:20px !important; color:#999 !important; background:none !important; margin-bottom:0 !important; }
#footer-metas p, #footer-metas a, #footer-metas li { color:#999 !important; }
#footer-metas .posts li { margin-left:20px; }
#footer-metas a:hover { color:#FFF; background:#111; }
#footer-adverts { float:left; background:url(../images/footer-adverts-gradient.png) 0 100% repeat-x #FFFFFE; }
#footer-adverts-overlay { float:left; background:url(../images/footer-adverts-overlay.gif) repeat-x; }
#footer-metas { float:left; background:url(../images/footer-metas-gradient.png) repeat-x #333333; }
#footer-metas-overlay { float:left; background:url(../images/footer-metas-overlay.gif) repeat-x; }
#footer-metas .component { height:200px; }
#footer #footer-metas h3.contact { background:url(../images/logo-mini.png) 20px 0 no-repeat !important; padding-top:45px !important; }
/* 6. Call-out Boxes
===========================================================*/
.call-out { position:relative; top:-30px; background:url(../images/speech-bubble.png) no-repeat; padding-top:40px; font-size:0.9em; color:#FFCC00; font-weight:bold; float:right; width:200px; margin:0 0 -30px 20px; }
.call-out a { border:none !important; }
.call-out a:hover { background:#007ACC; }
.call-out span { font-weight:normal !important; font-size:0.9em; }
/* 7. Misc.
===========================================================*/
.read-more { background:url(../images/read-more.png) no-repeat 100% 50%; padding-right:20px; }
.tag-cloud li { display:inline; }
.cloud_xsmall { font-size:70%; }
.cloud_small { font-size:80%; }
.cloud_medium { font-size:90%; }
.cloud_large { font-size:100%; }
.cloud_xlarge { font-size:110%; }
#mini-notice { text-align:center !important; }
#mini-notice, #mini-notice a { color:#555; }
#mini-notice a:hover { background:#111; color:#999; }
.break { clear:both; }
.highlight { background:#FECD9B; color:#FFF; }
/* 8. Forms.
===========================================================*/
#contact_gen {display:block; float:left; width:350px; border-right:2px solid #000;border-color:#6fb7e9;margin-right:40px;}
label { font-weight:bold; }
/* Fieldsets */
fieldset { padding:1.4em; margin:0 0 1.5em 0; border:1px solid #0099ff; }
legend { font-weight:bold; font-size:1.2em; }
/* Text fields */
input.text, input.title { outline: none !important; width:300px; margin:0.5em 0.5em -1em 0; }
input.text, input.title { border:1px solid #0099ff; background:#6fb7e9; padding:5px; }
input.text:focus,
input.title:focus { border:1px solid #0099ff; background:#6fb7e9; }
input.title { font-size:1.5em; }
/* Textareas */
textarea { outline: none !important; width:300px; height:250px; margin:0.5em 0.5em 0.5em 0; }
textarea { border:1px solid #0099ff; background:#6fb7e9; padding:5px; }
textarea:focus { border:1px solid #0099ff; background:#6fb7e9; }
/* Slider feature */
div.slider { width:310px; height:24px; background:#6fb7e9; }
div.slider div.knob { background:#FECD9B; width:24px; height:24px; }
div#fontSize { height:30px; }
/* Select fields */
select { border:1px solid #0099ff; background:#6fb7e9; width:200px; }
select:focus { border:1px solid #0099ff; background:#6fb7e9; }
/* Success, error & notice boxes for messages and errors. */
.error,
.notice, 
.success { padding:inherit; margin-bottom:1em; border:0; }
.error, .notice { background:transparent; color:#e7f2f4; border-color:#FBC2C4;}
.error .text, .error .title, .error textarea { background:#FBE3E4; color:#e49c8f; }
.success { background:#E6EFC2; color:#529214; border-color:#C6D880; }
.error a { color:#D12F19; }
.error span {font-style:italic;color:#e49c8f;border-left:medium solid #e49c8f;padding-left:10px;text-transform:lowercase;font-weight:bold;}
.notice a { color:#817134; }
.success a { color:#529214; }
/* 9. Slider.
===========================================================*/
#slider { padding:1em 0 0 0; width:690px; position:relative; }
.scroll { height:250px; width:690px; overflow:auto; overflow-x:hidden; position:relative; clear:left; background:#38A6F2; }
#scrollContainer { position:relative; }
.scrollContainer div.panel { padding:20px; height:210px; width:650px; }
#shade { background:#0099FF url(../images/slider-shade-bg.jpg) no-repeat 50% 0; height:30px; }
ul.navigation { list-style:none; margin:0; padding:0; padding-bottom:5px; background:#0099FF url(../images/slider-tabs-bg.jpg) no-repeat 50% 100%; }
ul.navigation li { display:inline; margin-right:10px; }
ul.navigation a { padding:10px; color:#E7F2F4; text-decoration:none; border-bottom:0 !important; }
ul.navigation a:hover { background-color:#38A6F2; }
ul.navigation a.selected { background-color:#38A6F2; border-bottom:1px solid #38A6F2 !important; }
ul.navigation a:focus { outline:none; }
.scrollButtons { position:absolute; top:150px; cursor:pointer; }
.scrollButtons.left { left:-20px; }
.scrollButtons.right { right:-20px; }
.hide { display:none; }
/* 9. Logos.
===========================================================*/
ul.logos, .logos li {float:left;list-style-type:none;;padding:0;}
ul.logos { margin-left:40px;clear:right;}
ul.logos li {float:left;padding:0;margin-right:20px;margin:0;}
#content ul.logos a {float:left;width:140px;height:100px;border:3px solid #09f; ;padding:0;text-decoration:none;}
#content ul.logos a:hover {border:3px solid #2baaff;background-color:transparent;}
#content ul.logos img {margin:15px 10px 0;}