/*  
Theme Name: Ringio
Theme URI: www.ringio.com
Description: Wordpress Theme for Ringio
Version: 2.9.2
Author: Dustin Pfeifer

Theme last updated: April 9, 2010
*/


/* Resets
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { 
	margin:0; 
	padding:0; 
}

table { 
	border-collapse:collapse; 
	border-spacing:0; 
}

fieldset, img { 
	border:0; 
}

address, caption, cite, code, dfn, em, strong, th, var { 
	font-style:normal; 
	font-weight:normal; 
}

caption, th { 
	text-align:left;
}

h1, h2, h3, h4, h5, h6 { 
	font-size:100%; 
	font-weight:normal; 
}

q:before, q:after { 
	content:'';
}

strong { 
	font-weight:bold;
}

em { 
	font-style:italic;
}

a img { 
	border:none 
}

abbr {
	color:#ee1c24; 
	border-bottom:1px dotted #ee1c24;
}

div {
	position:relative;
}


/* Typography
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

p {
	margin:10px 0;
}

a {
	color:#0a6aa7;
        text-decoration:none;
}

abbr {
	color:inherit;
	border-color:#fff;
}

h1, h2, h3 {
	font-weight:bold;
	line-height:1.25;
}

h1 {
	font-size:24px;
}

h2 {
	font-size:18px;
}

h3 {
	font-size:16px;
}

.top {
	background:url(images/icon_arrow_up.jpg) no-repeat right center;
	padding:0 20px 0 0;
}


/* Layout
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

body {
	background:#0a6caa;
	text-align:center;
	margin:0 auto;
	font:14px/1.5 Lucida Sans, Lucida Grande, sans-serif;
	color:#525252;
}

#header {
	width:950px;
	height:105px;
	margin:0 auto;
	text-align:left;
}

	#header .logo a {
		background:url(images/logo.jpg) no-repeat;
		position:absolute;
		display:block;
		width:199px;
		height:67px;
		text-indent:-9999px;
		top:25px;
		left:0;
	}
	
.home #wrap {
	background:#fff url(images/background_wrap_home.jpg) repeat-x top;
	padding:0 0 40px 0;
}
	
.blog #wrap {
	background:#fff url(images/background_wrap_blog.jpg) repeat-x top;
	padding:40px 0;
}

.page #wrap {
	background:#fff url(images/background_wrap_page.jpg) repeat-x top;
	padding:0 0 40px 0;
}

#pagehead {
	width:950px;
	height:80px;
	margin:0 auto;
	text-align:left;
}

	#pagehead h1 {
		font-size:38px;
		color:#fff;
		text-shadow:1px 1px 1px #75a2c8;
		line-height:1;
		padding:20px 0 0;
	}

#content {
	width:950px;
	margin:40px auto 0 auto;
	text-align:left;
}

	.tour #content {
		width:750px;
		padding:0 100px;
		text-align:center;
	}
	
	.tour #content ul {
		border:none;
		font-size:12px;
		margin:10px 0 0;
		padding:0;
		text-align:center;
	}
	
	.tour #content li {
		background:url(images/icon_bullet.jpg) no-repeat left;
		display:inline;
		border:none;
		margin:0 10px 0 0;
		padding:7px 0 7px 26px;
	}
	
	.tour #content h2 {
		border-top:4px solid #e4e4e4;
		padding:40px 0 0;
		margin:40px 0 0;
	}

#main {
	width:670px;
	float:left;
}
	
	#main h2 {
		margin:30px 0 0;
	}
	
	#main ul {
		border-top:1px solid #e4e4e4;
		list-style-type:none;
		margin:20px 0;
	}

	#main li {
		background:url(images/icon_bullet.jpg) no-repeat left 9px;
		border-bottom:1px solid #e4e4e4;
		padding:7px 0 7px 26px;
	}
	
	#main ul ul {
		border:none;
		margin:7px 0 -7px 0;
	}
	
	#main ul ul li {
		background:none;
		border-top:1px solid #e4e4e4;
		border-bottom:none;
		padding:7px 0;
	}
	
	.features #main ul {
		list-style-type:none;
		margin:10px 0;
		padding:0;
	}
	
	.features #main li {
		display: -moz-inline-stack;
		display:inline-block;
		zoom:1;
		*display: inline;
		width:309px;
		margin:0 -4px 0 0;
	}
	
	.blog #main ul {
		border:none;
		list-style-type:disc;
		margin:10px 0 10px 20px;
	}

	.blog #main ul li {
		background:none;
		list-style-type:disc;
		border:none;
		padding:0;
	}
	
#sidebar {
	width:230px;
	float:right;
}

#bottom {
	color:#fff;
	padding:40px 0;
}

#footer {
	width:950px;
	margin:0 auto;
	text-align:left;
	font-size:12px;
}

	#footer .logo a {
		background:url(images/logo_footer.jpg) no-repeat;
		position:absolute;
		display:block;
		width:142px;
		height:48px;
		text-indent:-9999px;
		top:0;
		left:0;
	}

	#footer .badge {
		position:absolute;
		left:0;
		top:58px;
	}
	
	#footer a {
		color:#91cff6;
	}

	#footerright {
		background:#05619b;
		width:750px;
		float:right;
		padding:10px 0;
	}
	
	#features {
		background:url(images/background_footer.jpg) repeat-y;
	}
	
	#feature {
		display:block;
		float:left;
		width:210px;
		padding:20px;
	}
	
	
/* Homepage
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */	
		
#home {
	width:950px;
	height:418px;
	margin:0 auto;
}	
	
#slider { 
	width:950px;
	height:343px;  
	position:relative;
	text-align:left;
}

ul.ui-tabs-nav { 
	list-style:none;   
	width:950px;
	height:73px;
	padding:0;
	margin:2px 0 0;
}


ul.ui-tabs-nav  li {
	float:left;
}

li.ui-tabs-nav-item a { 
	display:block; 
	height:55px;
	width:170px;
	padding:18px 10px 0 10px; 
	line-height:1.25;
}

.ui-tabs-nav a:hover, .ui-tabs-nav a.activeSlide { 
	background:url(images/nav_slider_ro.jpg) repeat-x;
	color:#fff;
}

ul.ui-tabs-nav li.ui-tabs-selected a { 
	background:url(images/nav_slider_ro.jpg) repeat-x;
	color:#fff; 
}

#slider .ui-tabs-panel { 
	width:950px;
	height:343px; 
	position:relative;
	background:url(images/background_wrap_home.jpg) repeat-x top;
}

#slider .ui-tabs-panel .info { 
	width:418px;
	position:absolute; 
	top:50px; 
	left:0; 
}

#slider .ui-tabs-panel .screenshot {
	position:absolute;
	right:0;
	bottom:0;
	margin:0;
	line-height:0;
}

#slider .ui-tabs-panel .button {
	position:absolute;
	left:0;
	bottom:50px;
	margin:0;
	line-height:0;
}

#slider .info p.testimonial {
	background:url(images/icon_quote.jpg) no-repeat top left;
	padding:0 0 0 28px;
	font-size:18px;
	line-height:22px;
	color:#fff;
	font-weight:bold;
}

#slider .info p.testimonial span {
	display:block;
	margin:20px 0 0;
	font-size:12px;
	font-style:italic;
	color:#fef64c;
	float:right;
}

#slider .ui-tabs-hide { 
	display:none; 
}

#home-features {
	background:url(images/background_home_features.jpg) repeat-y right;
	border-bottom:1px solid #e4e4e4;
	width:950px;
	margin:3px auto 40px auto;
	padding:40px 0 30px;
	text-align:left;
}

#home-features .lpanel {
	background:url(images/icon_business.jpg) no-repeat top right;
	width:230px;
	float:left;
	padding:0 60px 0 0;
}	

#home-features .cpanel {
	background:url(images/icon_tools.jpg) no-repeat top right;
	width:230px;
	float:left;
	padding:0 60px 0 40px;
}

#home-features .rpanel {
	width:250px;
	float:right;
	color:#fff;
	padding:0 20px;
}

	#home-features .rpanel h2 {
		margin:0 0 20px;
	}
	
	#home-features .rpanel a {
		color:#fff;
	}
	
	#home-features .rpanel a.all {
		color:#75bdeb;
	}
	
	#home-features #social {
		border-top:1px solid #6694c4;
		padding:20px 0 0;
		margin:20px 0 0;
	}
	
#buzz {
	background:url(images/background_home_buzz.jpg) repeat-y top center;
	width:990px;
	margin:0 auto;
}

#buzz .widget {
	width:290px;
	padding:0 20px;
	float:left;
	text-align:left;
}

#buzzexcerpt {
        margin:0 0 20px;
}
	
#buzzpost {
	margin:0 0 20px;
	padding:20px 0 0;
	border-top:1px solid #e4e4e4;
}

#buzzpost:first-child {
	padding:0;
	border:none;
}

#buzzthumb {
	width:150px;
	float:left;
	margin:10px 0;
}

#buzzcopy {
	width:495px;
	float:right;
}


/* Widgets
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.textwidget {
	margin:10px 0;
}

.collision_widget p.testimonial {
        background:url(images/icon_quote_circle.jpg) no-repeat top left;
        padding:59px 0 0;
        color:#217cb5;
	font-size:18px;
	font-style:italic;
}

.collision_widget p.testimonial span {
	color:#217cb5;
	font-size:12px;
	display:block;
	padding:20px 0 0;
}


/* Navigation
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#nav {
	position:absolute;
	right:0;
	bottom:30px;
	list-style-type:none;
	font-size:12px;
	font-weight:bold;
}

#nav li {
	display:inline;
	margin:0 0 0 20px;	
}

#nav a {
	font-size:16px;
	color:#fff;
	font-weight:bold;
}

#nav a:hover, #nav li.current_page_item a, #nav li.current_page_ancestor a {
	color:#91cff6;
}

#secondary {
	position:absolute;
	right:0;
	bottom:61px;
	list-style-type:none;
	color:#fff;
	font-size:12px;
}

#secondary li {
	display:inline;
	margin:0 0 0 10px;
}

#secondary a {
	border-bottom:1px solid #91cff6;
	padding-bottom:1px;
	color:#91cff6;
	font-weight:bold;
}

#pagenav {
	width:950px;
	height:75px;
	margin:0 auto;
	padding:0;
	line-height:1;
}

#pagenav ul {
	text-align:center;
}

#pagenav li {
	display: -moz-inline-stack;
	display:inline-block;
	zoom: 1;
	*display: inline;
	margin:0;
	padding:30px 0 0;
}

#pagenav a {
	margin:0;
	padding:30px 15px 0 15px;
}

#pagenav a:hover, #pagenav li.current_page_item a {
	background:url(images/nav_pagenav_arrow.jpg) no-repeat top;
}

#pagenav a {
	font-size:16px;
	color:#748d9d;
	font-weight:bold;
}

#sidebar ul {
	border-top:1px solid #e4e4e4;
	list-style-type:none;
	margin:10px 0 20px;
}

#sidebar li a {
	border-bottom:1px solid #e4e4e4;
	padding:7px 0;
	display:block;
	font-weight:bold;
}

#sidebar li a:hover, #sidebar li.current_page_item a {
	background:url(images/nav_secondary_ro.jpg) repeat-x bottom;
	padding:7px;
}

#footernav {
	list-style-type:none;
        margin:0 0 10px;
}

#footernav a {
	color:#fff;
}

#footernav a:hover {
	color:#91cff6;
}


/* Blog Styling
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.post {
	margin:0 0 40px;
}

        .post h1 a {
        	text-decoration:none;
	}

        .post a {
                text-decoration:underline;
        }           

.pagednav {
	margin:0 0 40px;
}

.byline {
	border-top:1px solid #e4e4e4;
	border-bottom:1px solid #e4e4e4;
	padding:10px 0;
	margin:20px 0;
	font-weight:bold;
}

        .byline a {
        	text-decoration:none;
        }

.comments {
	background:url(images/icon_comments.jpg) no-repeat left center;
	padding:0 0 0 26px;
	margin:0 0 0 10px;
}

.commentlist {
	margin:0;
	border-top:1px solid #e4e4e4;
	margin:20px 0;
}
	
.commentlist li {
	background:none !important;
	list-style-type:none;
	border-bottom:1px solid #e4e4e4;
	margin:0;
	padding:10px 0 !important;
}

#respond {
	margin:20px 0;
}

#respond textarea {
	width:75%;
}

.widget {
	margin:0 0 30px;
}

.addtoany_list {
	position:absolute;
	right:0;
	top:5px;
}

#socialGrid {
	border:none !important;
}

#tweet {
	background:#faf7b1 url(images/icon_twitter.jpg) no-repeat right center;
	width:845px;
	margin:0 auto;
	padding:20px 85px 20px 20px;
	text-align:left;
	font-size:20px;
	color:#253a66;
}

	#tweet ul {
		list-style-type:none;
	}

#sidebar .widget_twitter ul li {
	border-bottom:1px solid #e4e4e4;
	padding:7px 0;
}

#sidebar .widget_twitter ul li a {
	border:none;
	padding:0;
	display:inherit;
	font-weight:normal;
}

#sidebar .widget_twitter ul li a:hover, #sidebar .widget_twitter ul li.current_page_item a {
	background:none;
	padding:0;
}


/* Form Styling
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#content .cform {
	margin:20px 0 0;
}

#content .cform ol {
	list-style-type:none;
	margin:20px 0;
}

#content .cform li {
	background:none;
	border:none;
	padding:0;
}

#content .cform legend {
    background:#dedede;
    padding:10px;
}

#content .cform fieldset {
	border:1px solid #dedede;
	padding:20px;
}

#content .cform label {
	display:block;
	color:#0a6aa7;
	margin:10px 0 7px;
}

#content .cform input, #content .cform textarea {
	padding:5px;
}

#content .cform input.single {
	margin:0 5px 0 0;
	width:50%;
}

#content .cform textarea.area {
	width:75%;
}

.failure {
	color:#de1500;
}

.success {
	color:#38926f;
}

input.cf_error {
	background:#ffd0cb;
}

.linklove, .cf_hidden {
	display:none;
}


/* Bottom Newsletter Signup
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#newsletter_sticky {
	font-size:11px;
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	background:#046193;
	height:35px;
	font-family:Arial, sans-serif;
	border-top:1px solid #2a7db3;
	z-index:1000;
}

#newsletter_sticky .inner {
	position:relative;
	top:4px;
}

#mc_embed_signup, div.mc-field-group, form#mc-embedded-subscribe-form, .mc-field-group input, #newsletter_hide_this {
	display:inline;
	vertical-align:top;
	top:2px;
}

#newsletter_hide_this {
	display:inline;
	vertical-align:top;
}

#newsletter_sticky h5 {
	color:#75bdeb;
	display:inline;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	margin-right:10px;
	position:relative;
	top:5px;
	vertical-align:top;
	}
	
#newsletter_sticky input {
	color:#525252;
}
	
#newsletter_sticky input#mc-embed-subscribe {
	position:relative;
	top:2px;
}

#newsletter_hide_this {
	position:absolute;
	right:10px;
	top:5px;
	font-size:12px;
}
	
	#newsletter_hide_this a {
		color:#fff;
	}
	
	#newsletter_hide_this a:hover {
		color:#75bdeb;
	}


/* Calendar
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.dbem-calendar-table {
	width:100%;
	margin:10px 0;
}

.dbem-calendar-table td {
	width:85px !important;
	padding:5px !important;
	vertical-align:top;
}

.dbem-calendar-table thead td {
	vertical-align:middle;
	text-align:center !important;
}

.dbem-calendar-table tr.days-names td {
	text-align:center;
	font-weight:bold;
	vertical-align:middle;
}

.dbem-calendar-table a {
	font-weight:normal;
}

#main .eventful ul li, #main .eventful-today ul li {
	background:none;
	padding:5px 0;
}

.dbem_events_list {
	list-style-type:none;
	margin:0;
} 

.dbem_events_list li {	
	margin:10px 0;
}

.widget_dbem_list ul {
	text-align:center;
}

.widget_dbem_list ul li {
	list-style-type:none;
	margin:10px 0 20px 0;
}

#main .dbem_events_list {	
	border:none;
	margin:0;
}

#main .dbem_events_list li {	
	background:none;
}

#main .dbem_events_list #event {
	margin:0 0 20px;
	padding:20px 0 0;
	border-top:1px solid #e4e4e4;
}

#main .dbem_events_list #event:first-child {
	padding:0;
	border:none;
}

#main .dbem_events_list #eventthumb {
	width:150px;
	float:left;
	margin:10px 0;
}

#main .dbem_events_list #eventthumb img {
	width:150px;
}

#main .dbem_events_list #eventcopy {
	width:495px;
	float:right;
}


/* Wordpress Defaults
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.aligncenter { 
	display:block; 
	margin:0 auto;
}

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

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

.wp-caption { 
	background:#eee;
	text-align:center;
	padding:10px 5px;
}

.wp-caption-text {
	margin:5px 0 0;
	font-size:12px;
}


/* Browser Adjustments
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}          
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */