/*
Theme Name: Spectra Media
Theme URI: http://spectramedia.ca
Version: 0.8
Author: Rob Williams, Spectra Media Communication Group
Tags: custom template
*/

html, body {
    width:          100%;
    height:         100%;
    margin:         0;
    padding:        0;
    color:          black;
    font-family:    'Verdana', 'Helvetica', 'Arial', sans-serif;
    background:     url(/wp-content/themes/spectra/images/background.jpg) #c9cbcd top center no-repeat;
    line-height:1.5;
}

body { font-size: 0.9em; }

.alignleft   { float: left; margin: 10px; }
.aligncenter { float: none !important; margin: 10px auto; }
.alignright  { float: right; margin: 0 0 10px 10px; }
.clear { clear: both; }
.large{ font-size:16px; }
.hide{ display:none; }

h1 {
    font-size:              24px;
    letter-spacing:         -1px;
    line-height:            24px;
    font-family:            "Garamond Premier Pro", serif;
    font-weight:            normal;
    margin-bottom:          10px;
}

h1.lower {
    margin-top:             20px;
}

h2 {
    font-size:              24px;
    letter-spacing:         -1px;
    line-height:            24px;
    font-family:            "Garamond Premier Pro", serif;
    font-weight:            normal;
    margin-bottom:          10px;
}

h3 {
    font-size:              20px;
    line-height:            20px;
    letter-spacing:         -1px;
    font-family:            "Garamond Premier Pro", serif;
    font-weight:            normal;
    margin-bottom:          2px;
}

h4 {
    font-family:            "Garamond Premier Pro", serif;
    font-size:              16px;
    font-weight:            normal;
    color:                  #C99429;
    text-transform:         uppercase;
    margin-bottom:          5px;
}

a { color: #168943; text-decoration: none; }
a:hover { color: black; }

.bold { font-weight: bold; }
.italic { font-style: italic; }
.smallred { font-weight: bold; color: red; position: relative; top: -2px; }
.green { color:#168943; }
.small{ font-size:10px; }

.post h2{
	text-transform:capitalize;
}

.push {
    height:                 60px;
}

.footer {
    background:             #000;
    border-top:             4px #8f8f8f solid;
    position:               relative;
    z-index:                500;
    color:                  #aaa;
    font-size:              0.7em;
    line-height:            1.2em;
    float:left;
    width:100%;
    padding-bottom:15px;
    font-weight:lighter;
}

.footer a {
    color:                  #8f8f8f;
    text-decoration:        none;
}

.footer a:hover {
    color:                  #444;
}

#footer_nav{
	width:700px;
}

#footer_nav ul{
	float:left;
	display:inline;
}

ul#footer_nav > li{
	float:right;
	padding:0 5px;
	display:inline;
	width:10%;
}

ul#footer_nav >li > a{
	font-weight:bold;
	text-decoration:underline;
}

ul#footer_nav > li > ul{
	padding-top:5px;
}

ul#footer_nav > li > ul > li{
}

.orange {
    color:                  #bd8513;
    margin-top:             8px; 
    font-size:10px;
    float:right;
    width:251px;
}

.back{
	float:right;
	margin-top:-3px;
}

.footer_nav_container{
	float:left;
	margin-left:-63px;
}

.footer_container {
    width:                  980px;
    margin:                 10px auto 0;
}

.copyright {
    float:                  right;
}

.body_container {
    width:                  980px;
    min-height:             100%;
    height:                 auto !important;
    height:                 100%;
    margin:                 0 auto -60px;
    position:               relative;
    z-index:                5;
}

div.menu_bg_carryover {
    width:                  20%;
    height:                 36px;
    position:               absolute;
    z-index:                2;
    right:                  0;
    top:                    0;
    background:             url(/wp-content/themes/spectra/images/menu_bar_bg.jpg) top left repeat-x;
}

ul.menu {
    height:                 36px;
    float:                  right;
    display:block;
}

* html ul.menu li{
	float:                  right;
    height:                 36px;
    background:             url(/wp-content/themes/spectra/images/menu_bar_divider.jpg) no-repeat top right;
    overflow:hidden;
    display:block;
}

ul.menu > li {
    float:                  right;
    height:                 36px;
    background:             url(/wp-content/themes/spectra/images/menu_bar_divider.jpg) no-repeat top right;
    overflow:hidden;
    display:block;
}

ul.menu > li:first-child, ul.menu > li:last-child{
	background:none;
}

* html ul.menu li.page_item a, * html ul.menu li.menu-item a{
	font-size:17px;
	text-transform:lowercase;
	letter-spacing:-1px;
	font-family:Helvetica;
	font-weight:bold;
	line-height:31px;
	line-height /*\**/: 35px\9;
	*line-height:36px;
	background: url(/wp-content/themes/spectra/images/menu_bar_bg.jpg) 0 6px;
	margin-right:7px;
	padding:12px 8px 11px 6px;
	padding /*\**/: 14px 3px 9px 0\9;
	*padding:16px 3px 23px 0;
}

ul.menu > li.page_item > a, ul.menu > li.menu-item > a{
	font-size:17px;
	text-transform:lowercase;
	letter-spacing:-1px;
	font-family:Helvetica;
	font-weight:bold;
	line-height:31px;
	line-height /*\**/: 35px\9;
	*line-height:36px;
	background: url(/wp-content/themes/spectra/images/menu_bar_bg.jpg) 0 6px;
	margin-right:7px;
	padding:12px 8px 11px 6px;
	padding /*\**/: 14px 3px 9px 0\9;
	*padding:16px 3px 23px 0;
}

ul.menu li.current_page_item > a, ul.menu li.current_page_parent > a, ul#sub_nav li.current_page_item a, ul.menu li.current-menu-item a{
	color:#E9B744;
}

ul.menu li:hover ul{
	display:block;
	position:absolute;
	z-index:999;
}

ul.menu li{
	list-style-type:none;
}

ul.menu li ul{
	display:none;
	padding:5px 0;
	margin-top:4px;
	margin-left:-5px;
	background: #262626;
}

ul.menu li ul li{
	padding:0 6px;
}

ul.menu li ul li a{
	font-size:12px;
}

ul.menu li a{
	color:white;
}

ul.menu li a:hover{
	color:#E9B744;
}

.logo {
    margin-top:             40px;
}

.slogan {
    font-size:              30px;
    line-height:            1.2em;
    margin-top:             1.5em;
    width:                  640px;
    font-family:            "Garamond Premier Pro", serif;
    font-weight:            normal;
    text-align:             right;
    float:                  right;
    clear:                  right;
}

.content_container {
    width:                  940px;
    padding:                20px;
    margin-top:             20px;
    background:             url(/wp-content/themes/spectra/images/page_top.jpg) white top left no-repeat;
}

.right_column {
    width:                  331px;
    float:                  right;
    font-size:              0.75em;
}

.right_column p {
    clear:                  both;
}

.services_widget{
	float:left;
	width:400px;
	margin:0 14px;
	padding:0;
	list-style: disc;
	color: #808184;
}

.services_widget li{
	float:left;
	width:165px;
	margin:0;
	padding:3px;
}

ul.twitter_feed{
	list-style:disc;
	margin:0 14px;
}

ul.twitter_feed li{
	padding:3px;
}

.divider { margin: 20px 0; }
.grey_divider { border-bottom: 1px #ccc solid; padding-bottom: 15px; margin-bottom: 10px; }

.twitter ul { list-style-type: circle; list-style-position: inside; }
.twitter li { padding: 0.6em 0 0.6em 1.2em; text-indent: -1.2em; }
.twitterwidget-title, .from-meta { display: none; }

.promo_nav { width: 588px; height: 36px; background: url(/wp-content/themes/spectra/images/promo_image_bg.jpg); }
.promo_nav img { padding: 7px 0 0 10px; }
.promo_nav_circ { cursor: pointer; }
.promoimages_container { width: 588px; height: 242px !important; }

.learn_more {
    width:                  588px;
    height:                 136px;
    background:             url(/wp-content/themes/spectra/images/learn_more_bg.jpg) no-repeat;
    margin-bottom:          30px;
}

.learn_more_subsection {
    width:                  172px;
    height:                 122px;
    padding:                15px 12px 0 12px;
    float:                  left;
    font-size:              0.7em;
    position:               relative;
}

#page_content .learn_more p{
	margin:0;
}

.arrow_button {
    text-align:             center;
    position:               absolute;
    bottom:                 5px;
    left:                   0;
    width:                  196px;
}

.column {
    width:                  280px;
    float:                  left;
    font-size:              0.9em;
}
.column p { margin-bottom: 1em; }
.gutter { margin-left: 25px; }

.column ul { list-style-type: disc; list-style-position: inside; }
.column ul li { padding-bottom: 0.5em; }
.column ul li a { font-size:14px; }
.column ul li a:hover { color: black !important; }

.read_more {
    margin-top:             10px;
    text-align:             right;
}
.byline { margin-top: -7px; font-size: 0.8em; color: #999; }
.byline span { font-style: italic; }

.gsom-optin-form div label{
	margin-bottom:2px;
}

.gsom-sa-wrapper {
    border:                 0 !important;
    padding:                0 !important;
}

.gsom-optin-form {
    width:                  100% !important;
}

.gsom-optin-form div {
    width:                  49% !important;
    float:                  left;
}

.gsom-optin-radiogroup {
    float:                  right !important;
    width:                  100% !important;
    padding-right:          10px !important;
}

#page_content{
	width:589px;
}

div.image_page{
	width:940px !important;
}

#page_content p{
	margin:10px 0;
}

#page_content ul li{
	list-style-type:disc;
	margin-left:20px;
}

.content_footer{
	font-size:12px;
	width:100%;
	padding-top:10px;
	clear:left;
}

.content_footer p{
	padding:10px 0;
}

.content_footer p.left{
	float:left;
}

.content_footer p.right{
	float:right;
}

#sub_nav{
	margin-right:11px;
}

#sub_nav li{
	float:right;
	font-size: 12px;
	font-weight:lighter;
	background: url(/wp-content/themes/spectra/images/second-nav-middle.png) repeat-x;
	height:25px;
	margin-top:-5px;
	list-style-type:none;
}

#sub_nav li a{
	color:#fff;
	padding:0 6px;
	line-height:20px;
}

#sub_nav li a:hover{
	color:#E9B744;
}

#playerwrap{
	width:330px;
	height:200px;
	background:url(/wp-content/themes/spectra/images/videoframe.jpg) no-repeat;
}

#playerwrap .tubepress_single_video{
	margin:0 auto;
	padding:11px 10px;
	display:block;
	width:310px;
	height:176px;
}

.profile{
	border-bottom:1px solid #CCCCCC;
	clear:left;
	margin-top:16px;
}

.profile h1{
	float:left;
	padding-right:10px;
	cursor:pointer;
	margin-bottom:0px;
	margin-top:-6px
}

.profile span.position{
	cursor:pointer;
	font-size:11px;
	padding-top:2px;
	margin-bottom:0px;
	line-height:1;
}

.profile h3{
	
}

.profile div p{
	clear:left;
}

.send_email{
	display:none;
}

.wpcf7{
	background:#fff;
	color:#000;
	padding-bottom:20px !important;
}

#work_gallery{
	width:940px;
	font-size:0.8em;
}

#work_gallery .no-border{
	border:none !important;
}

.gallery_item{
	float:left;
	width:234px;
	margin-top:10px;
	margin-bottom:3px;
	height:290px;
	border-right:1px dotted #ccc;
}

.gallery_item div{
	margin:0 auto;
}

.gallery_img{
	height:142px;
	width:187px;
}

.gallery_img img{
	border:1px dotted #ccc;
	padding:10px;
	float:left;
}

.gallery_txt{
	width:165px;
}

.gallery_txt h3 a, .gallery_txt h3{
	color:#8A7A67;
	margin-top:8px;
}

.gallery_txt p{
	font-size:11px;
	margin:2px 0 !important;
}

.input {
	width: 95%;
}

.input_textarea {
	width: 95%;
	height: 100px;
}