/*
Theme Name: Cubico3
Theme URI: http://cubico.com/
Description: The default theme for Cubico version 3.
Version: 1.0
Author: Cubico Media LLC
*/

/*CSS - http://cubico.com/contact/

    * Collapse All
    * Expand All

@charset "UTF-8";
/* CSS Document */

/* CSS Document */

a:link, a:visited, a:active {
color: #FF0000;
text-decoration: none;
}

a:hover {
color: #FF0000;
}

img {
border: 0;
}

#article {
padding: 20px;
color: #CCCCCC;
margin: 0;
width: 360px;
background-color:#000;
font-size: 14px;

}

body {
margin:0;
padding:10px 0;
height:100%;
}

.clear {
clear: both;
font-size: 1px;
height: 1px;
padding: 0;
margin: 0;
}

#container {
font: normal 12px "Myriad Pro", Verdana, Arial, Helvetica, sans-serif;
line-height: 1.8;
margin: 0 auto;
word-spacing:3px;
width:800px;
padding: 0;
}

#container2 {
font: normal 12px "Myriad Pro", Verdana, Arial, Helvetica, sans-serif;
line-height: 1.4;
margin: 0 auto;
word-spacing:3px;
width:800px;
padding: 0;
}


#header {
margin: 0;
width:800px;
height:80px;
padding: 0;
background: url(images/common/logo.jpg) no-repeat;
}

#header1 {
margin: 0;
width:800px;
height:80px;
padding: 0;
}

#pictureplace{
width:800px;
height: 150px;
margin: 10px 0 0 0;
background-color:#999;
}

#content {
width: 800px;
padding: 10px 0 0 0;
}

#content2 {
width: 800px;
padding: 10px 0 0 0;
line-height: 1.5;
}

#contentleft {
width:400px;
height:350px;
float:left;
margin-right:10px;
}

#contentCubi {
width:400px;
height:350px;
float:right;
}

#contentright {
width:390px;
height:350px;
float:right;
}

#contentrighttop {
width:390px;
height:170px;
margin-bottom:10px;
}

#contentrightbottom {
width:390px;
height:170px;
}

#contentrightleft {
width:190px;
height:170px;
margin-right:10px;
float:left;
}

#contentrightright {
width:190px;
height:170px;
float:right;
}

#footer {
clear: both;
margin: 0 auto;
width: 800px;
padding: 4px 0 0 0;
color: #000000;
font-weight: bold;
text-align: center;
}

#footer a:link, #footer a:visited, #footer a:active {
color:#000;
}

a#logo {
display: block;
width: 202px;
height: 80px;
margin: 0;
padding: 0;
text-decoration: none;
float: left;
}

#tabs{
float:right;
width:500px;
height:30px;
margin: 50px 0 0 0;
color:#000;
vertical-align:bottom;
}

#tabs a:link, #tabs a:visited, #tabs a:active {
display: block;
float:right;
margin-left:10px;
text-decoration: none;
height: 25px;
}


a#tab_post:link, a#tab_post:active, a#tab_post:visited {
	background: url(images/menu/post_off.gif) no-repeat;
	width: 58px;
}

a#tab_post:hover {
	background: url(images/menu/post_on.gif) no-repeat;
}

a#tab_post_on {
	background: url(images/menu/post_on.gif) no-repeat;
	width: 58px;
}

a#tab_fashion:link, a#tab_fashion:active, a#tab_fashion:visited {
	background: url(images/menu/fashion_off.gif) no-repeat;
	width: 78px;
}

a#tab_fashion:hover {
	background: url(images/menu/fashion_on.gif) no-repeat;
}

a#tab_fashion_on {
	background: url(images/menu/fashion_on.gif) no-repeat;
	width: 78px;
}

a#tab_video:link, a#tab_video:active, a#tab_video:visited {
	background: url(images/menu/video_off.gif) no-repeat;
	width: 64px;
}

a#tab_video:hover {
	background: url(images/menu/video_on.gif) no-repeat;
}

a#tab_video_on {
	background: url(images/menu/video_on.gif) no-repeat;
	width: 64px;
}

a#tab_lifestyle:link, a#tab_lifestyle:active, a#tab_lifestyle:visited {
	background: url(images/menu/lifestyle_off.gif) no-repeat;
	width: 83px;
}

a#tab_lifestyle:hover {
	background: url(images/menu/lifestyle_on.gif) no-repeat;
}

a#tab_lifestyle_on {
	background: url(images/menu/lifestyle_on.gif) no-repeat;
	width: 83px;
}

a#tab_music:link, a#tab_music:active, a#tab_music:visited {
	background: url(images/menu/music_off.gif) no-repeat;
	width: 68px;
}

a#tab_music:hover {
	background: url(images/menu/music_on.gif) no-repeat;
}

a#tab_music_on {
	background: url(images/menu/music_on.gif) no-repeat;
	width: 68px;
}

a#tab_campus:link, a#tab_campus:active, a#tab_campus:visited {
	background: url(images/menu/campus_off.gif) no-repeat;
	width: 76px;
}

a#tab_campus:hover {
	background: url(images/menu/campus_on.gif) no-repeat;
}


a#tab_campus_on {
	background: url(images/menu/campus_on.gif) no-repeat;
	width: 76px;
}

#tabs1{
float:right;
width:500px;
height:30px;
margin: 50px 0 0 0;
color:#000;
vertical-align:bottom;
}

#tabs1 a:link, #tabs1 a:visited, #tabs1 a:active {
display: block;
float:right;
color:#000;
font-size:12px;
padding-left:20px;
padding-right:20px;
margin-left:10px;
border:#000000 1px solid;
}


#tabs1 a:hover {
color:#FF0000;
border-color:#f00;
}


#greyh1 {
font-size:24px;
color:#999999;

}

#greyh2 {
font-size:16px;
color:#999999;

}

#greyh3 {
font-size:20px;
color:#999999;

}

#smallbox {
width:192px;
height:170px;
}

#mediumbroadbox {
width:395px;
height:170px;
}

#mediumlongbox {
width:192px;
height:350px;
}

#bigbox {
width:395px;
height:350px;
}

.imgright {
float:right;
padding:10px;
margin:10px;
border:#000 1px solid;
}

.imgleft {
float:left;
padding:10px;
margin:10px;
border:#000 1px solid;
}



.slider {
position: relative;
overflow: hidden;
border: none;
height: 515px;
margin-bottom:20px;
}

.slidercontent {
position: absolute;
}

.link {
cursor: pointer;
color: #999;
}

.link:hover {
color: #fff;
}

.red{
color:#FF0000;
}

.pink{
color:#FF0033;
}

.lightpink{
color: #FF3399;
}

.purple{
color: #CC00CC;
}

.orange{
color: #FF6633;
}

.orange1{
color: #CC3300;
}

.green{
color: #00CC33;
}

.blue{
color: #0099FF;
}


/* index page styles */
#index_main {
	float: left;
	width: 400px;
	height: 350px;
	margin: -1px 10px 0 0;
	padding: 0;
	font-size: 1px;
}

#index_music_link {
	float: left;
	width: 190px;
	height: 170px;
	margin: 1.5px 10px 10px 0;
	padding: 0;
	font-size: 1px;
}

#index_lifestyle_link {
	float: left;
	width: 190px;
	height: 170px;
	margin: 1.5px 0 10px 0;
	padding: 0;
	font-size: 1px;
}

#index_campus_link {
	float: left;
	width: 190px;
	height: 170px;
	margin: 0 10px 0 0;
	padding: 0;
	font-size: 1px;
}

#index_fashion_link {
	float: left;
	width: 190px;
	height: 170px;
	margin: 0;
	padding: 0;
	font-size: 1px;
}
/* end index page styles */


/* video styles */
#content_video {
	width: 800px;
	height: 750px;
	background: url(images/videoplayer_bg.jpg) no-repeat;
	margin: 20px auto 0 auto;
}

#videocontainer {
}

#cubiplayer {
	width: 480px;
	height: 360px;
	position: absolute;
	margin: 200px 0 0 150px;
}

a#video_morelink {
	width: 121px;
	height: 57px;
	position: absolute;
	margin: 200px 0 0 650px;
	text-decoration: none;
	display: block;
}

#video_more {
	position: absolute;
	width: 135px;
	height: 338px;
	margin: 260px 0 0 650px;
	z-index: 9;
}

#video_more_bg {
	position: absolute;
	width: 135px;
	height: 338px;
	margin: 260px 0 0 650px;
	background: #fff;
	z-index: 0;
}

#video_more a:link, #video_more a:visited, #video_more a:active {
	color: #000;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.0;
}

#video_more a:hover {
	color: #0000FF;
	font-weight: bold;
}

#video_more table {
	width: 130px;
	padding: 0;
	border: 0;
}

#video_more td {
	width: 60px;
	padding: 1px 2px 1px 0;
}

#video_more img {
	border: 0;
}

/* Post Section */

#post_left {
float:left;
width:480px;
margin: -1px 10px 0 0;
padding: 0 0 50px 0;
}


#twitter_right {
float:right;
width:305px;
height:405px;
margin-right: 0;
margin: 74px 0 0 0;
padding: 40px 0 50px 20px;
}

/* end of Post Section */