/* vim: set expandtab tabstop=3 shiftwidth=3: */
/**
*
* ViddyKid CSS
*
* @author Mark <mark@neoco.com>
* @copyright Copyright (c) Neoco; www.neoco.com
* @version SVN: $Id: default.css 8821 2010-07-22 16:00:44Z alex $
*
*/
* {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration:none;
	font-size: 11px;
	color:#FFFFFF;
	}
	
* a:hover{
	color:#FF00FF;
}

h3 {
	background-color:#FFFFFF;
	color:#000000;
	padding: 4px 10px 4px 15px;
	margin-bottom: 5px;
	background-image:url(../images/arrow1.gif);
	background-repeat:no-repeat;
	text-transform:uppercase;
}
h4 {
	margin: 5px 10px 5px 15px;
	color: #FF00FF;
	font-size: 14px;
	font-weight: bold;
}


/*--------------------------------------------*/
/* body */
body.home {
	background-image: url(../images/top-home.gif);
	}
body.about {
	background-image: url(../images/top-about.gif);
	}
body.mailing-list {
	background-image: url(../images/top-mailing-list.gif);
	}
body.contact {
	background-image: url(../images/top-contact.gif);
	}
body{
	/*text-align: center;*/
	background-repeat:repeat-x;
	background-color: #000000;
}

/*--------------------------------------------*/	
/* structure */
#container {
	text-align: left;
	margin: 0 auto;
	/*padding: 0;*/
	width: 1040px;
	position: relative;
	background-color:#FFFF00;
	}
#container h1 {
	position:absolute;
	left: 0;
	top:20px;
	width:300px;
	height:60px;
	text-indent: -5000px;
	background: url(../images/viddy-kid.gif);
	}
h2 {
	height: 20px;
	position:absolute;
	left: 5px;
	top: 105px;
	text-transform:uppercase;
	}
#content {
	margin: 120px 0 0 0;
	width: 1040px;
	position: absolute;
	background-color:#1E1E1E;
	}
/* ----------------------- */
/* navi */
.navi {
	list-style-type: none;
	position: absolute;
	top: 105px;
	left: 325px;
	font-weight: bold;
	}
.navi li {
	display: inline;
	margin-right: 5px;
}

.navi li a{
	display: inline;
	text-transform:uppercase;
}

.navi li a:hover{
	color:#FFFFFF;
}

.navi-in a{
color:#FFFFFF!important;
}

.home .navi li a {
	color:#FF00FF;
	}
.about .navi li a {
	color:#64CAFF;
	}
.mailing-list .navi li a {
	color:#FFFF00;
	}
.contact .navi li a {
	color:#00B400;
	}
/*-------------------------------------------------*/	
/*container content*/
/*left column*/
#col-lhs, #col-rhs {
	margin-top: 20px;
	}
#col-lhs {
	width: 300px;
	float: left;
	padding-bottom: 45px;
	margin-right: 20px;
	
	}

#col-lhs li {
	list-style-type: none;
	float: left;
	background-image: url(../images/arrow2.gif);
	background-repeat: no-repeat;
	background-position: 5px 80px;
	background-color: black;
	width: 300px;
	margin-bottom: 25px;
	}

#col-lhs li a {
	float: left;
	width: 270px;
	background-repeat: no-repeat;
	padding: 84px 0 5px 30px;
	font-weight: bold;
	}
html>body #col-lhs li a {
	width: 300px;
	}
.home #col-lhs {
	background-color: #351B35;
	}	
.about #col-lhs {
	background-color: #253035;
	}
.mailing-list #col-lhs {
	background-color: #35351B;
	}
.contact #col-lhs {
	background-color: #1B2D1B;
	}
.home #col-video {
	width:720px;
	float:left;
	margin-bottom: 0px;
	margin-top: 20px;
	border-top: 20px solid #000;
	}
.home #col-rhs h4 {	
	margin:15px 10px 5px 15px;
	}
	
/*-------------------------------*/
/*right hand column*/
#col-rhs{
	width: 720px;
	background-color: black;
	float: left;
	margin-bottom: 20px;
	padding-bottom: 4px;
	/*border-color:#FFFFFF;
	border-bottom: 20px;
	border-width: 0 0 1px 0;
	border-style:solid;*/
	}
#col-rhs object{
	margin-bottom: 10px;
	}
#col-rhs ul {
	margin: 10px;
	}
#col-rhs li {
	padding: 0px 0 2px 5px;
	list-style-type: none;
	margin-bottom: 3px;
	}	
#col-rhs p {
	line-height: 16px;
	padding: 0 10px 8px 15px;
	margin: 0;
	}
#col-rhs p a, #col-rhs li a {
	font-weight: bold !important;
	border-bottom: 1px dotted white;
	}	
.home #col-rhs p a, #col-rhs li a {
	border-bottom-color: #FF00FF;
	}
.about #col-rhs p a {
	border-bottom-color: #64CAFF;
	}
.mailing-list #col-rhs p a {
	border-bottom-color: #FFFF00;
	}
.contact #col-rhs p a {
	border-bottom-color: #00B400;
	}
.home #col-rhs p strong, .home a:hover {
	color: #FF00FF;
	}
.about #col-rhs p strong, .about a:hover {
	color: #64CAFF;
	}
.mailing-list #col-rhs p strong, .mailing-list a:hover {
	color: #FFFF00;
	}
.contact #col-rhs p strong, .contact a:hover {
	color: #00B400;
	}
blockquote {
	margin: 15px 10px 15px 15px;
	font-size: 12px;
	line-height: 18px;
	color: #64CAFF;
	font-weight: bold;
	}
blockquote em {
	font-style: normal;
	font-weight: bold;
	color: white;
	font-size: 11px;
	}

/* ------------------------------------------------------ */
/* address/ base line */
address {
	width: 100%;
	font-style: normal;	
	background-color:#000000;
	padding: 10px 0 150px 0;
	clear: left;
	}
address p {
	color: #666;
	clear: left;
	padding-bottom: 3px;
	}
address strong {
	color: #666;
	}
address a {
	color:#666;
	font-weight: bold;
	border-bottom: 1px dotted #666;
	}
/*-----------------------------------------------------------*/
/*mailing list form*/
label {
width: 100px;
}

input {
	background-color:#000000;
	border: 1px solid #666;
	margin: 10px 10px 0 20px;
	color: #FFFF00;
	width: 280px;
	padding: 2px 3px 2px 3px;
	font-weight:bold;
	/*float: right;/**/
	/*clear: both;*/
	}

.submit {
	width: 45px;
	/*float: right;*/
	border: 0;
	/*background-image:url(../images/arrow2.gif);
	background-repeat:no-repeat;
	padding: 4px 0 5px 25px;*/
	/*background-color:#3366CC;*/
	}

form {
	/*width: 210px;*/
	/*background-color:#00FF66;*/
	text-align:right;
		/*float: right;*/
	}
	
	
.contact #col-rhs p, .contact #col-rhs p a {
	font-size: 12px;
	}
.contact #col-rhs p strong {
	font-size: 12px;
	width: 50px;
	float: left;
	}
.contact h4 {
	margin: 12px 0 10px 15px;
	color: #00B400;
	}
	
/*-----------------------------------------------------------*/
/*pagination*/

#col-lhs li.pagination {
	overflow: hidden;
	padding: 10px 0 10px 0;
}
#col-lhs li.pagination p {
	float: left;
	color: #fff;
	margin: 0 5px 0 0;
	padding: 0;
}
#col-lhs li.pagination p em {
	font-weight: bold;
	font-style: normal;
}
a.first {
	width: auto !important;
	height: 14px;
	padding: 0 0 0 16px !important;
	line-height: 14px;
	float: right !important;
	background: url('../images/first.jpg') no-repeat center left;
}
a.previous {
	width: auto !important;
	height: 14px;
	padding: 0 0 0 14px !important;
	line-height: 14px;
	float: right !important;
	background: url('../images/previous.jpg') no-repeat center left;
}
a.next {
	width: auto !important;
	height: 14px;
	padding: 0 15px 0 0 !important;
	line-height: 14px;
	float: right !important;
	margin-left: 10px;
	background: url('../images/next.jpg') no-repeat center right;
}
a.last {
	width: auto !important;
	height: 14px;
	padding: 0 16px 0 0 !important;
	line-height: 14px;
	float: right !important;
	background: url('../images/last.jpg') no-repeat center right;
}	

div.connect_widget_sample_connections,
div.comment_body {
	display: none !important;
}
.connect_widget .like_button_no_like .piece, .connect_widget .like_button_no_like {
	background-color:#FF00FF;
	border-color:transparent;
}
.connect_widget .like_button_no_like:hover .piece, .connect_widget .like_button_no_like:hover {
	background-color:#f87df8;
	border-color:transparent;
}
.connect_widget .like_button_like, .connect_widget .like_button_like .piece {
	background-color:#351B35;
	border-color: transparent;
}
.connect_widget_like_button .liketext {
	color: #fff;
	background-position: 0 -3px;
	text-transform: uppercase;
}
.connect_widget .like_button_no_like:hover .liketext {
	color: #1E1E1E;
}

.connect_widget .connect_text_wrapper .connect_widget_facebook_favicon {
	display: none;
}
.connect_widget .connect_widget_text {
	padding-left: 0px;
}
div#fb-like {
	margin: 0px 10px 15px 15px;
}
#col-rhs p.tweet-this {
	padding: 0 10px 15px 15px;
}
p.tweet-this a {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:1px solid #000000;
	display:inline-block;
	padding:4px 5px;
	background-color:#FF00FF;
	border-color:transparent;
	color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	text-transform: uppercase;
}
p.tweet-this a:hover {
	background-color:#f87df8;
	color: #1E1E1E;
}
/* ----------------------------------------
	END FILE
---------------------------------------- */