/*
RINGTALK.COM
*/

/*
RESET
*/
*					{ margin: 0; padding: 0; }
html				{ overflow-y: scroll; }
html, body			{ height: 100%; }
body				{ font-family: Arial, Helvetica, sans-serif; color: #000; 
					  background: url(http://www.ringtalk.com/images/rt_wordpress/bg_shadow_1100.jpg) top center repeat-y white; }
ul					{ list-style: none; }
ol					{ list-style: none; }
a					{ outline: none; text-decoration: none; color: #CC0000; }
a:hover				{ color: #000; }
a img				{ border: none; }
img					{ vertical-align: middle; }
table				{ border-collapse: collapse; }



/*
UTILITY
*/
.floatleft			{ float: left; }
.floatright			{ float: right; }
.clear				{ clear: both; }
.button				{ border: 1px solid #333; background: white; padding: 3px 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #333; }
.button:hover		{ background: #000; color: white; }



/*
WIDGETS
*/
.ads-inside			{ padding: 0px 5px 35px 5px; }
.greybox			{ background-color: #f1f1f1; border: #CCC 1px solid; margin: 0px 10px 10px 0px; }
.greybox2			{ background-color: #f1f1f1; border: #CCC 1px solid; margin-top: 30px; }
.inside				{ padding: 10px 5px 10px 5px; }
.inside li			{ padding: 5px 5px 5px 20px; list-style: none; border-bottom: #999 dotted 1px; margin: 0px; 
					  background: url(http://ringtalk.com/images/redarrow.png) no-repeat scroll left 6px; line-height:120%; }
.inside a			{ color: #000; font-weight: bold; }
.inside a:hover		{ background: #000; color: #FFF; font-weight: bold; }


/*
EVENT CALENDAR
*/
#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none; color: #CC0000; font-weight: bold;
	}

#wp-calendar a:hover {
	text-decoration: none; background: #000; color: #FFF; font-weight: bold;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
#wp-calendar {
	margin: auto 0;
	}

#wp-calendar #next a {
	padding-left: 20px;
	text-align: center;
	}

#wp-calendar #prev a {
	padding-right: 20px;
	text-align: center;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: left;
	width: 90%;
	margin: 5px 0px 5px 0px;
	}

#wp-calendar td {
	padding: 0px;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
	
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

#wp-calendar table {
 width:90%;
 padding: 0px 20px;
}

#wp-calendar #prev {
  text-align:left;
}

#wp-calendar #next {
  text-align:right;
}

#wp-calendar li {
	font-size: 12px;
}





/*
STRUCTURE
*/
#page-wrap			{ width: 900px; margin: 0px auto -50px;
					  min-height: 100%; height: auto !important; height: 100%; padding: 10px; background: #FFF; }
#push				{ height: 50px; }
#boxnav-top			{ width: 900px; margin: 10px 0px 20px 0px; }
#boxnav-1			{ width: 580px; float: left; margin: 0px 0px 10px 0px; }
#boxnav-2			{ width: 290px; float: right; margin: 0px 0px 5px 0px; }
#sidebar			{ width: 220px; float: left; }
#main-col			{ width: 670px; margin-left: 10px; float: right; }



/*
HEADER
*/
#top-bar			{ padding: 20px 0 0 0; margin: 20px 0px 10px;  position: relative; zoom: 1; }



/*
MENU
*/
#menu-bar						{ padding-top: 10px; margin-bottom: 20px; width: 900px; height: 45px; background: url(http://www.ringtalk.com/images/navbar/navbar_bg.gif) no-repeat; }
ul#main-nav						{ width: 600px; float: left; padding: 5px 0px 0px 5px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: 600; color: #FFF; }
ul#main-nav li					{ display: inline; }
ul#main-nav li a				{ color: #FFF; text-decoration: none; padding: 7px; }
ul#main-nav li a:hover			{ color: #F00; }

#extra-nav						{ width: 250px; float: right; padding: 3px 7px 0px 0px; }



/*
NEWS POSTS
*/

.post img			{ margin: 5px; }
.post				{ margin-top: 45px; margin-bottom: 20px; border-bottom: #333 solid 1px; }
.post-extra			{ font-weight: bold; font-size: 12px; margin-bottom: 20px; }
.post-bottom		{ font-weight: bold; font-size: 12px; margin: 30px 0px 10px 0px; }
.odd				{ background: #FFF; }
.even				{ background: #FFF; }
.singlepost			{ margin-top: 0px; margin-bottom: 20px; border-bottom: #333 solid 1px; }
.singlepostunused	{ margin: 0px auto; padding: 0px 0px 50px 0px; border-bottom: #333 solid 1px; }

.container {
   position: relative;
   height: 50px;
   }

.left-element {
   position: absolute;
   left: 0;
   width: 50%;
   }

.right-element {
   position: absolute;
   right: 0;
   width: 50%;
   text-align: right; /* depends on element width */
   } 


.post-avatar		{ float: left; padding-right: 5px; position: relative; }





/*
FOOTER
*/
#footer				{ height: 50px; padding-top: 20px; }
#footer-inside		{ width: 900px; border-top: 2px solid #000; margin: 0 auto; 
					  font-family: Arial, Helvetica, sans-serif; font-size:16px; }



/*
SEARCH
*/

#search						{ float: left; width: 270px; margin-bottom: 30px; }
#search input 				{ background:#FFFFFF none repeat scroll 0 0;  border:1px solid #DDDDDD; color:#000000; float:left; font-size:11px;
					  	  	  padding:3px 4px 4px; width: 200px; }
#search .btn				{ width: 65px; height: 30px; margin-bottom: 2px !important; padding: 0; border: none; }



/*
AUTHORS
*/

#author-box {
	width: 900px;
	padding: 10px;
	background: #CCC;
	border: 1px solid #333;
	}
#author-box .avatar {
	float: left;
	width: 100px;
	height: 100px;
	}



/*
COMMENTS
*/

ol.commentlist			{ list-style: none; margin-bottom: 20px; }
.comment-bubble			{ background: #000; color: #FFF; margin-top: 25px; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 				
						  border-radius: 5px; }
ol.commentlist p		{ font-size: 14px; padding-bottom: 5px; }
ol.commentlist li		{ font-size: 12px; }
ol a					{ color: #F00; text-decoration: none; }
ol a:hover				{ color: #000; }




/*
S3SLIDER
*/

#s3slider {
   width: 580px; /* important to be same as image width */
   height: 200px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   margin-top: 30px;
}

#s3sliderContent {
   width: 580px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px Arial, Helvetica, sans-serif;
   padding: 10px;
   width: 580px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}