/*
Theme Name: VoIP Insider Blog Theme
Theme URI: http://blog.voipsupply.com
Description: Custom Wordpress Theme for VoIP Insider Blog
Version: 1.0 (WP 2.7.1)
Author: Ricardo Salazar
Author URI: http://www.caneidia.com
Tags: clean, semantic, custom
*/

/* Initial reset
---------------------------------------------------------- */
html, body, h1, h2, h3, h4, h5, h6, ul, ol, li, dt, dd, p, blockquote, form, fieldset, legend {
		margin: 0;
		padding: 0;
		font: 100%/120% Arial, Helvetica, Verdana, sans-serif;
}
ol, ul {
		list-style: none;
}
fieldset, img {
		border:0;
}
input, select, textarea {
		font-size: 100%;
}
/* General
---------------------------------------------------------- */
html {
		font-size:100.01%; 
		padding:20px 0;
} 
body {
		background:#888;
		font-size:12px;
		color:#333;
}
#wrapper {
		width:960px;
		margin:0 auto;
		background:#fff;
}
a {
		color:#f4911e;
		text-decoration:none;
}
a:hover {
		text-decoration:underline;
		color:#e97900;
}
/* Wordpress
---------------------------------------------------------- */
/* These classes are generated by WordPress, so it's useful to have some styles for them. 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 
}
/* Forms
---------------------------------------------------------- */
fieldset {  
}
fieldset div {
}
label {
}
input, select, textarea {
		font-family:Arial, Helvetica, Verdana, sans-serif;
		color:#666;
		vertical-align:middle;
}
select {
}
textarea {
		overflow:auto;
}
.image-button {
		vertical-align:middle;
}
/* Header
---------------------------------------------------------- */
#header {	
}
#corporate-navigation {
		overflow:hidden;
		height:100%;
		background:#888;		
}
#corporate-navigation li {
		float:right;
		color:#fff;	
		background:#aaa;	
		margin-left:5px;	
}
#corporate-navigation a {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#fff;	
		text-decoration:none;
		padding:8px 10px;
		display:block;	
}
#corporate-navigation a:hover {
		color:#888;
		background:#fff;
}
#corporate-navigation li.current a {
		color:#888;
		font-weight:bold;
		background:#fff;
}
#header-main {
		overflow:hidden;
		height:100%;
}
h1 {	
		float:left;
		background:url(images/voip-insider-logo.gif) no-repeat;
		margin:38px 0 0 20px;
		display:inline;
}
h1 a { 
		text-indent:-9000px; 
		display:block; 
		width:340px; 
		height:78px; 
}
#header-main .banner-468x60 {
		float:right;
		margin:40px 20px 0 0;
}
#subscribe {
		text-align:right;
		color:#666;
		padding:0 20px 10px 20px;
}
#subscribe .icon {
		margin-left:5px;
		vertical-align:middle;
}
#bar {
		overflow:hidden;
		height:100%;
		padding:0 20px;
		background:#575757;
}
#navigation {
		overflow:hidden;
		height:100%;
		float:left;
}
#navigation li {
		float:left;
		background:url(images/navigation-separation.gif) no-repeat 100% 54%;	
}
#navigation li.last {
		background:none;	
}
#navigation a {
		font-size:13px;
		color:#fff;	
		padding:12px 12px 9px 12px;
		display:block;	
}
#navigation a:hover {
}
#search {
		float:right;
}
#search form {
		margin-top:7px !important;
		margin-top:5px;
}
#search input.input-search {
		width:172px;
		font-family: Arial, Helvetica, Verdana, sans-serif;
		border:1px solid #a6a6a6;
		height:14px;
		padding:3px;
		vertical-align:middle;
}
/* Contents
---------------------------------------------------------- */
#contents {
		overflow:hidden;
		height:100%;
		padding:20px;
}
p {
		line-height:150%;
}
/* Sidebar
---------------------------------------------------------- */
#sidebar {
		float:left;	
		width:280px;
		margin-right:20px;		
}
.box {
		border:1px solid #d5d5d5;
		background:#f2f2f2;
		padding:10px;
		margin-bottom:20px;
}
.inner-box {
		border:1px solid #d5d5d5;
		background:#fff;
		padding:10px;
}
#sidebar h2 {
		font-size:13px;
		font-weight:bold;
		padding-bottom:7px;
		border-bottom:3px solid #cecece;
		margin-bottom:8px;
}
#sidebar h2.category-heading {
		border-bottom:3px solid #f4911e;
}
#sidebar h2.category-insider {
		font-size:13px;
		font-weight:bold;
		padding-bottom:7px;
		border-bottom:3px solid #cecece;
		margin-bottom:8px;
		background:url(images/category-insider-bg.gif) no-repeat right 2px;	
}
#sidebar ul li {
		display:inline; /* to avoid bug in explorer */
}
#sidebar ul li a {
		border-bottom:1px solid #cecece;
		padding:6px 0 3px 0;
		color:#333;	
		display:block;
		background:#fff;
		height:100%; /* to avoid bug in explorer */
}
#sidebar ul li a:hover {
		background:#f2f2f2;	
		text-decoration:none;
}
#sidebar ul li:last-child a { 
		border-bottom:none;
}
#sidebar ul.categories-list li a {
		padding:6px 0 3px 18px;
		background:#fff url(images/category-bg.gif) no-repeat 4px 8px;	
}
#sidebar ul.categories-list li a:hover {
		background:#f2f2f2 url(images/category-bg.gif) no-repeat 4px 8px;	
}
.newsletter {
		margin-top:12px;
}
.newsletter input.input-newsletter {
		border:1px solid #a6a6a6;
		height:14px;
		padding:3px;
}
.vertical-banner {
		overflow:hidden;
		height:100%;
		margin-bottom:20px;
}
#archives {
		float:left;
		width:110px;
}
#sidebar .banner-160x600 {
		float:right;
}
.insider {
}
.insider .insider-heading {
		overflow:hidden;
		height:100%;
		margin-bottom:10px;	
}
.insider .pic {
		float:left;
}
.insider .pic img {
		border:2px solid #dedede;	
}
.insider .name {
		float:left;
		margin:10px 0 0 8px;
}
/* Tabs
---------------------------------------------------------- */
#tabs {
		border:1px solid #d5d5d5;
		background:#f2f2f2;
		padding:10px;
		margin-bottom:20px;
}
#tabs .tabs-nav {
		overflow:hidden;
		height:100%;
		padding-left:6px;
		background:url(images/tab-border.gif) repeat-x bottom left;
}
#tabs .tabs-nav li {
		font-size: 13px; 
		font-weight: bold; 
		margin-right:2px; 
		padding:5px 10px;		
}
#tabs .tabs-nav li {
		float: left;
}
#tabs .tabs-nav li a {
		float: left;
}
#tabs .tabs-nav li a {
		text-decoration: none;		
		color: #333;
		outline:none;
}
#tabs .tabs-nav li.active {
		background:#fff;
		border:1px solid #d5d5d5;
		border-bottom:none;
}
#tabs div {
		background: #fff;
		padding: 10px;
		border:1px solid #d5d5d5;
		border-top:none;
}
/* override some general styles */
#sidebar #tabs .tabs-nav li a {
		border-bottom:none;
		padding:0;
		background:none;
}
#sidebar #tabs .tabs-nav li a:hover {
		background:none;	
		text-decoration:none;
}
#sidebar #tabs div ul li a {		
		padding:6px 8px 3px 8px;
}
/* Main-content
---------------------------------------------------------- */
#main-content {
		float:left;
		width:620px;
}
#main-content p {
		margin-bottom:12px;
}
#main-content ul {
		margin:8px 0 24px 0;	
		margin-left:14px;
}
#main-content ul li {	
		background: url(images/list-bullet-small-arrow.gif) no-repeat 0px 4px;
		padding-left:12px;
		margin-bottom:8px;		
}
#main-content blockquote {
		margin:24px;
		padding-left:16px;
		border-left:3px solid #dadada;
}
#main-content blockquote p {
		font-family:Georgia, Arial, Helvetica, Verdana, sans-serif;
		font-size:14px;
		font-style:italic;
}
#main-content p.highlight {
		font-size:14px;
		border-top:1px solid #dadada;
		border-bottom:1px solid #dadada;
		background:#f9f9f9;
		padding:15px;
		margin-bottom:30px;
}
/* Post
---------------------------------------------------------- */
.post {
		overflow:hidden;
		height:100%;
		margin-bottom:40px;
		clear:left;
}
h2 {
		font-size:20px;
		font-weight:bold;
}
h2 a {
		color:#333;
}
h2 a:hover {
		text-decoration:none;
}
.post-info {
		overflow:hidden;
		height:100%;
		margin:6px 0;
}
.posted {	
		float:left;
		color:#666;
}
.comments-count {
		float:right;
		background: url(images/icon-comments.gif) no-repeat 0 1px;
		padding:1px 0 1px 20px;		
}
.post-content {
		margin-top:10px;
		padding-top:12px;
		border-top:1px solid #cecece;	
}
.post img.alignleft { 
		margin:6px 12px 12px 0;
}
.post img.alignright { 
		margin:6px 0 12px 12px;
}
.post .more-link {
		font-size:13px;
		font-weight:bold;
		padding-right:10px;
		background:url(images/icon-read-more.gif) no-repeat 100% 5px;
}
#main-content .share {
		float:right;	
		border-left:1px solid #cecece;
		padding-left:19px;
		margin-left:20px;
}
#main-content .share-heading {
		font-size:14px;
		font-weight:bold;
		border-bottom:3px solid #cecece;
		padding-bottom:8px;
}
#main-content .share ul {
		margin:12px 0 0 0;
		margin-left:0;	
}
#main-content .share ul li {
		background:none;
		padding-left:0;
}
#main-content .share ul li img {
		vertical-align:middle;
}
#main-content .share ul li a {
		vertical-align:middle;
		padding-left:6px;
}
/* Comments
---------------------------------------------------------- */
.comments {
		margin-bottom:40px;
}
#main-content .comments li {
		padding:10px;
		border:1px solid #dedede;
		background:#fafafa;
		margin-bottom:14px;
}
.comments .heading {
		overflow:hidden;
		height:100%;
}
.comments .heading .comment-avatar{
		float:left;
		margin-right:4px;
}
.comments .heading .comment-avatar .avatar {
		background:#dedede;
		padding:2px;		
}
.comments .heading .comment-author {
		float:left;
		padding-top:6px;
}
.comments .heading .comment-author cite {
		font-style:normal;
		font-weight:bold;
}
.comments .heading .comment-author span {
		font-style:italic;
}
.comments .heading .comment-author p.date a {
		font-size:11px;
		color:#666;
}
.comments-form label {
		display:block;
		margin-bottom:2px;		
}
.comments-form input.text {
		color:#333;
		border:1px solid #7f9db9;
		padding:3px 2px 1px 2px;
		width:280px;
		height:18px;
		margin-bottom:12px;
}
.comments-form textarea {
		color:#333;
		border:1px solid #7f9db9;
		padding:2px;
		width:480px;
		height:130px;
		margin-bottom:12px;
		overflow:auto;
}
.comments-form input.send {
		color:#333;
		display:block;
}
/* Featured
---------------------------------------------------------- */
/* The class "sticky" is generated by Wordpress */
.sticky {
		background:url(images/featured-bottom.gif) no-repeat bottom left;
		padding-bottom:19px;
		color:#fff;
		position:relative;
}
.inner-sticky {
		overflow:hidden;
		height:100%;
		background:url(images/featured-top.gif) no-repeat top left;
		padding:20px 20px 0 20px;
}
.sticky h2 {
		margin-right:50px; /* to avoid text under featured icons */
}
.sticky h2 a {
		color:#fff;
}
.sticky h2 a:hover {
		color:#e97900;
}
.sticky h2 a span {
		color:#f4911e;
}
.sticky h2 a:hover span {
		color:#e97900;
}
.sticky .posted {	
		color:#bfbfbf;
}
.sticky .post-content {
		margin-top:0;
		padding-top:0;
		border-top:none;		
}
.sticky .more-link {
		background:url(images/icon-read-more-featured.gif) no-repeat 100% 5px;
}
.sticky .featured-icon {	
		position:absolute;
		top:6px;
		right:6px;
}
/* Content Banner
---------------------------------------------------------- */
.content-banner {
		overflow:hidden;
		height:100%;
		border:1px solid #e7e7e7;
		background:#fafafa;
		padding:20px;
		margin-bottom:40px;
}
.content-banner .banner {
		float:left;
		width:300px;
		margin-right:20px;
}
.content-banner .content {
		float:right;
		width:258px;
}
h3 {
		font-size:16px;
		font-weight:bold;
		margin-bottom:8px;
}
h3 a {
		color:#333;
}
h3 a:hover {
		text-decoration:none;
}
h3 span {
		font-size:14px;
		font-weight:normal;
}
h3 span a {
		color:#f4911e;
}
h3 span a:hover {
		text-decoration:underline;
		color:#e97900;
}
#main-content .content-banner ul {
		margin:12px 0 16px 0;	
		margin-left:0;
}
#main-content .content-banner ul li {	
		background: url(images/list-bullet-arrow.gif) no-repeat 0px 4px;
		margin-bottom:12px;	
}
#entries {
		overflow:hidden;
		height:100%;
		padding-top:10px;
		padding-bottom:6px;
		border-bottom:3px solid #cecece;
}
#entries a {
		font-size:16px;
		font-weight:bold;
}
#entries .alignleft a {
		background:url(images/older-entries-bg.gif) no-repeat left 1px;
		padding-left:16px;
}
#entries .alignright a {
		background:url(images/newer-entries-bg.gif) no-repeat right 1px;
		padding-right:16px;
}
/* Page
---------------------------------------------------------- */
.page-content {
		margin-top:10px;
		padding-top:12px;
		border-top:1px solid #cecece;		
}
/* Category
---------------------------------------------------------- */
.category { /* this overrides the .page-content */
		margin-top:0;
		border-top:none;		
}
.category h4 {
		font-size:24px;
		font-weight:bold;	
		border-bottom:3px solid #cecece;
		padding-bottom:4px;
		margin-bottom:24px;
}
/* Footer
---------------------------------------------------------- */
#footer {
		background:#222;
		color:#fff;
}
#footer p {	
		color:#bfbfbf;		
}
#footer-content {
		overflow:hidden;
		height:100%;
		padding:20px;
}
#footer-content .column {
		float:left;
		width:215px;
		margin-right:20px;
}
#footer-content .last {
		margin-right:0;
}
h5 {
		font-size:13px;
		font-weight:bold;
		margin-bottom:8px;
}
#footer-content ul li {	
		margin-bottom:6px;		
}
#footer-copyright {	
		background:#292929;
		border-top:1px solid #414141;
	 	padding:11px 20px;
}


