/**
*
*	Style.css
* Developed by Jim Hill at Wiseguy Digital
*
*/

body { font-family:Arial, Helvetica, sans-serif; font-size:0.84em; color:#555; background:#e0e0e0; }
a { color:#99258f; text-decoration:none; }
a:hover { color:#c24db9; }
a img { border:none; }
ul { list-style:square; }
h1, h2, h3, h4, h5 { font-weight:normal; letter-spacing:-.5px; margin-top:.5em; margin-bottom:.5em; }
h1, h2, h3, h4, h5, h6 { color:#222; }
p { margin-top:0; }
p strong { color:#333; }
hr { clear:both; border:0; border-top:1px solid #ccc; margin:20px 0; }

/**
* Forms
*/
.form-message, .wlpeMessageText { color:#c24db9; }
.form-description { margin-top:0; margin-bottom:20px; }
.captcha { padding-left:150px; }
fieldset { background:#eee; border:1px solid #ccc; padding:20px; margin-bottom:20px; }
fieldset label { float:left; display:block; width:150px; color:#333; font-weight:bold; font-size:0.9em; }
fieldset input { font-size:1.1em; padding:3px 5px; }
#sidebar-login p { margin-top:0; }
#sidebar-login label { display:block; float:left; width:80px; }
#sidebar-login input { width:140px; clear:right; }
#sidebar-login .register { padding-left:80px; }
input { border:1px solid #ccc; padding:3px 5px; }
textarea { padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; color:#222; border:1px solid #ccc; }
.submit-button input { background:#666; border:none; font-family:Arial, Helvetica, sans-serif; font-size:1em; padding:5px 7px; color:#fff; border:1px solid #ccc; }

/**
* Tables
*/
table { width:100%; margin-bottom:10px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding-top:10px; padding-bottom:10px; }
td, th { padding:5px 3px; vertical-align:top; }
th { background:#eee; color:#666; font-weight:normal; font-size:0.9em; }
td { color:#222; }
td img { margin-right:10px; vertical-align:text-top; }
.table-col-3 { width:33%; }

/**
* Section specific
*/
#container { background:#fff; }

/**
* Header
*/
.header-container { height:105px; background:url(../images/header-bg.gif) repeat-x #d5d5d5; border-bottom:1px solid #ccc; }
#header, #breadcrumb, #main-content { position:relative; }

#logo { margin-top:16px; }
#logo a { display:block; width:151px; height:39px; background:url(../images/logo.gif) no-repeat transparent;  }
#logo span { display:none; }

/**
* Breadcrumbs
*/
#breadcrumb { width:916px; border:1px solid #ccc; height:16px; padding:12px; color:#666; text-transform:uppercase; font-size:0.9em; font-weight:normal; background:#eee; margin-bottom:20px; }

/**
* Main content
*/
.content-container { padding-top:20px; padding-bottom:20px; min-height:500px; background:url(../images/main-bg.gif) repeat-x #fff; }

/**
* Content boxes
*/
.content-box { background:#fff; margin-bottom:20px; font-size:.95em; }
.content-box-last { margin-bottom:0; }
.content-box-title { background:url(../images/content-box-header-bg.gif) repeat-x #222; height:16px; padding:12px; }
.content-box-title h2 { margin:0; color:#fff; text-transform:uppercase; font-size:0.9em; font-weight:normal; }
.content-box-main { padding:20px 20px 10px 20px; border:1px solid #ccc; border-top:none; }
.content-box-main h4 { color:#333; }
.content-box-main ul { margin-left:0; padding:10px; }
.content-box-main li { margin:0.5em 0 0.5em 2em; }
.content-box-main table ul { margin:0; margin-left:10px; border:0; }
.content-box-main table li { margin-left:0; }
.grid-11 .content-box-main blockquote { background:#eee; color:#222; padding:10px 20px; margin-top: 2.5em; margin-bottom: 2.5em; margin-left:30px; margin-right:30px; font-size:1.2em; }
.grid-11 .content-box-main cite { font-size:0.80em; color:#333; font-weight:bold; }

/**
* Small boxes
*/
.small-box-half { margin-top:20px; border-top:1px solid #ccc; padding-top:10px; width:275px; }
.small-box-third { margin-top:20px; border-top:1px solid #ccc; padding-top:10px; width:175px; }

/**
* Pagination
*/
.pagination { text-align:center; border-top:1px solid #ccc; padding-top:10px; padding-bottom:10px; font-size:0.85em; }
.ditto_paging { border-top: 1px solid #ccc; padding: 10px; font-size: 86%; color: black; }
#ditto_pages .ditto_currentpage { border: 1px solid #333; padding: 1px 5px 2px; margin-right: 1px; background-color: #333; color: #fff; }
#ditto_pages .ditto_off { border: 1px solid #ccc; padding: 1px 5px 2px; margin-right: 1px; color: #ccc; }
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited { border: 1px solid #ccc; padding: 1px 5px 2px; margin-right: 1px; text-decoration: none !important; color: black; }
#ditto_pages a:hover { background-color: #fff; color: #000; }

/**
* Beautiful buttons
*/
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}


button { border:none; }
button::-moz-focus-inner{
	padding:0;
	border:none; /* overrides extra padding in Firefox */
}

a.button, button {
    background: transparent url('../images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span, button span {
    background: transparent url('../images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button span, button span {
	margin:0;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari and Google Chrome only - fix margins */
a.button span, button span {
	margin-top: -1px;
	margin-right:-4px;
}
}

/**
* Rounded edges
*/
.content-box {
	-moz-border-radius:5px; -moz-border-radius:5px;
	-webkit-border-radius:5px; -webkit-border-radius:5px;
}
.content-box-title, .content-box-title-light {
	-moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px;
}
.content-box-main,
.grid-11 .content-box-main blockquote {
	-moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px;
}
#breadcrumb {
	-moz-border-radius:5px; -moz-border-radius:5px;
	-webkit-border-radius:5px; -webkit-border-radius:5px;
}

/**
* Sidebar blog entries
*/
.sidebar-blog { padding:0; }
.sidebar-blog-entry { margin:0; padding:20px; background:url(../images/sidebar-blog-bg.gif) repeat-x; }
.sidebar-blog-entry h3, .sidebar-blog-entry p { margin:0; }

/**
* Footer
*/
.footer-container { height:200px; background:url(../images/footer-bg.gif) repeat-x #e0e0e0; clear:both; }
#footer { font-size:0.9em; }
#footer h3, #footer h4, #footer h5 { margin-top:30px; font-weight:bold; }
#footer a { color:#222; }
#footer a:hover { color:#666; }
.copyright { margin-top:160px; clear:both; color:#999; }
.quickcontact { font-size:1.3em; font-weight:bold; color:#222; }
.copyright, 
.wiseguy { font-size:.9em; text-align:right; margin-right:20px; }
.wiseguy { margin-top:0; color:#999; }
.wiseguy a { color:#999; }
.tweet { -moz-border-radius:5px; -moz-border-radius:5px; background:url(../images/footer-bg.gif) repeat-x #e0e0e0; padding:10px; margin-bottom: 1em; color:#555; }
.tweet a { color:#666; }
.tweetdate { font-size:0.9em; clear:both; display:block; }
.twitter-link a { color:#09c; }
.twitter-header { background: url(../images/twitter.png) no-repeat; padding-left:20px; }