/*
Theme Name: Bucking Llama
Theme URI: http://www.buckingllama.com
Description: We make brands kick.
Version: 5.0
Author: Matt Morgan/Matt Lambert
Author URI: http://www.mattymorgs.ca
*/

/***------------------------------------
ALL
------------------------------------***/

body {
 font-family: Helvetica, Arial, sans-serif;
 font-size: 12px;
 line-height: 20px;
 color: #636363;
 padding: 0;
 margin: 0 auto;
 vertical-align: top;
 border: 0;
background: url('http://www.buckingllama.com/images/buckingllamabg.jpg') no-repeat top center;
}

img {
 border: 0;
 max-width:690px;
}

a, a:link, a:visited {
 color: #f53e76;
 text-decoration: none;
 border: 0;
}

a:hover {
 color: #555555;
 text-decoration: none;
 border: 0;
}

ul {
 margin: 0;
 padding: 0px 0px 10px 0px;
 list-style: none;
 border: 0;
 -Smoz-padding-start:80px;
 color: #666;
}

li {
 list-style: none;

}

p {
 padding-bottom: 10px;
 margin: 0;
}

ol li {
 list-style-type: none;
}

/***------------------------------------
body styles
------------------------------------***/

#container {
 width: 900px;
 margin: 0 auto;
 padding: 0;
}

#containerschedule {
 width: 300px;
 margin-left: 50px;
 margin-top: 20px;
 padding: 0;
}

#header {
 width: 900px;
 float: left;
 height: 300px;
 margin: 0;
 padding: 0px;
 bdackground: url('http://www.buckingllama.com/images/buckingllamaheader.jpg') no-repeat top right;
}
#headerframe {
 width: 0px;
 float: left;
 height: 0px;
 margin: 0;
 padding: 0px;
 color: #636363;
}
#headerblog {
 width: 900px;
 float: left;
 height: 250px;
 margin: 0;
 padding: 0px;
 color: #636363;
}
#headerabout {
 width: 900px;
 float: left;
 height: 525px;
 margin: 0;
 padding: 0px;
}

#logo {
 float: left;
 margin: 8px 8px 20px 0px;
}

#nav {
 float: right;
 margin: 15px 0px 0px 0px;
 color: #fff;
 font-size: 14px;
 text-transform: uppercase;
}

#nav li {
 float: left;
 list-style-type: none;
 color: #fff;
}

#social {
 float: right;
 margin: 15px 35px 0px 40px;
}

#social li {
 float: left;
 list-style-type: none;
 color: #636363;
}

#main {
 float: left;
 width: 900px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}

#left {
 float: left;
 width: 560px;
 margin: 0px 0px 0px 0px;
}

#bloglink {
 float: right;
 width: 500px;
 text-align: right;
}

#content {
 float: left;
 width: 900px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
#contentright {
 float: right;
 width: 590px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
#contentleft {
 float: left;
 width: 200px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
#contentleft2 {
 float: left;
 width: 310px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
#contentsplitleft {
 float: left;
 width: 270px;
 margin-right: 20px;
}
#contentsplitright {
 float: left;
 width: 200px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
#contentline {
 float: left;
 width: 900px;
 OFFbackground: #f5f4f4;
 border-bottom: 2px dotted #ebebeb;
}
#headerline {
 float: left;
 width: 900px;
 height: 2px;
 border-bottom: dotted 1px #fff;
 margin-top: -5px;
}
#wordline {
 float: left;
 width: 10px;
 height: 3px;
 background: #f53e76;
 margin-left: 5px;
}
#press {
 float: left;
 width: 420px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
#blogs {
 float: right;
 width: 420px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
#ourwork {
 float: left;
 width: 286px;
 border-style:solid;
 border-width:1px;
 border-color: #ebebeb;
}
#ourworkdivide {
 float: left;
 width: 18px;
 height: 2px;
}
#ourworkgap {
 float: left;
 width: 900px;
 height: 21px;
}
#ourworkpage {
 float: left;
 height: 270px;
 width: 286px;
 background-color: #f53e76;
}
#ourworkpagetext {
 padding: 20px;
}
#ourworkbox {
 float: left;
 height: 450px;
 width: 440px;
 background-color: #efefef;
}
#ourworkboxtext {
 padding: 20px;
 text-align: center;
}

#posts {
 float: left;
 width: 350px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}

.post-title {
 float: left;
 margin: 0px 0px 30px 0px;
 padding: 0px;
 width: 420px;
}
.post-titlepress {
 float: left;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 width: 420px;
}
.post-title-left {
 float: left;
 width: 150px;
}
.post-title-leftpress {
 float: left;
}

.post-title-right {
 float: right;
}

.post-titl {
 float: left;
 margin: 0px 0px 30px 0px;
 padding: 0px;
 width: 690px;
}
.post-titl-left {
 float: left;
 width: 400px;
}
.post-titl-left-work {
 float: left;
 width: 690px;
}

.post-bg {
 float: left;
 margin: 0px;
 padding: 0px;
}
.post-bg-left {
 float: left;
 padding: 0px;
 width: 690px;
 background: #fff;
}

.post-footer {
 float: left;
 margin: 0px 0px 50px 0px;
 padding: 10px 15px 10px 15px;
 width: 390px;
 font-size: 10px;
 background: #ebebeb;
}

.post-footer-left {
 float: left;
}

.post-footer-right {
 float: right;
 padding-right: 10px;
}

.post-foote {
 float: left;
 margin: 0px 0px 50px 0px;
 padding: 10px 0px 10px 0px;
 width: 690px;
 font-size: 10px;
 border-bottom: 2px dotted #ebebeb;
}

.post-foote-left {
 float: left;
}
.post-foote-right {
 float: right;
}
.post-category {
 font-family: helvetica, arial, sans-serif;
 font-size: 36px;
 font-weight: 100;
 line-height: 24px;
 letter-spacing: -3px;
 color: #fff;
 padding: 0px;
 width: 690px;
 text-transform: uppercase;
 border-bottom: 1px solid #fff;
}

#right {
 float: right;
 width: 170px;
 padding: 120px 20px 0px 20px;
 list-style: none;
}
#right-work {
 float: right;
 width: 170px;
 padding: 0px 20px 0px 20px;
 list-style: none;
}

#sidebar {
 float: sidebar;
 width: 180px;
 padding: 20px;
 list-style-type: none;
}

#sidebar ul {
 -moz-padding-start:0px;
 list-style-type: none;

}

#sidebar li {
 font-size: 11px;
 line-height: 18px;
 list-style-type: none;
}

#ads {
 float: right;
 width: 125px;
 margin: 0px 0px 0px 40px;
 padding: 0;
}

#footer {
 float: right;
 width: 420px;
 margin: 0px 0px 0px 0px;
 padding-top: 20px;
 color: #636363;
 clear: both;
 font-size: 11px;
 height: 150px;
 line-height: 150%;
 text-align: right;
}

blockquote {
 padding: 20px;
 background-color: #f2f2f2;
}

blockquote p {
 padding: 0;
}

.alignright {
 margin: 0px 0px 20px 20px;
 float: right;
}

.alignleft {
 margin: 0px 20px 20px 0px;
}

#next {
 float: left;
 clear: both;
}

.blog-description {
 font-size: 10px;
 line-height: 18px;
 padding: 20px;
 background-color: #ebebeb;
 margin: 0;
}

#twitter_update_list li {
 font-family: Arial,Verdana,Helvetica,sans-serif;
 font-style:italic;
 list-style-type: none;
 font-size: 14px;
 color: #fff;
}

.commentlist ul {
 -moz-padding-start: 0;
 margin: 0;
 padding: 0;
}

.commentlist li {
 width: 650px;
 list-style-type: none;
 background-color: #f2f2f2;
 padding: 10px 20px 10px 20px;
 margin: 0px 0px 10px 0px;
}

.comment-text {
 font-size: 12px;
}

.page-header-bg {
 padding: 10px 10px 40px 10px;
 background-color: #ebebeb;
 margin-bottom: 20px;
}



/***------------------------------------
Type
------------------------------------***/

h1 {
 font-family: helvetica, arial, sans-serif;
 font-size: 24px;
 color: #636363;
 font-weight: 100;
 margin: 0;
 padding: 0;
 line-height: 36px;
 text-decoration: none;
}

#capitalize {
 text-transform: capitalize;
}

h2 {
 font-family: Helvetica, Arial, sans-serif;
 font-style: none;
 font-size: 24px;
 font-weight: bold;
 letter-spacing: -2px;
 color: #636363;
 margin: 0px;
 padding: 0px;
 text-transform: uppercase;
}
h2press {
 font-family: Helvetica, Arial, sans-serif;
 font-style: none;
 font-size: 12px;
 font-weight: 100;
 color: #636363;
 margin: 0px;
 padding: 0px;
 text-transform: uppercase;
}
h22 {
 font-family: Helvetica, Arial, sans-serif;
 font-style: none;
 font-size: 48px;
 line-height: 44px;
 font-weight: 100;
 color: #636363;
 margin: 0px;
 padding: 0px;
 text-transform: uppercase;
 background: #111111;
}
h2b {
 font-family: Helvetica, Arial, sans-serif;
 font-style: none;
 font-size: 48px;
 line-height: 44px;
 font-weight: bold;
 letter-spacing: -3px;
 color: #fff;
 margin: 0px;
 padding: 0px;
 text-transform: uppercase;
 background: #f53e76;
}
h2c {
 font-family: Helvetica, Arial, sans-serif;
 font-style: none;
 font-size: 30px;
 line-height: 30px;
 font-weight: 100;
 letter-spacing: -3px;
 color: #f53e76;
 margin: 0px;
 padding: 0px;
 text-transform: uppercase;
}

h3 {
 font-family: helvetica, arial, sans-serif;
 font-size: 18px;
 color: #636363;
 font-weight: 100;
 margin: 20px 20px 0px 0px;
 padding: 15px 15px;
 line-height: 18px;
 width: 660px;
 background: #f2f2f2;
}

h4 {
 font-family: helvetica, arial, sans-serif;
 font-size: 12px;
 font-weight: 200;
 color: #636363;
 line-height: 0px;
 padding: 7px 10px 15px 0px;
 margin: 0px 0px 0px 0px;
}
h4press {
 font-family: helvetica, arial, sans-serif;
 font-size: 10px;
 font-weight: 200;
 color: #636363;
 line-height: 0px;
 padding: 0px;
 margin: 0px 0px 0px 0px;
}
h44 {
 font-family: helvetica, arial, sans-serif;
 font-size: 18px;
 font-weight: 200;
 color: #fff;
 line-height: 0px;
 padding: 0px;
 margin: 0px 0px 0px 0px;
 background: #f53e76;
}
h4b {
 font-family: helvetica, arial, sans-serif;
 float: right;
 font-size: 22px;
 font-weight: 200;
 line-height: 24px;
 letter-spacing: -2px;
 color: #636363;
 padding: 0px;
 margin-bottom: 10px;
 background: #fff;
 text-transform: uppercase;
 letter-spacing: -2px;
}
h4c {
 font-family: helvetica, arial, sans-serif;
 font-size: 22px;
 font-weight: 200;
 line-height: 24px;
 letter-spacing: -2px;
 color: #636363;
 padding: 0px;
 margin-bottom: 10px;
 background: #fff;
 text-transform: uppercase;
 letter-spacing: -2px;
}

h5 {
 font-family: helvetica, arial, sans-serif;
 font-size: 14px;
 font-weight: normal;
 color: #636363;
 line-height: 16px;
}
h55 {
 font-family: arial, sans-serif;
 font-style: none;
 font-size: 14px;
 line-height: 18px;
 font-weight: normal;
 color: #7D7D7D;
}

h6 {
 font-family: helvetica, arial, sans-serif;
 font-size: 48px;
 font-weight: 100;
 color: #636363;
 padding: 0px;
 margin: 0px 0px 0px 0px;
}

h7 {
 font-family: helvetica, arial, sans-serif;
 font-size: 12px;
 font-weight: normal;
 color: #636363;
 line-height: 18px;
}
h8 {
 font-family: helvetica, arial, sans-serif;
 font-size: 12px;
 font-weight: normal;
 color: #636363;
 line-height: 18px;
 text-transform: capitalize;
}
h9 {
 font-family: helvetica, arial, sans-serif;
 font-size: 14px;
 font-weight: normal;
 color: #636363;
 line-height: 20px;
 letter-spacing: 0.25px;
}
h10 {
 font-family: trebuchet ms, sans-serif;
 font-size: 48px;
 width: 900px;
 font-weight: 100;
 line-height: 24px;
 letter-spacing: -3px;
 color: #fff;
 padding: 0px;
 text-transform: capitalise;
}
h11 {
 font-family: trebuchet ms, sans-serif;
 font-size: 30px;
 width: 900px;
 font-weight: 100;
 line-height: 30px;
 letter-spacing: -1px;
 color: #fff;
 text-transform: capitalise;
}
h12 {
 font-family: trebuchet ms;
 width: 900px;
 font-style: none;
 font-size: 20px;
 line-height: 22px;
 font-weight: 200;
 letter-spacing: -1px;
 color: #F5E4E9;
 text-transform: none;
}
h13 {
 font-family: trebuchet ms, sans-serif;
 font-size: 26px;
 font-weight: 300;
 line-height: 30px;
 letter-spacing: -1px;
 color: #fff;
 padding: 0px;
 text-transform: capitalise;
}
h14 {
 font-family: arial, sans-serif;
 font-size: 15px;
 font-weight: bold;
 line-height: 16px;
 letter-spacing: 0px;
 color: #F5E4E9;
 padding: 0px;
 text-transform: none;
}

#sidebar p {
 font-size: 10px;
 line-height: 18px;
 margin: 0;
}

#nav a, #nav a:link, #nav a:visited {
 text-decoration: none;
 font-weight: none;
 color: #fff;
 background: url('http://www.nineofive.ca/images/blacktrans.png') repeat top center;
 padding: 10px 33px 10px 33px;
}
#nav a:hover {
 text-decoration: none;
 font-weight: none;
 color: #555555;
 background: url('http://www.nineofive.ca/images/darkgreytrans.png') repeat top center;
 padding: 12px 33px 12px 33px;
}

#social a, #social a:link, #social a:visited {
 text-decoration: none;
 font-weight: none;
 color: #fff;
 padding: 0px 0px 0px 0px;
}
#social a:hover {
 text-decoration: none;
 font-weight: none;
 color: #555555;
 padding: 0px 0px 0px 0px;
}

h1 a, h1 a:link, h1 a:visited, h1 a:hover {
 text-decoration: none;
 color: #f53e76;
}

h2 a, h2 a:link, h2 a:visited {
 color: #f53e76;
 text-decoration: none;
}
h2 a:hover {
 color: #555555;
 text-decoration: none;
}

h2b a, h2b a:link, h2b a:visited {
 color: #fff;
 text-decoration: none;
}
h2b a:hover {
 color: #ebebeb;
 text-decoration: none;
}

#menu {
float: right;
height: 26px;
background: #;
font-style: italic;
text-transform: ;
color: #fff;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
margin-top: 1px;
text-align: right;

}
/** menu styles **/
.sf-menu,.sf-menu * {
list-style: none;
margin: 0;
padding: 0;
text-transform: ;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 15px;
text-align: left;
}

.sf-menu {
line-height: 1.0;
float: right;
}

.sf-menu ul {
position: absolute;
top: -999em;
width: 150px;
}

.sf-menu ul li {
width: 100%;
}

.sf-menu li:hover {
visibility: inherit;
background: #;
border-bottom: solid 5px #fff;
}

.sf-menu li {
float: left;
position: relative;
background: #;
color: #fff;
}

.sf-menu a {
display: block;
position: relative;
border-left: 1px solid #FFFFFF;
text-decoration: none;
padding: 6px 10px 8px 10px;
}

* + html .sf-menu a {
padding: 7px 10px 7px 10px;
}

.sf-menu li:hover ul,.sf-menu li.sfHover ul {
left: 0;
top: 30px;
z-index: 99;
}

.sf-menu a,.sf-menu a:visited {
color: #fff;
}

.sf-menu li li {
background: #;
border-top: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
margin: 0 0 -1px 0;
}

.sf-menu li li li {
left: -10px;
top: -1px;
background: #;
border-top: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
margin: 0 0 -1px 0;
}

.sf-menu a.sf-with-ul {
min-width: 1px;
}

.sf-sub-indicator {
position: absolute;
display: block;
right: .75em;
top: 1.05em;
width: 10px;
height: 10px;
text-indent: -999em;
overflow: hidden;
}

ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul,ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul {
top:-999em;
}

ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul,ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul {
left:10em;
top:0;
}

.sf-menu ul .sf-sub-indicator,.sf-menu ul a:focus > .sf-sub-indicator,.sf-menu ul a:hover > .sf-sub-indicator,.sf-menu ul a:active > .sf-sub-indicator,.sf-menu ul li:hover > a > .sf-sub-indicator,.sf-menu ul li.sfHover > a > .sf-sub-indicator {
background-position:-10px 0;
}

#headwrap {
float: left;
width: 900px;
}

#tagline {
float: left;
height: 21px;
color: #FFFFFF;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px;
margin-top: 4px;
margin-bottom: 7px;
font-style: italic;
}

#tagline p {
margin: 7px 0 0 10px;
}

#work-heading {
float: left;
height: 280px;
width: 228px;
background: url('http://www.buckingllama.com/images/buckingllamabg.jpg') no-repeat top right;
padding: 30px;
}
#work-description {
float: right;
width: 860px;
background: #f53e76;
border-top: solid 5px #f53e76;
padding: 20px;
font-family: Trebuchet MS;
font-size: 22px;
letter-spacing: -1px;
line-height: 28px;
color: #fff;
text-transform: none;
}

#work-header {
float: left;
width: 900px;
margin-top: 20px;
margin-bottom: 30px;
}