/*********************************************************************************************

Theme Name: Video Elements
Theme URI: http://www.press75.com/
Description: Need a little help getting started? <a href="http://www.press75.com/video-elements-setup-usage/">Theme Setup and Usage</a>.
Version: 2.0
Author: Press75.com
Author URI: http://www.press75.com/

**********************************************************************************************

Designed and Built by Jason Schuller - theSevenFive.com

CSS, XHTML and Design Files are all Copyright 2007-2009 Circa75 Media, LLC

Be inspired, but please don't steal...

**********************************************************************************************

0.  CSS Reset
1.  Basic Setup (Body, Fonts, etc.)
2.  Header Styles
3.  Navigation and Menu Styles
4.  Main Content
5.  Breadcrumbs
6.  Search Form
7.  Multiple Post Pages
8.  Single Post Pages
9.  Post Comment Styles
10. Pagination
11. Sidebar Styles
12. Footer Styles

**********************************************************************************************

Before you customize this file directly, you might want to consider adding your custom 
styles to 'custom.css'. This will make it easier to upgrade when theme updates are 
released in the future.
	
**********************************************************************************************/


/********************************************************************************************* 

0. CSS Reset 

*********************************************************************************************/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, 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;
}

ol, ul {list-style: none;}
caption, th {text-align: left;}

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

q:before, q:after {content: '';}
abbr, acronym {border: 0;}


/*********************************************************************************************

1. Basic Setup (Body, Fonts, etc.) 

*********************************************************************************************/
body {
width: auto;
height: auto;
background: #000000 url(images/body-bg.jpg) top left repeat-x;
font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
font-size: 12px;
line-height: 20px;
color: #555555;
}

h1 {font-size: 25px;}
h2 {font-size: 18px;}
h3 {font-size: 14px;}
h1, h2, h3, h4, h5, h6, strong {font-weight: bold;}

a:link, a:visited {
color: #444444;
}

a:hover {
color: #808080;
}

abbr,acronym {
border-bottom: 1px dotted;
cursor: help;
} 

em {font-style: italic;}
ol,ul {margin: 0;}
ol li {list-style: decimal outside;}
ul li {list-style: none;}

th,td {
border: 1px solid;
padding: 8px;
}

th {
font-weight:bold;
text-align:center;
}

caption {
margin-bottom: 8px;
text-align: center;
}

p,fieldset,table {margin-bottom: 15px;}
a:link, a:visited {text-decoration: none;}

:focus {
outline: 0;
}

.alignleft {
float: left;
}

.alignright {
float: right;
}


/*********************************************************************************************

2. Header Styles

*********************************************************************************************/
#header {
background: #FF8000 url(images/header-bg.jpg) bottom left repeat-x;
background-image: url(http://www.ragggs.com/images/header02.png);
/* background: #000000 url(images/header-bg.jpg) bottom left repeat-x; */
/* background-image: url(http://www.ragggs.com/images/header_1006_4321.jpg); */
background-position: top center;
background-repeat: no-repeat;
width: 100%;
float: left;
}

#header-inside {
width: 960px;
margin: 0px auto;
}

#header-left { /* For the Logo */
width: 480px;
float: left;
padding: 30px 0 30px 0;
}

#header-right { /* For the Advertisement */
text-align: right;
width: 480px;
float: left;
padding: 30px 0 30px 0;
}


/*********************************************************************************************

3. Navigation Wrapper and Menu Styles

*********************************************************************************************/
#navigation {
background: #2A2A2A url(images/navigation-bg.jpg) top left repeat-x;
width: 100%;
float: left;
}

#navigation-inside {
width: 970px;
margin: 0px auto;
}

#navigation-left {
width: 690px;
float: left;
}

#navigation-right {
width: 280px;
float: left;
text-align: right;
}

.sf-menu, .sf-menu * { /* SuperFish Menu Styles */
margin: 0;
padding: 0;
list-style: none;
}

.sf-menu { 
background: url(images/menu-li-bg.jpg) top left no-repeat;
line-height: 1;
float: left;
padding: 0 0 0 10px;
}

.sf-menu-right {
float: right;
}

.sf-menu a {
display: block;
position: relative;
}

.sf-menu a, .sf-menu a:visited  {
color: #FFFFFF;
}

.sf-menu a:hover  {
color: #CCCCCC;
}

.sf-menu ul li {
width: 100%;
}

.sf-menu ul {
position: absolute;
top: -15000px;
width: 160px; /* Left Offset of Sub-Menus Need to Match */
}
ul.children {	width: 220px;	}
.sf-menu li:hover ul, 
.sf-menu li.sfHover ul {
left: 0;
top: 28px; /* Match Top UL List Item Height */
z-index: 99;
}

ul.sf-menu li:hover li ul, 
ul.sf-menu li.sfHover li ul {
top: -15000px;
}

ul.sf-menu li li:hover ul, 
ul.sf-menu li li.sfHover ul {
left: 160px; /* Match ul width. */
top: 0;
}

ul.sf-menu li li:hover li ul, 
ul.sf-menu li li.sfHover li ul {
top: -15000px;
}

ul.sf-menu li li li:hover ul, 
ul.sf-menu li li li.sfHover ul {
left: 160px; /* Match ul width. */
top: 0;
}

.sf-menu li {
background: url(images/menu-li-bg.jpg) top right no-repeat;
float: left;
padding: 7px 13px 9px 3px;
position: relative;font-size: 18px;
}

.sf-menu li:hover {
visibility: inherit; /* Fixes IE7 Sticky Bug */
}

.sf-menu li ul {
background: url(images/menu-ul-bg.png) repeat;
margin: 6px 0 0 0;
padding: 8px 0 10px 0;
-moz-border-radius-bottomleft: 6px;
-moz-border-radius-bottomright: 6px;
-webkit-border-bottom-left-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
}

.sf-menu li li {
background: none;
padding: 5px 12px 5px 15px;
}

.sf-menu li li:hover {
background: none;
}

.sf-menu li li ul {
background: url(images/menu-ul-bg.png) repeat;
margin: -8px 0 0 0;
padding: 8px 0 10px 0;
-moz-border-radius-topright: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-bottomleft: 6px;
-moz-border-radius-bottomright: 6px;
-webkit-border-bottom-left-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
}

li.subscribe {
background: url(images/rss.png) top right no-repeat;
padding-right: 45px;
}

#navigation-right ul li ul li {
		text-align: left;
}
/*********************************************************************************************

4. Main Content

*********************************************************************************************/
#content {
background: #FFFFFF url(images/content-bg.jpg) top left repeat-x;
width: 100%;
float: left;
}

#content-inside {
width: 960px;
margin: 0px auto;
}

#main {
width: 640px;
padding-top: 20px;
float: left;
}

#main_blank {
width: 960px;
padding-top: 20px;
float: left;
}

/*********************************************************************************************

5. Breadcrumbs

*********************************************************************************************/
#breadcrumbs {
background: #EBEBEB;
border: 1px solid #CCCCCC;
color: #808080;
font-size: 12px;
line-height: 1;
width: 958px; /* Compensate for Borders */
height: 32px;
float: left;
margin: 20px 0 20px 0;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}#sidebar #breadcrumbs {	width: 298px; /* Compensate for Borders */	margin-left: 20px;	}

#breadcrumbs p {
width: 640px;
float: left;
margin: 0;
padding: 9px 10px 0 10px;
}

#breadcrumbs a {
color: #808080;
}

#breadcrumbs a:hover {
color: #B0B0B0;
}

#breadcrumbs strong {
color: #808080;
}


/*********************************************************************************************

6. Search Form

*********************************************************************************************/
input#s {
background: #FFFFFF;
border-left: 1px solid #CCCCCC;
border-top: none;
border-right: 1px solid #CCCCCC;
border-bottom: none;
color: #808080;
font-size: 12px;
width: 230px;
margin: 0;
padding: 9px 8px 8px 8px;
}

input#search-submit {
border: none;
background: #EBEBEB;
color: #808080;
cursor: pointer;
font-size: 12px;
width: 50px;
margin: 0 0 0 -4px;
padding: 8px 0 7px 0;
text-align: center;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
}

input#search-submit:hover {
background: #EBEBEB;
}
.tipinput1, .tipinput2 {	background: #FFFFFF;border-left: 1px solid #CCCCCC;border-top: none;border-right: 1px solid #CCCCCC;border-bottom: none;color: #808080;font-size: 12px;width: 79px;margin: 0;padding: 9px 8px 8px 8px;	}.tipinput2 {		width: 119px;	}
.sendtip {border: none;background: #EBEBEB;color: #808080;cursor: pointer;font-size: 12px;width: 50px;margin: 0 0 0 -4px;padding: 8px 0 7px 0;text-align: center;-moz-border-radius-topright: 3px;-moz-border-radius-bottomright: 3px;-webkit-border-top-right-radius: 3px;-webkit-border-bottom-right-radius: 3px;}#tipdiv {background: #EBEBEB;border: 1px solid #CCCCCC;color: #808080;font-size: 12px;line-height: 1;width: 298px; /* Compensate for Borders */height: 32px;float: left;margin: 5px 0 5px 0;-moz-border-radius: 4px;-webkit-border-radius: 4px;}
/*********************************************************************************************

7. Multiple Post Pages

*********************************************************************************************/
.multiple {
width: 200px;
float: left;
margin: 0 13px 20px 0;
}

.multiple h2 {
font-size: 10px;
padding: 0 -0 0 2px;
}

.multiple h2 a:link, .multiple h2 a:visited {
color: #000
}

.multiple h2 a:hover {		
color: #555;	
}

.multiple p {
margin: 0;
padding: 0 0 0 4px;
}

.post-image {
float: left;
margin: 0 0 0 0;
height: 149px;
}

.post-image img {
margin: 0px 0 0 5px;
}

.post-frame {
background: url(images/post-frame.png) 0 0 no-repeat;
width: 200px;
height: 150px;
position: absolute;
}

.post-frame:hover {
background: url(images/post-frame.png) 0 -150px no-repeat;
width: 200px;
height: 150px;
}

.post-frame-video {
/*background: url(images/post-frame-video.png) 0 0 no-repeat;
background: url(images/post-frame-video3.png) 0 0 no-repeat;*/
width: 200px;
height: 149px;
position: absolute;
}

.post-frame-video:hover {
background: url(images/post-frame-video4.png) 10px -149px no-repeat;
/*background: url(images/post-frame-video.png) 0 -149px no-repeat;*/
width: 200px;
height: 149px;
}

ul.post-meta a {
color: #555555;
}

ul.post-meta a:hover {
color: #808080;
}

/*
li.multiple-date {background: url(images/icon-date.jpg) left no-repeat;margin: 0 0 0 4px;padding: 0 0 0 22px;}
li.multiple-comments {background: url(images/icon-comments.jpg) left no-repeat;margin: 0 0 0 4px;padding: 0 0 0 22px;}*/

.entry-multiple {	
text-align: center;
}

ul.post-meta li {	
display: inline;	
padding: 0px 2px 0px 2px;	
}

li.multiple-date ,li.multiple-comments {
width: 100px;
}

/*********************************************************************************************

8. Single Post Pages

*********************************************************************************************/
.single {
width: 620px;
}

.entry ul {
margin: 0 0 15px 0;
}

.entry ul li {
background: url(images/bullet.jpg) top left no-repeat;
padding: 0 0 0 20px;
}

.entry ol {
margin: 0 0 15px 20px;
}

p img {
padding: 0;
max-width: 100%;
}

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 5px;
margin: 0 0 2px 15px;
}

img.alignleft {
padding: 5px;
margin: 0 15px 2px 0;
}

.wp-caption {
background: #EBEBEB;
border: 1px solid #CCCCCC;
text-align: center;
padding: 10px 5px 5px 5px;
margin: 0 0 20px 20px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

.wp-caption img {
padding: 0;
margin: 0 0 5px;
}

.wp-caption-text {
margin: 10px 0 0;
padding: 0;
}

.wp-caption .wp-caption-text, .wp-caption .wp-caption-dd {
font-size: 12px !important;
text-align: center; 
margin: 0;
padding: 0;
}

#video {
background: #000000 url(images/video-bg.jpg) top left repeat-x;
background-image: url(http://www.ragggs.com/images/ads/1100_eddiekadi.jpg);
/* background-image: url(http://www.ragggs.com/images/ads/1100_skin_swaydelivery.jpg); */
/* background-image: url(http://www.ragggs.com/images/ads/1400_progreen_inyt.jpg); */
/* background-image: url(http://www.ragggs.com/images/ads/1400_jonzid_mts2010may.jpg); */
/* background-image: url(http://www.ragggs.com/images/ads/1400_streetdance3d01.jpg); */
background-repeat:no-repeat;
background-position:center;
width: 100%;
float: left;
}

#video-inside {
width: 960px;
margin: 0px auto;
padding: 20px 0 20px 0;
text-align: center;
}


/*********************************************************************************************

9. Post Comment Styles

*********************************************************************************************/
#comments {
width: 620px;
}

#comments-meta {
background: #EBEBEB;
border: 1px solid #CCCCCC;
line-height: 1;
width: 618px;
height: 32px;
float: left;
margin: 0 20px 20px 0;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

#comments-meta p {
margin: 0;
padding: 9px 10px 0 10px;
}

#comments-meta a {
color: #808080;
}

#comments ol li {
list-style: none;
}

ol.commentlist li {
padding: 0 0 20px 0;
}

ol.commentlist li.alt {
padding: 0 0 20px 0;
}

ol.commentlist li ul.children { 
list-style: none; 
text-indent: 0; 
}

ol.commentlist li ul.children li {
border: none;
padding: 25px 0 0 25px;
}

ol.commentlist li ul.children li.alt {
border: none;
padding: 25px 0 0 25px;
}

ol.commentlist li ul.children li.depth-2 {margin: 0;}
ol.commentlist li ul.children li.depth-3 {margin: 0;}
ol.commentlist li ul.children li.depth-4 {margin: 0;}
ol.commentlist li ul.children li.depth-5 {margin: 0;}

ol.commentlist li div.reply {
background: #333333;
border: none;
color: #FFFFFF;
cursor: pointer;
font-size: 9px;
width: 40px;
height: 20px;
text-align: center;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

ol.commentlist li div.reply a {
color: #FFFFFF;
}

ol.commentlist li div.reply:hover {
background: #666666;
color: #FFFFFF;
}

.comment-author {
font-size: 14px;
font-weight: normal;
}

.comment-meta {
font-size: 10px;
font-weight: normal;
}

.avatar {
background: #EBEBEB;
border: 1px solid #CCCCCC;
float: right;
margin: 0 0 15px 15px;
padding: 5px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

#respond {
width: 100%;
padding: 20px 0 0 0;
}

.cancel-comment-reply a {
background: #333333;
border: none;
color: #FFFFFF;
cursor: pointer;
font-size: 9px;
padding: 4px 8px 5px 8px;
text-align: center;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

.cancel-comment-reply a:hover {
background: #666666;
color: #FFFFFF;
}

#author, #email, #url, #comment {
background: #FFFFFF url(images/fields.jpg) top left repeat-x;
border: 1px solid #CCCCCC;
padding: 6px 4px 6px 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

#comment {
width: 98%;
max-width: 610px;
}

input#submit {
background: #333333;
border: none;
color: #FFFFFF;
cursor: pointer;
width: 135px;
height: 30px;
text-align: center;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

input#submit:hover {
background: #666666;
color: #FFFFFF;
}


/*********************************************************************************************

10. Pagination

*********************************************************************************************/
#pagination {
background: #000;
border: 1px solid #000;
line-height: 1;
width: 618px;
height: 32px;
float: left;
margin: 0 20px 20px 0;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

#pagination p {
margin: 0;
padding: 9px 10px 0 10px;
}

#pagination a {
color: #fff;font-weight: cold;font-size: 14px;
}

#pagination a:hover {
text-decoration: underline;
}


/*********************************************************************************************

11. Sidebar Styles

*********************************************************************************************/
#sidebar {
width: 320px;
float: left;
}

#sidebar h2 {
font-size: 12px;
font-weight: bold;
}

.widget  {
float: left;
width: 300px;
margin: 0 0 20px 0;
padding: 0 0 0 20px;
}

.widgettitle {	
font-size: 18px;
font-weight: bolder;	
padding: 3px 0px 3px 10px;	
background-color: #ff8000;	
color: #FFF;
}

.widgettitle a {	
color: #FFF;
}

.cat-posts-item {
float: left;
margin: 4px 0 6px 0;
}

.post-image-sidebar {
margin: 0 20px 0 0;
float: left;
}

.post-image-sidebar img {
margin: 5px 0 0 5px;
}

.post-frame-sidebar {
background: url(images/post-frame-sidebar.png) 0 0 no-repeat;
width: 94px;
height: 74px;
position: absolute;
}

.post-frame-sidebar:hover {
background: url(images/post-frame-sidebar.png) 0 -74px no-repeat;
width: 94px;
height: 74px;
}

.sidebar-ad {
margin: 5px 15px 10px 0;
}


/*********************************************************************************************

12. Footer Styles

*********************************************************************************************/
#footer {
background: #333333 url(images/footer-bg.jpg) top left repeat-x;
color: #FFFFFF;
width: 100%;
float: left;
}

#footer-inside {
width: 960px;
margin: 0px auto;
padding: 20px 0 40px 0;
}
#footer-inside ul {
padding-bottom: 10px;
}
		
#footer-inside ul li {	
font-weight: bold;	
display: inline;	
width: 105px;	
float: left;
}
#footer-inside ul li ul.children {
width: 105px;
}
#footer-inside ul li ul li {	
display: block;	
font-weight: normal;
}

#footer a {
color: #FFFFFF;
}

#footer a:hover {
color: #CCCCCC;
}

#video-inside h2 {	
color: #FFF;	
font-size: 24px;	
height: 40px;
}

#fancy_div h2 {	
text-align: center;	
padding: 3px 0px 10px 0px;	
font-size: 20px;
}

#fancy_div .post-meta {	
text-align: center;	
font-size: 14px;
}

.clear {	
clear: both;	
}

.large_title {		
font-weight: bolder;
font-size: 30px;		
text-align: center; 
padding: 9px; 
color: #ffffff; 
background: #000000; 
}

.sociable_tagline {
font-weight:normal;
letter-spacing:0 !important;
margin:0;
padding:0;
text-indent:0;
font-size:22px;
line-height:1.3em;
}

.sociable_tagline strong {
font-weight:normal;
}

dl {	
width: 280px;		
padding-top: 5px;
}

dt {	
width: 100px;	
float: left;	
clear: both;	
padding-bottom: 3px;
}

dd {	
width: 180px;	
float: left;	
padding-bottom: 3px;
}

dd input {	
width: 176px;	
border: 1px solid #555;	
}

.twirectory_item {

	width: 600px;

	padding-bottom: 5px;

	border-bottom: 1px dashed #CCCCCC;

	margin-bottom: 5px;
	
}

.twirectory_left {
	
	width: 100px;

	float: left;
	
}

.twirectory_middle {
	
	width: 280px;

	float: left;
	
}

.twirectory_right {
	
	width: 220px;

	float: left;
	
}

#twirectory_table th, #twirectory_table tr, #twirectory_table td {
	
	border: 0px;

	padding: 4px;
	
}

/* STYLE FOR TWITTER WIDGET */ 
/* container */
div.twitter-friends{ }

/*------- Header -------*/
div.tf-header{
	border:silver 1px solid;
	overflow:hidden;
	margin:0 0 1px 0;
}
div.tf-header img{
	/* border:silver 1px solid; */
	margin:3px;
	float:left;
	/* width:32px; */
	height:25px;
}
div.tf-header h2{
	line-height:25px;
	font-weight:bolder;
	display:block;
	margin:3px;
	padding:0;
	float:left;
	font-size:12px;
}
/*------- Users -------*/
div.tf-users{
	/* fixed height so container will not flicker within transitions */
	height:126px; /* 168 */
	border:silver 1px solid;
	overflow:hidden;
	background-color:#eaeaea;
}
/* user img link*/
div.tf-users a{ 
	display:block;
	float:left;
}
/* user img */
div.tf-users img{ }

/*------- Info Link -------*/
div.tf-info{
	text-align:right;
}
div.tf-info a{
	text-decoration:none;
	font-size:9px;
	font-weight:bolder;
	color:gray;
	font-family:tahoma;
}

/*------- tweet div -------*/
div.tf-tweet{
	/* fixed height so container will not flicker with different length tweets  */
	height:56px;
	overflow:hidden;
}
/* tweet item */
div.tf-tweet div{
	border:silver 1px solid;
	position:relative;
	padding:1px;
	margin:1px 0 0 0;
	overflow:hidden;
	height:50px;
}

/* tweet author avatar */
div.tf-tweet span.tf-avatar{
	display:block;
	width:48px;
	height:48px;
	margin:0 2px 0 2px;
	left:0;
	position:absolute;
	overflow:hidden;
}
/* tweet author name */
div.tf-tweet strong a{
	margin-right:5px;
}
/* tweet body */
div.tf-tweet span.tf-body {
	display:block;
	margin-left:55px;
	font-size:10px;
}
/* tweet content */
div.tf-tweet span.tf-content{
}
/* tweet date and source */
div.tf-tweet span.tf-meta {
	color:#999999;
	display:block;
	font-size:0.764em;
	margin:3px 0 0;
}
div.tf-tweet span.tf-meta a{
	color:#999999;
	text-decoration:none;
}
div.tf-tweet span.tf-meta a:hover{
	text-decoration:underline;
}
/* tweet date link */
div.tf-tweet a.tf-date { }
/* tweet source link */
div.tf-tweet a.tf-source { }
/* tweet links */
div.tf-tweet a.tf-link { }
/* tweet @user links */
div.tf-tweet a.tf-at { }
/* tweet #hashtags links */
div.tf-tweet a.tf-hashtag { }
/* END: STYLE FOR TWITTER WIDGET */