/*
Theme Name: Refinery Wordpress Theme
Theme URI: http://www.webprodigy.ca
Description: Custom Wordpress theme for Refinery
Version: 1.0
Author: Paul Szczesny
Author URI: http://www.webprodigy.ca
Tags: blue, custom header, fixed width, two columns, widgets
background: #77787b
*/

/* ---------- HTML Elements ---------- */



body {font-size: 62.5%; font-family: Verdana, Arial, Sans-Serif;background: #fff;color: #333;text-align: center;padding: 0px; margin: 0px;}
a {text-decoration: none; color: #fff;}

#soundcloud-dropbox {position: absolute; bottom: 0px; left: 400px;}
/*a.soundcloud-dropbox:hover {color: white !important; background-color: transparent !important; background-position: -1000px 0 !important;}
a.soundcloud-dropbox {background-image: none !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='(http://a1.soundcloud.com/images/dropbox_small_dark.png?1f58ec)', sizingMethod='crop') !important;} */

a:hover {text-decoration: none;}
h1 {padding-top: 70px;margin: 0;}
h2 {margin: 0px;}
h2.pagetitle {margin-top: 30px;text-align: center;}
h3 {padding: 0;margin: 30px 0 0;}
h3.comments {padding: 0;margin: 40px auto 20px ;}
hr {display: none;}
.entry p {margin-top: 0px; padding-top: 0px;}
acronym, abbr, span.caps {cursor: help;}
acronym, abbr {border-bottom: 1px dashed #999;}
blockquote {margin: 15px 30px 0 10px;padding-left: 20px;border-left: 5px solid #ddd;}
blockquote cite {margin: 5px 0 0;display: block;}
a img {border: none;}
p img {padding: 0;max-width: 100%;}
img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignright {padding: 4px;margin: 0 0 2px 7px;display: inline;}
img.alignleft {padding: 4px;margin: 0 7px 2px 0;display: inline;}


/* ------------ Structure ---------- */
#page {width: 930px; height: 507px; background: url(images/bg.jpg) no-repeat; margin: 0px auto; padding-top: 0px; overflow: hidden;}
#header {height: 38px; width: 500px; float: right;}
#logo {width: 243px; height: 58px; background: url(images/logo.jpg) no-repeat; float: left; margin-top: 10px;}

/*---- #soundcloud-dropbox hover {color: white !important; background-color: transparent !important; float: right; margin-top: 50px;} ----*/

#content {height: 400px; font-size: 1.2em; color: #000;}
#wrapper {height: 380px; padding: 10px 0px;}
.content {width: 880px; margin: 0px auto;}
.main_title {font-size: 28px; font-family: Optima, Arial, sans-serif;}
#footer {height: 107px;clear: both; position: relative;}
#footer p {margin: 0;padding: 20px 0;text-align: center;}
#text-right, #text-left {width: 302px; background: #000; padding: 15px; height: 350px; float: left; overflow: auto; color: #fff;}
#image-right, #image-left {width: 548px; height: 380px; float:left;}

#nav{float:left;margin: 10px 0px 0px 20px; border-left: #e7e31a solid 4px; text-align: left;position: relative; font-size: 12px;}
#nav ul{list-style: none;margin: 0;padding: 0; }
#nav li{margin: 0px; position: relative;width: 75px; height: 16px;padding: 0px 5px;}
#nav li ul {position: absolute;left: -999em;top: 32px;padding: 0; margin: 0;width: 120px;border: #808262 solid 1px;}
#nav li:hover ul li {display: block; padding: 0px 5px; margin: 0px; width: 120px;vertical-align: bottom;}
#nav li:hover, #nav li ul li {background: #e7e31a;}
#nav li ul li:hover {background: #efeb7d;}
#nav li a{width: auto; color: #000; display: block;text-decoration: none;}
#nav li a:hover{}
#nav li ul li a:hover {}
#nav li:hover ul#services_nav {left: 85px; top: -85px; z-index: 1000;}
#nav li:hover ul#about_nav {left: 85px; top: -21px; z-index: 1000;}
#nav li:hover ul#roster_nav {left: 85px; top: -68px; z-index: 1000;}

/* ---------- Sidebar --------- */
#sidebar{float: left; width: 305px; text-align: right;font-size: 14px; font-family: Optima, Arial, sans-serif;}
#sidebar ul {list-style-type: none; padding: 0px; margin: 0px; float: right;}
#sidebar ul li{padding: 0px; margin: 0px;}
#sidebar li a{width: 120px; height: 18px; background: url(images/bg-side.png) no-repeat; text-align: right; display: block; padding: 5px 10px; color: #fff;}
#sidebar li a:hover{filter: alpha(opacity=80);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);-moz-opacity: 0.80;opacity:0.8;}
#sidebar form {margin: 0;}
#searchform {margin: 10px auto;padding: 5px 3px;text-align: center;}
#sidebar #searchform #s {width: 108px;padding: 2px;}
#sidebar #searchsubmit {padding: 1px;}
#sidebar h2 {font-family: 'Lucida Grande', Verdana, Sans-Serif;font-size: 1.2em;margin: 5px 0 0;padding: 0;}
#copyright {width: 930px; margin: 0 auto;}

/* Begin Structure */
.narrowcolumn {float: left; padding: 0 0 20px 45px;margin: 0px 0 0; width: 450px;}
.widecolumn {padding: 10px 0 20px 0;margin: 5px 0 0 150px;width: 450px;}
.post {margin: 0 0 40px;text-align: justify;}
.post hr {display: block;}
.widecolumn .post {margin: 0;}
.narrowcolumn .postmetadata {padding-top: 5px;}
.widecolumn .postmetadata {margin: 30px 0;}
.widecolumn .smallattachment {text-align: center;float: left;width: 128px;margin: 5px 5px 5px 0px;}
.widecolumn .attachment {text-align: center;margin: 5px 0px;}
.postmetadata {clear: both;}
.clear {clear: both;}
.alignright {float: right;}
.alignleft {float: left;}

/* Begin Lists
	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */
html>body .entry ul {margin-left: 0px;padding: 0 0 0 30px;list-style: none;padding-left: 10px;text-indent: -10px;}
html>body .entry li {margin: 7px 0 8px 10px;}
.entry ul li:before, #sidebar ul ul li:before {content: "\00BB \0020";}
.entry ol {padding: 0 0 0 35px;margin: 0;}
.entry ol li {margin: 0;padding: 0;}
.postmetadata ul, .postmetadata li {display: inline;list-style-type: none;list-style-image: none;}
ol li, #sidebar ul ol li {list-style: decimal outside;}
/* End Entry Lists */

/* Begin Form Elements */
.entry form {text-align:center;}
select {width: 130px;}
#commentform input {width: 170px;padding: 2px;margin: 5px 5px 1px 0;}
#commentform {margin: 5px 10px 0 0;}
#commentform textarea {width: 100%;padding: 2px;}
#respond:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#commentform #submit {margin: 0 0 5px auto;float: right;}
/* End Form Elements */

/* Begin Calendar */
#wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt;}
#wp-calendar a {text-decoration: none;display: block;}
#wp-calendar caption {font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;text-align: center;}
#wp-calendar th {font-style: normal;text-transform: capitalize;}
#wp-calendar {empty-cells: show;margin: 10px auto 0;width: 155px;}
#wp-calendar #next a {padding-right: 10px;text-align: right;}
#wp-calendar #prev a {padding-left: 10px;text-align: left;}
#wp-calendar caption {text-align: center;width: 100%;}
#wp-calendar td {padding: 3px 0;text-align: center;}
#wp-calendar td.pad:hover { background-color: #fff; /* Doesn't work in IE */}

/* Begin Comments*/
.alt {margin: 0;padding: 10px;}
.commentlist {padding: 0;text-align: justify;}
.commentlist li {margin: 15px 0 10px;padding: 5px 5px 10px 10px;list-style: none;}
.commentlist li ul li { margin-right: -5px;margin-left: 10px;}
.commentlist p {margin: 10px 5px 10px 0;}
.children { padding: 0; }
#commentform p {margin: 5px 0;}
.nocomments {text-align: center;margin: 0;padding: 0;}
.commentmetadata {margin: 0;display: block;}

/* Begin Various Tags & Classes */
.center {text-align: center;}
.hidden {display: none;}
.screen-reader-text {position: absolute;left: -1000em;}
.navigation {display: block;text-align: center;margin-top: 10px;margin-bottom: 60px;}
/* End Various Tags & Classes*/

/* Captions */
.aligncenter,
div.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.wp-caption {border: 1px solid #ddd;text-align: center;background-color: #f3f3f3;padding-top: 4px;margin: 10px;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.wp-caption img {margin: 0;padding: 0;border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;}
/* End captions */