/*
Theme Name: Tyrant Farms Theme 
Description: Child Theme for Viewport
Author: Susan von Frank, bitTyrant
Author URI: http://www.tyrantforhire.com
Template: viewport
Version: 0.1
*/
 
@import url("../viewport/style.css");

@import url(http://fonts.googleapis.com/css?family=Oswald:400,300);

/*-----------------------------------------------------------------------------------*/
/*	1.	Document Setup (body, common classes, vertical rhythm, structure etc)
/*-----------------------------------------------------------------------------------*/

body {
	font: 13px/22px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
	background: #fff;
	color: #676767;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Oswald', serif;
	color: #202222;
	font-weight: normal;
	padding: 0;
}

a { 
	font-weight: bold;
	color: #8FB105;
	text-decoration: none; 
	border-bottom: 1px dashed #F99C12;
	-webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -ms-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}

a:hover { color: #F99C12; }

dl,
.gallery-row { margin-bottom: 5px; }

.gallery-item {
	float: left;
	margin-top: 5px;
	text-align: center;
	width: 11%;
	}

p.tf-ad-text {
	font-family: georgia; 
	font-size: 12px; 
	text-align: left; 
	margin-bottom: 5px;	
	color:#848484;
} 

/*----- SHORTCODES----- */

.su-divider-bt {
	clear: both;
	position: relative;
	height: 2px;
	margin: 1.0em 0 0.25em 0;
	background: #d3d3d3;
}

.su-divider-btb {
	clear: both;
	position: relative;
	height: 2px;
	margin: 0.75em 0 2.5em 0;
	background: #d3d3d3;
}

/* ------- FOOTER -------- */
.tf-footer-wrapper {
	background: #202222;
	position: relative;
	margin: 0 auto;
}

.tf-footer {
    	padding: 20px 0 20px 0;
	width: 960px;
	text-align: center;
	margin: 0 auto;
}

a.tf-footer {
	
}

a.tf-footer:hover {
	text-decoration: underline;
}


/*-----------------------------------------------------------------------------------*/
/*	3.b	Navigation & Menus - Secondary
/*-----------------------------------------------------------------------------------*/

#primary-nav {
    bottom: 0px;
    float: right;
    position: absolute;
    right: -10px;
}

#secondary-nav {
    bottom: 40px;
    float: right;
    position: absolute;
    right: -10px;
}

#secondary-nav .menu-dropdown { display: none; }

#secondary-nav > div { display: block; }

#secondary-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#secondary-nav ul a {
	display: block;
	position: relative;
	font-weight: normal;
	border: 0;
}

#secondary-nav ul li {
	float: right;
	position: relative;
	z-index: 40;
}

#secondary-nav ul li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }

#secondary-nav ul ul {
	position: absolute;
	top: -9999em;
	width: 180px; /* left offset of submenus need to match (see below) */
}

#secondary-nav ul ul li { width: 100%; }

#secondary-nav ul li .sep {
	position: absolute;
	top: 21px;
	right: -3px;
	color: #aeaeae;
	font-size: 12px;
}

#secondary-nav ul li:last-child .sep,
#secondary-nav ul li.last .sep,
#secondary-nav ul ul .sep { display: none; }

/*  Make sub menus appear -------------------------------------------------*/

#secondary-nav ul li:hover ul,
#secondary-nav ul li.sfHover ul {
	left: 0;
	top: 65px; /* match top ul list item height */
	z-index: 99;
}

/* Hide all subs subs (4 levels deep) -------------------------------------*/

#secondary-nav ul li:hover li ul,
#secondary-nav ul li.sfHover li ul,
#secondary-nav ul li li:hover li ul,
#secondary-nav ul li li.sfHover li ul,
#secondary-nav ul li li li:hover li ul,
#secondary-nav ul li li li.sfHover li ul { top: -9999em; }

/* Displays all subs subs (4 levels deep) ---------------------------------*/

#secondary-nav ul li li:hover ul,
#secondary-nav ul li li.sfHover ul,
#secondary-nav ul li li li:hover ul,
#secondary-nav ul li li li.sfHover ul,
#secondary-nav ul li li li li:hover ul,
#secondary-nav ul li li li li.sfHover ul {
	left: 180px; /* match .nav ul width */
	top: -1px;
}
	
/* top level skin ---------------------------------------------------------*/

#secondary-nav ul a {
	font-size: 12px;
	font-style:italic;
	text-transform: uppercase;
	padding: 0 10px;
	font-color: 766e4b;
	height: 65px;
	line-height: 65px;
}

#secondary-nav ul a:hover,
#secondary-nav ul li.sfHover a,
#secondary-nav ul li.current-cat a,
#secondary-nav ul li.current_page_item a,
#secondary-nav ul li.current-menu-item a {
	text-decoration: none;
	color: #787a7b;
}

/* 2nd level skin --------------------------------------------------------*/

#secondary-nav ul ul {
	padding: 0;
	background: #202222;
	padding: 0 15px 7px 15px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

#secondary-nav ul ul li {
	line-height: 25px;
	border-bottom: 1px solid #454646;
	float: none;
	background: none;
}

#secondary-nav ul ul li:last-child { border: 0; }

#secondary-nav ul ul li a {
    color: #fff;
	line-height: 35px;
	height: 35px;
	padding: 0;
}

#secondary-nav ul li.sfHover ul a { 
	font-size: 12px;
	background: #202222; 
	color: #fff; 
}

#secondary-nav ul li.sfHover ul a:hover { color: #787a7b; }

/* 3rd level skin --------------------------------------------------------*/

#secondary-nav ul ul ul {
	padding-top: 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/*--------------------------------------------------------------
 3.c Zilla_social
----------------------------------------------------------------*/

.widget_zilla_social_widget {
    top: 250;
    float: left;
    position: absolute;
    right: -10px;
}

/*--------------------------------------------------------------
 9. Footer
----------------------------------------------------------------*/

#footer .footer-bottom a { font-weight: bold; }

.copyright { float: left; }

.author {float: right; }

.credit { float: right; }

/*--------------------------------------------------------------
  Subscribe Button 
----------------------------------------------------------------*/

#secondary-nav subscb a{
        border-color:#858585;
        color:#ddff99;
        font-size:12px;
        font-style:normal;
        text-decoration:none;
        text-transform:capitalize;
        letter-spacing:1px;
        font-family:Helvetica;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e9ffbd), to(#ddff99));
        background: -moz-linear-gradient(#e9ffbd, #ddff99);
        background: linear-gradient(#e9ffbd, #ddff99);
        padding:10px 20px;
        border-width:2px;
        text-shadow:#ebebeb 1px 1px 2px;
        DropShadow(Color=#ebebeb, OffX=1, OffY=1);
        }

#secondary-nav subscb:hover{
        border-color:#ddff99;
        color:#000000;
        font-size:12px;
        font-style:normal;
        text-decoration:none;
        text-transform:capitalize;
        letter-spacing:1px;
        text-shadow:#ffffff 1px 1px 0px;
        DropShadow(Color=#ffffff, OffX=1, OffY=1);
        font-family:Helvetica;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#ffffff));
        background: -moz-linear-gradient(#ffffff, #ffffff);
        background: linear-gradient(#ffffff, #ffffff);
        padding:10px 20px;
        border-style:solid;
        border-width:1px;
        }


/*--------------------------------------------------------------
  CSS Featured Post Captions 
----------------------------------------------------------------*/
div.fave_caption{
	position:absolute;
	margin-top:0px;
	margin-left:13px;
	text-transform:uppercase;
	letter-spacing:2px;
	text-align:center;
	font-color: white
	font-weight: 700;
	font-size:13px;
	opacity:0.90;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
}

div.fave_captionsptop{
	position:absolute;
	margin-top:10px;
	margin-left:13px;
	text-transform:uppercase;
	letter-spacing:2px;
	text-align:center;
	font-color: white
	font-weight: 700;
	font-size:13px;
	opacity:0.90;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
}

div.fave_captionleft{
	position:absolute;
	margin-top:10px;
	margin-left:0px;
	text-transform:uppercase;
	letter-spacing:2px;
	text-align:center;
	font-color: white
	font-weight: 700;
	font-size:13px;
	opacity:0.90;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
}

div.label1 {
	width:300px;
	padding:9px 20px;
	background-color:#DDFF99;
	-webkit-transform:rotate(-3deg);
	-moz-transform:rotate(-3deg);
	-o-transform:rotate(-3deg);
	-ms-transform:rotate(-3deg);
}

div.label1 a {
	color: #000;
}

div.label1 a:hover {
	color: red;
}

div.label2{
	width:250px;
	padding:8px 15px;
	background-color:#fbdfde;
	margin-left:35px;
	opacity:0.9;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
}

div.label3 {
	width:560px;
	padding:9px 9px;
	background-color:#DDFF99;
	margin-top:330px;
}

div.label4 {
	width:150px;
	padding:9px 9px;
	background-color:#DDFF99;
	margin-left:350px;
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
}

div.label6 {
	width:150px;
	padding:9px 20px;
	background-color:#DDFF99;
	-webkit-transform:rotate(-3deg);
	-moz-transform:rotate(-3deg);
	-o-transform:rotate(-3deg);
	-ms-transform:rotate(-3deg);
}

div.label7 {
	width:150px;
	padding:9px 18px;
	background-color:#DDFF99;
	margin-left:50px;
}

div.label8 {
	width:375px;
	padding:9px 20px;
	background-color:#DDFF99;
	margin-top:25px;
}


/*--------------------------------------------------------------
  Mag style captions
----------------------------------------------------------------*/
.mag_captions{
	color:grey;
	float:right;
	width:140px;
	border-top:2px dotted #9a9a9a; 
	padding:5px 0 5px 10px;
	margin:5px 0;
	font-style:italic;
	font-size:12px;
}

.mag_captions_right{
	color:grey;
	float:left;
	width:140px;
	border-top:2px dotted #9a9a9a; 
	padding:5px 0 5px 10px;
	margin:5px 0;
	font-style:italic;
	font-size:12px;
}

.mag_copy {
	width:425px;
	font-family:verdana;
	font-size:12px;
	text-align:justify;
}

/*--------------------------------------------------------------
  Awards Ribbon
----------------------------------------------------------------*/
img.alignleft2 {
	float: left;
	margin: 0px 25px 0px 0;
}

.award_h2 {
	font-style: italic;
	font-weight: normal;
	line-height: 1.2em;
}

.award_bubble {
	float: left;
	clear: both;
	margin: 0px 15px 0px 15px;
	padding-top: 0px;
	width: 240px;
	position: absolute;
	background: #fff;
	-moz-border-radius: 10px;
 	-khtml-border-radius: 10px;
  	-webkit-border-radius: 10px;
	-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  	-khtml-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);	
	z-index: 90; /* the stack order: displayed under ribbon rectangle (100) */
	position: relative; 
}

.award_rectangle {
	background: #DDFF99;
	height: 50px;
	width: 240px;
	position: absolute;
	left:-15px;
	top: 10px;
	float: left;
	opacity:0.95;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
	filter: alpha(opacity=90);
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	z-index: 100; /* the stack order: foreground */
}

.award_rectangle p {
	margin-top:1px;
	text-align:center;
	font-size: 14px;
	font-weight: 500;
	color: #6A6A6A;
	padding-top: 3px;
	text-shadow: 1.5px 1.5px #F1FFD6;
}

.award_triangle-l {
	border-color: transparent #C6E589 transparent transparent;
	border-style:solid;
	border-width:15px;
	height:0px;
	width:0px;
	position: absolute;
	left: -30px;
	top: 45px;
	opacity:0.95;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
	filter: alpha(opacity=95);
	z-index: -1; /* displayed under bubble */
}

.award_triangle-r {
	border-color: transparent transparent transparent #C6E589;
	border-style:solid;
	border-width:15px;
	height:0px;
	width:0px;
	position: absolute;
	left: 350px;
	top: 45px;
	opacity:0.9;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
	filter: alpha(opacity=95);
	z-index: -1; /* displayed under bubble */
}

/* Media Elements --------------------------------------------------------*/

iframe { 
    max-width: 100%; 
    margin-bottom: 0px;
}

/*--------------------------------------------------------------
  AddThis Customizations 
----------------------------------------------------------------*/

div.addthis_toolbox a {
   border-bottom: 0 !important;
}

div.addthis_toolbox addthis_32x32 {
   align:left !important;
}


/*---------------------------------------------------------------
  Social Top Bar
----------------------------------------------------------------*/

.foobar-wrapper a { 
  margin:2px !important;
  align: top; 
}

img.alignleft2 {
float: left;
margin: 2px 0px 0px 0;
}

addthis_toolbox_tyrant {
padding: 2px 0px 0px 0px;
}