/*
THEME NAME: Widelode
THEME URI: http://www.widelode.com
DESCRIPTION: Widelode website v.4 May 2009
VERSION: 0.1
AUTHOR: The Heat
AUTHOR URI:
TAGS: Static site
Template: hybrid
*/
@import "../hybrid/library/css/21px.css";
@import "../hybrid/library/css/plugins.css";
@import "../hybrid/library/css/drop-downs.css";


/**
* Body
************************************************/
body, body.search {
	background: #fff url(grad_diag.jpg) repeat-x fixed;
        font-family:arial;
        width:100%;
        min-width:920px;
        height:100%;
        padding:0;
        margin-bottom:20px;
        }

#body-container{
	background:#000000;
        width:840px;
        padding:0px;
	border:solid 1px #eee;
        border-top:none;
        margin:0 auto 0 auto;
        border-bottom-right-radius:20px;
        border-bottom-left-radius:20px;
        -moz-border-radius-bottomright:20px;
        -moz-border-radius-bottomleft:20px;
        -webkit-border-bot
tom-right-radius:20px;
        -webkit-border-bottom-left-radius:20px;
        }
a{
        color:#be9800;
        }
h1{
        font-family:arial;
        font-size:250%;
        width:75%;
        line-height:150%;
        }
h2{
        font-size:180%;
}

h3{
        font-size:120%;
}
/**
* Header
************************************************/
#header-container{
        width:840px;
        height:60px;
        background:#000;
        padding:0;
        margin:0;
        overflow:hidden;
        }
#header{
       background:url(widebanner_dve.jpg) 10px 10px no-repeat;
       width:840px;
       height:70px;
       margin:0;
}
#site-title, #site-description{
	display:none;
	}

	
/**
* Navigation
************************************************/
#navigation{
        width:820px;
        height:32px;
        padding:10px;
}
#page-nav {
        width:820px;
        position:absolute;
	}
#page-nav ul {
	list-style: none;
	margin-left:0;
	padding: 0;
	}
#page-nav ul ul {
	display: none;

	}
#page-nav li {
	margin: 0;
	padding: 0;
	display: inline;
	}
#page-nav li a {
        font-family:arial;
	font-size:90%;
	text-transform: uppercase;
        font-weight:bold;
	text-align:center;
        float:left;
	color:#999999;
	text-decoration:none;
	height:16px;
	padding: 14px 0;
	width: 135px;
        vertical-align:middle;
	border-right: solid 1px #000;
	border-left: solid 1px #000;
        margin-left:-1px;

	background-image: url(navbutton_grad.jpg);
	background-repeat: repeat-x;
	}
#page-nav li a:hover {
	color:#ffcc00;
        }
#page-nav li a:active{
        background:none;
        }
#page-nav ul li.current_page_item a {
	color:#ffcc00;
	}


/**
* Container (content/primary/secondary)
************************************************/
#container {
	width: 820px;
        padding:380px 10px 0 10px;
        margin:;
        background-color:#000;
      
	}

#content {
        float:left;
        background:#fefefe;
        padding:20px;
        width:500px;
        min-height:320px;
        border-top-right-radius:10px;
        border-top-left-radius:10px;
        -moz-border-radius-topright:10px;
        -moz-border-radius-topleft:10px;
        -webkit-border-top-right-radius:10px;
        -webkit-border-top-left-radius:10px;
        }

.breadcrumb-trail{
        margin-bottom:20px;
        }

#masthead{
        position:absolute;
        top:120px;
        overflow:hidden;
        width:800px;
        height:340px;
        padding:9px;
        border:solid 1px #fcfcfc;
        margin-left:-20px;
        }

.no-widgets #container {
	width: 820px;
        padding:10px 10px 0 10px;    
	}

.no-widgets #content, .no-default-widgets #content, .primary-inactive .secondary-inactive #content{
	width: 780px;
	}

#primary {
	width: 270px;
        float:left;
        padding:;
        margin-left:10px;
        background:;
	}
.blog #container, .single #container, .archive #container, .search #container, .error-404 #container, .page-template-archives #container{
        padding:10px;
        }


#secondary{
        position:fixed;
        top:20px;
        left:0px;
        width:45px;

}
#secondary a{
        margin-left:-5px;
        }
#secondary a:hover{
        margin-left:0px;
        }
#secondary a:active{
        margin-left:-10px;
        }
/**
* Footer 
************************************************/

#footer-container{
        padding:10px;
        margin:0 auto;
        clear:both;
        }

#footer{
        font-size:12px;
        background:#fefefe;
        width:780px;
        padding:20px;
        border-top-right-radius:10px;
        border-bottom-right-radius:10px;
        border-bottom-left-radius:10px;
        -moz-border-radius-topright:10px;
        -moz-border-radius-bottomright:10px;
        -moz-border-radius-bottomleft:10px;
        -webkit-border-top-right-radius:10px;
        -webkit-border-bottom-right-radius:10px;
        -webkit-border-bottom-left-radius:10px;
        margin:0;
        }
/**
* Forms
************************************************/

label{
        display:block;
        border-bottom:solid 1px #666;
        margin-bottom:10px;
        }
input [type="text"], .contact-form .form-input input, .text-input{
        width:480px;
        padding:10px;
        background:#eee;
        border:none;
        -moz-border-radius: 5px;
        -webkit-border-radius:5px; /* all corners */
        }
#submit, #reset, .search-submit, .form-submit input{
        color:#000;
        background:#ffcc00;
        border:none;
        margin:0 10px 0 0;
        -moz-border-radius: 5px;
        -webkit-border-radius:5px; /* all corners */
        }
textarea {
        width:480px;
        padding:10px;
        background:#eee;
        border:none;
        -moz-border-radius: 5px;
        -webkit-border-radius:5px; /* all corners */
        }
.search{
        width:270px;
        margin-bottom:10px;
        }
.search-text{width:250px;
        padding:10px;
        margin-bottom:10px;
        background:#eee;
        border:none;
        -moz-border-radius: 5px;
        -webkit-border-radius:5px; /* all corners */
        }

input:focus, textarea:focus, .check:focus, input[type="text"]:focus{
        background:#fff;
        -moz-border-radius: 0px;
        -webkit-border-radius:0px; /* all corners */
        outline-color:-moz-use-text-color;
        outline:solid 2px #ffcc00;
}
.check{
        float:right;
        }


.thumbnail{
        padding:0;
        margin: 0 0 10px 0;
        -moz-border-radius: 5px;
        -webkit-border-radius:5px; /* all corners */
        }
#latest-tweets{
        font-size:.95em;
        background:#fefefe;
        padding:20px 10px 10px 10px;
        margin-bottom:10px;
        border-bottom-right-radius:10px;
        border-top-right-radius:10px;
        -moz-border-radius-bottomright:10px;
        -moz-border-radius-topright:10px;
        -webkit-border-bottom-right-radius:10px;
        -webkit-border-top-right-radius:10px;
        }
#latest-tweets ul{
        list-style: none;
        margin:0;
        }
#latest-tweets li{
        padding-top:10px;
        border-top:dashed 1px #999;
        margin-bottom:10px;
        }
.flexipages_widget{
        font-size:.95em;
        background:#fefefe;
        padding:20px 10px 10px 10px;
        margin-bottom:10px;
        border-bottom-right-radius:10px;
        border-top-right-radius:10px;
        -moz-border-radius-bottomright:10px;
        -moz-border-radius-topright:10px;
        -webkit-border-bottom-right-radius:10px;
        -webkit-border-top-right-radius:10px;
        }
.flexipages_widget ul{
        list-style: none;
        margin:0 0 10px 0;
        }
.post-meta-data{
        padding-bottom:10px;
        border-bottom:dashed 1px #999;
        }
.previous{
        float:left;
        width:45%;
        }
.next{
        text-align:right;
        float:right;
        width:45%;
        }

#social_tight{
        background-image:url(social_tight/tight_buttons.jpg);
        background-repeat:no-repeat;
        width:200px;
        height:40px;
        padding-left:110px;
        margin:0 0 10px 0;

}
#social_tight ul{
        padding:0;
        margin:0;
}

#social_tight li, #social_tight a{
        display:block;
        float:left;
        height:40px;
        width:40px;
        text-indent:45px;
        overflow: hidden;

}

a.rss_tight{
        background:url(social_tight/tight_buttons.jpg)-110px 0px no-repeat;
}
a.rss_tight:hover{
        background:url(social_tight/tight_buttons.jpg)-110px -40px no-repeat;
}
a.rss_tight:active{
        background:url(social_tight/tight_buttons.jpg)-110px 0px no-repeat;
}
a.twitter_tight{
        background:url(social_tight/tight_buttons.jpg)-150px 0px no-repeat;
}
a.twitter_tight:hover{
        background:url(social_tight/tight_buttons.jpg)-150px -40px no-repeat;
}
a.twitter_tight:active{
        background:url(social_tight/tight_buttons.jpg)-150px 0px no-repeat;
}
a.facebook_tight{
        background:url(social_tight/tight_buttons.jpg)-190px 0px no-repeat;
}
a.facebook_tight:hover{
        background:url(social_tight/tight_buttons.jpg)-190px -40px no-repeat;
}
a.facebook_tight:active{
        background:url(social_tight/tight_buttons.jpg)-190px 0px no-repeat;
}
a.vimeo_tight{
        background:url(social_tight/tight_buttons.jpg)-230px 0px no-repeat;
}
a.vimeo_tight:hover{
        background:url(social_tight/tight_buttons.jpg)-230px -40px no-repeat;
}
a.vimeo_tight:active{
        background:url(social_tight/tight_buttons.jpg)-230px 0px no-repeat;
}

.botrplayer{
        margin-bottom:20px;

}