/*
Theme Name: Red Circle
Theme URI: http://www.redcircleagency.com
Description: Custome Red Circle Theme
Version: 1.0
Author: Bryce J.
Author URI: http://www.meta13.com
Tags: 
*/

@charset "utf-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:Verdana, Geneva, sans-serif;vertical-align:baseline;margin:0;padding:0;}
body{line-height:1.4;color:#000;background:#fff;}
ol,ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:400;}
blockquote:before{content:'"';}
blockquote:after{content:'"';}
.clearfloat{clear:both;height:0;font-size:1px;line-height:0;}
h1,h2,h3,h4,h5,h6,strong,b,dt,th{font-weight:700;}
address,cite,em,i,caption,dfn,var{font-style:italic;}
h1{font-size:2em;margin:0 0 .75em;}
h2{font-size:1.2em;margin:0 0 1em; color:#333;}
h3{font-size:1.167em;margin:0 0 1.286em;}
h4{font-size:1em;margin:0 0 1.5em;}
h5{font-size:.834em;margin:0 0 1.8em;}
h6{font-size:.75em;margin:0 0 2em;}
p,ul,ol,dl,blockquote,pre{padding:0 0 1em;}
img.left{display:inline;float:left;margin:0 1.5em .75em 0;}
img.right{display:inline;float:right;margin:0 0 .75em .75em;}

#site {
width:965px;
margin:0 auto 20px;
font-family:Verdana, Geneva, sans-serif;
}

#header {
margin:30px 0;
}

#logo {
width:171px;
float:left;
margin:-4px 30px 0 0;
}

#nav {
float:left;
font-size:12px;
color:#fff;
width:425px;
margin:0 0 0 5px;
}

#nav ul li {
display:inline;
float:left;
text-align:center;
margin:0;
padding:0;
}

#nav ul li a {
color:#fff;
text-decoration:none;
display:block;
border-right:1px solid #fff;
background:url(http://www.redcircleagency.com/images/nav_bg_over.gif) repeat 0 0;
line-height:16px;
padding:1px 0;
}

#nav ul li ul li a {
color:#8f8a84;
text-decoration:none;
display:block;
border-right:1px solid #fff;
background:url(http://www.redcircleagency.com/images/subnav_bg_over.gif) repeat 0 0;
line-height:16px;
padding:1px 0;
}

#nav .home {
width:44px;
}

#nav .news-nav {
width:42px;
}

#nav .about {
width:46px;
}

#nav .structure {
width:68px;
}

#nav .leadership {
width:78px;
}

#nav .philosophy {
width:76px;
}

#nav .services {
width:62px;
}

#nav .work {
width:38px;
}

#nav .contact {
width:54px;
}

#nav .case-studies {
width:88px;
}

#nav .blog {
width:36px;
}

#nav .native {
width:56px;
}

#nav .tribal {
width:92px;
}

#nav .other {
width:80px;
}

#nav ul li.current {
background-image:none;
background-color:#bf3019;
color:#fff;
text-decoration:none;
display:block;
border-right:1px solid #fff;
line-height:16px;
padding:1px 0;
}

#nav ul li ul {
float:left;
width:auto;
border-top:1px solid #fff;
}

#nav ul li.icon a {
background:url(http://www.redcircleagency.com/images/icons.gif) 0 0 no-repeat;
width:18px;
height:18px;
border-right:1px solid #fff;
margin:0;
padding:0;
}

#nav ul li.icon a span {
display:none;
}

#nav ul li.icon.twitter a {
background-position:0 0;
}

#nav ul li.icon.linked-in a {
background-position:-19px 0;
}

#nav ul li.icon.facebook a {
background-position:-38px 0;
}

#nav ul li.icon.rss a {
background-position:-57px 0;
}

#nav ul li.icon.twitter a:hover {
background-position:0 -18px;
}

#nav ul li.icon.linked-in a:hover {
background-position:-19px -18px;
}

#nav ul li.icon.facebook a:hover {
background-position:-38px -18px;
}

#nav ul li.icon.rss a:hover {
background-position:-57px -18px;
}

ul.dropdown,ul.dropdown li,ul.dropdown ul {
list-style:none;
margin:0;
padding:0;
}

ul.dropdown {
position:relative;
z-index:597;
float:left;
}

ul.dropdown li {
float:left;
line-height:1.3em;
vertical-align:middle;
}

ul.dropdown li.hover,ul.dropdown li:hover {
position:relative;
z-index:599;
cursor:default;
}

ul.dropdown ul {
display:none;
position:absolute;
top:100%;
z-index:598;
width:100%;
left:auto;
}

ul.dropdown ul li {
float:none;
}

ul.dropdown ul ul {
top:1px;
}

ul.dropdown li:hover > ul {
visibility:visible;
}

ul.dropdown li.rtl ul {
top:100%;
right:0;
left:auto;
}

ul.dropdown li.rtl ul ul {
top:1px;
right:99%;
left:auto;
}

ul.dropdown {
width:100%;
}

ul.dropdown ul li {
float:left;
}

ul.dropdown li.hover,ul.dropdown li:hover {
position:static;
float:left;
display:inline;
}

ul.dropdown ul ul {
display:none!important;
}

#work {
width:738px;
height:472px;
background:url(http://www.redcircleagency.com/images/portfolio_bg.jpg);
}

#content {
float:left;
width:738px;
margin:0 0 0 65px;
}

#body_content {
float:left;
width:723px;
margin:0 7px 18px 8px;
}

#body_content p a {
color:#b93125;
text-decoration:none;
}

#body_content p a:hover {
text-decoration:underline;
}

#left_news,#right_news {
float:left;
border-top:1px solid #cac0ba;
margin:50px 0 0;
}

#left_news {
width:346px;
padding:0 10px 0 0;
}

#right_news {
width:346px;
border-left:1px solid #cac0ba;
padding:0 0 0 20px;
}

.date_title .date {
float:left;
width:100px;
margin:0 20px 0 0;
}

.date_title .date p {
font-size:10px;
color:#a19c96;
text-align:right;
padding:2px 0 0;
letter-spacing:0.1em;
margin:0;
}

.news_item {
float:left;
width:346px;
margin:0 0 20px;
}

.left_image {
width:100px;
float:left;
margin:2px 20px 0 0;
}

.news_content {
float:left;
margin:10px 0 20px 0;
}

.news_content h3 {
font-size:16px;
color:#666;
font-weight:100;
}

.news_item .left_image {

}

.news_item:hover .left_image {

}

p span.post-teaser-more a {
font-size:12px;
font-weight:100;
}

.date_title  {
float:left;
position:relative;
border-top:1px solid #cac0ba;
width:725px;
}

.title h2 {
width:550px;
position:absolute;
left:116px;
top:0;
}

.title h2 span a {
font-size:12px;
background:url(http://www.redcircleagency.com/images/links_bg_over.gif) repeat 0 0;
font-weight:100;
color:#fff;
line-height:16px;
text-decoration:none;
border-bottom:1px solid #fff;
padding:1px 4px;
}

.news {
float:left;
width:600px;
}

.news p a:hover {
color:#333;
text-decoration:none;
}

#side_content {
float:left;
width:140px;
margin:0 0 0 22px;
}

#side_content p {
color:#a19c96;
font-size:12px;
}

#side_content p a {
color:#bf3019;
text-decoration:none;
}

#side_content p a:hover {
text-decoration: underline;
}

p.arrow_keys {
font-size:10px;
colro:#a19c96;
line-height:28px;
}

#side_content h2 {
color:#282828;
font-size:12px;
font-weight:100;
}

#side_content li a {
font-size:9px;
color:#bf3019;
text-decoration:none;
background:url(style/images/list_arrow.gif) no-repeat center left;
padding:0 0 0 15px;
}

#side_content li a:hover {
text-decoration:underline;
}

#recent_work {
padding:6px 0 30px 0;
}

.hoverBlock .grid4 {
margin-bottom:10px;
position:relative;
width:140px;
height:85px;
overflow:hidden;
background:#fff;
}

#recent_work img.recent_work_img {
position:absolute;
top:0;
left:0;
display:block;
margin:0;
}

#recent_work .portfolio-info {
height:81px;
width:130px;
padding:2px 5px;
}

#recent_work .portfolio-info h2 a {
color:#282828;
text-decoration:none;
margin:0 0 5px;
}

#recent_work .portfolio-info p {
font-size:12px;
}

#nav ul li a:hover,#nav ul li a:focus,.title h2 span a:focus {
background-position:-150px 0;
}

.news p {
color:#8a7f7e;
font-size:12px;
line-height:1.8em;
}

.news p a {
color:#bf3019;
text-decoration:none;
font-size:12px;
}

p span.small, span.small {
font-size:9px;
color:#bf3019;
}

span.small a {
color:#bf3019;
text-decoration:underline;
font-weight:700;
font-size:9px;
}

span.small a:hover {
text-decoration:none;
}

p.arrow_keys img,.tweet .tweet_list .tweet_avatar img,.query .tweet_list .tweet_avatar img {
vertical-align:middle;
}

#bio_main {
color:#8a7f7e;
font-size:12px;
line-height:1.7em;
width:650px;
margin:0 0 0 74px;
}

span.name {
background:#bf3019;
color:#fff;
padding:1px 4px;
}

span.title {
background:#a19c96;
color:#fff;
padding:1px 4px;
}

.bio span.name {
line-height:1.3;
}

.bio span.title {
line-height:1.5;
}

.bio_info {
padding:40px 0 20px 0;
border-bottom:1px solid #d4cbc6;
}

.bios {
margin-left:74px;
}

.bio {
float:left;
width:314px;
color:#8a7f7e;
font-size:12px;
line-height:1.7em;
padding:0 10px 0 0;
}

.bio .left_image {
width:99px;
margin:0 12px 0 0;
}

#news_main {
color:#8a7f7e;
font-size:12px;
line-height:1.7em;
width:650px;
margin:0 0 0 74px;
}

#news_main p {
margin-left:32px;
}

#about_left {
float:left;
width:145px;
padding:135px 15px 0;
}

#about_right {
float:left;
width:520px;
}

#about_right h1 {
font-size:14px;
color:#615a50;
}

#about_right h2 {
font-size:14px;
color:#be301a;
}

#about_right p {
color:#8a7f7e;
font-size:12px;
line-height:1.8em;
}

.about_services {
float:left;
width:225px;
padding:0 45px 0 0;
}

.about_services img {
float:left;
margin:0 0 0 -36px;
text-align:left;
}

#about_right .about_services p {
color:#000;
}

#about_right .about_services p em {
color:#8a7f7e;
}

#about_right .about_services a {
font-size:9px;
font-weight:700;
}

#about_right .about_services h2 {
margin-bottom:4px;
}

#footer {
padding:23px 0 0;
font-size:11px;
color:#c3b6b4;
text-align:center;
width:730px;
margin:0 0 0 65px;
border-top:1px solid #cac0ba;
}

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

#footer a:hover {
text-decoration:underline;
}

.footer_small {
font-size:9px;
color:#c3b6b4;
}

::selection,img::selection,div::selection {
background:transparent;
}

::-moz-selection,img::-moz-selection,div::-moz-selection {
background:transparent;
}

p::selection,a::selection {
background: #ccc;
}
p::-moz-selection,a::-moz-selection {
background: #ccc;
}

ol .comment {
border:1px solid #ccc;
padding:10px;
margin:0 0 16px 0;
}

ul.children .comment {
margin:0;
}

img.avatar {
float:right;
border:4px solid #ddd;
margin:0;
}

.commentlist cite, .comment-meta, .says, .reply, .cancel-comment-reply {
margin:0;
color:#666;
font-size:12px;
}

.commentlist cite a, .comment-meta a, .reply a, .cancel-comment-reply a {
color:#333;
}

.cancel-comment-reply, .reply {
margin:0 0 8px 0;
}

#respond textarea {
width:99%;}

#breadcrumbs {
font-size:12px;
color:#666;
}

.next_prev {
width:100%;
font-size:12px;
color:#666;
margin:0 0 16px 0;
}

.next {
width:50%;
float:right;
text-align:right;
}

.prev {
width:50%;
float:left;
}

.next a, .prev a {
color:#bf3019;
}

.pageanator  {
color: #bf3019; 
font-weight:700; 
font-size:9px; 
text-align:center	
}
.pageanator a {
color: #bf3019;  
font-weight:700; 
font-size:9px;
}

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }