@charset "UTF-8";
@import "reset.css";
@import "default.css";

/*
	INDEX
	+geral
	+wrap
	+header
	+nav
	+content
	+footer
	+classes
*/

/* +geral */
body { background:#FFFFFF url(../imgs/bg/body_videos.jpg) center 0 repeat-x fixed; font-family:Arial; }
body#showPhoto { background:#FFFFFF url(../imgs/bg/show_photo.jpg) center 0 repeat-y; }
/* end geral */


/* +wrapper */
#wrapper{
}
/* end wrapper */


/* +header */
#header { width:1004px; height:220px; margin:0 auto; overflow:show; position:relative; z-index:3; }
/* end header */


/* +nav */
#nav { width:754px; height:60px; margin:0 auto; position:relative; z-index:4; margin-top:-88px; padding-left:250px; }
	#nav #menu li { display:block; float:left; }
	#nav #menu li a#menuBtnVideos { width:203px; height:59px; background:url(../imgs/buttons/menu_videos.png) 0 0 no-repeat; border:0; cursor:pointer; outline:none; position:relative; z-index:1; }
	#nav #menu li a#menuBtnPhotos { width:189px; height:44px; background:url(../imgs/buttons/menu_photos.png) 0 0 no-repeat; border:0; cursor:pointer; margin:13px 0 0 -16px; outline:none; position:relative; z-index:2; }
	#nav #menu li a#menuBtnStylists { width:102px; height:43px; background:url(../imgs/buttons/menu_stylists.png) 0 0 no-repeat; border:0; cursor:pointer; margin:4px 0 0 -28px; outline:none; position:relative; z-index:3; }
	#nav #menu li a#menuBtnLooks { width:131px; height:44px; background:url(../imgs/buttons/menu_looks.png) 0 0 no-repeat; border:0; cursor:pointer; margin:13px 0 0 -18px; outline:none; position:relative; z-index:2; }
	#nav #menu li a#menuBtnClipping { width:138px; height:44px; background:url(../imgs/buttons/menu_clipping.png) 0 0 no-repeat; border:0; cursor:pointer; margin:4px 0 0 -12px; outline:none; position:relative; z-index:1; }
	
/* end nav */


/* +content */
#content { width:1004px; margin:-80px auto 0; position:relative; z-index:2; }
	/*HOME*/
	#home #wrapper #content { width:1004px; height:630px; margin:0 auto; position:relative; overflow:hidden; }
	#noFlash { width:280px; height:64px; background:url(../imgs/others/no_flash.png) 0 0 no-repeat; padding:250px 0 0 120px; margin:105px auto 0; font:bold 12px Arial; }
	#noFlash a, #noFlash a:hover, #noFlash a:visited { color:#ED217C; }
	/*TÍTULOS*/
	h1 a { outline:none; }
	#videos h2 { width:472px; height:71px; background:url(../imgs/titles/videos.gif) 0 0 no-repeat; margin:0 0 12px 6px; }
	#photos h2 { width:395px; height:71px; background:url(../imgs/titles/photos.gif) 0 0 no-repeat; margin:0 0 12px 6px; float:left; }
	#stylists h2 { width:205px; height:71px; background:url(../imgs/titles/stylists.gif) 0 0 no-repeat; margin:0 0 12px 6px; }
	#looks h2 { width:200px; height:71px; background:url(../imgs/titles/looks.gif) 0 0 no-repeat; margin:0 0 12px 6px; float:left; }
	#clipping h2 { width:240px; height:71px; background:url(../imgs/titles/clipping.gif) 0 0 no-repeat; margin:0 0 12px 6px; display:inline-block; float:left; }
	
	#content div#subContentTop { width:1004px; height:107px; background:url(../imgs/bg/subcontent_top.png) 0 0 no-repeat; }
	#content div#subContent { width:924px; background:url(../imgs/bg/subcontent.png) 0 0 repeat-y; padding:30px 0 0 80px; }
		/*COLUNA ESQUERDA*/
		#content div#subContent div#leftCol { width:624px; float:left; overflow:hidden; position:relative; padding-bottom:25px; }
		/*COLUNA DIREITA*/
		#content div#subContent div#rightCol { width:261px; float:left; margin:0 0 0 -22px; position:relative; }
		#content div#subContent div#rightCol div#allTagsTop { width:261px; height:105px; background:url(../imgs/others/tags_top.gif) 0 0 no-repeat; position:relative; z-index:3; }
		#content div#subContent div#rightCol div#allTags { width:221px; background:url(../imgs/bg/tags.gif) 0 0 repeat-y; color:#FFFFFF; line-height:14px; padding:0 0 25px 40px; position:relative; z-index:3; }
		#content div#subContent div#rightCol div#allTags a { color:#FFFFFF; font:bold 12px Arial; }
		#content div#subContent div#rightCol div#allTagsBottom { width:261px; height:169px; background:url(../imgs/others/tags_bottom.png) 0 0 no-repeat; margin:-130px 0 20px 0; position:relative; z-index:2; }
		#content div#subContent div#rightCol a#twitter { width:95px; height:35px; background:url(../imgs/buttons/twitter.gif) 0 0 no-repeat; margin:0 0 5px 27px; cursor:pointer; display:block; }
		#content div#subContent div#rightCol p#twitterText { width:184px; height:42px; background:url(../imgs/others/twitter_text.gif) 0 0 no-repeat; margin:0 0 30px 27px; cursor:pointer; display:block; }
		#content div#subContent div#rightCol a#blip { width:74px; height:34px; background:url(../imgs/buttons/blip.gif) 0 0 no-repeat; margin:0 0 5px 27px; cursor:pointer; display:block; }
		#content div#subContent div#rightCol p#blipText { width:154px; height:47px; background:url(../imgs/others/blip_text.gif) 0 0 no-repeat; margin:0 0 0 27px; cursor:pointer; display:block; }
		/*PAGINAÇÃO*/	
		#content div#subContent div#pagination { width:206px; height:36px; background:url(../imgs/bg/pagination.png) 0 0 no-repeat; margin:0 0 0 170px; padding:21px 0 0 0; }
		#content div#subContent div#pagination div#paginationWrapper { width:120px; height:24px; margin:0 0 0 40px; }
		#content div#subContent div#pagination div#paginationWrapper a { color:#FFFFFF; font:bold 12px Arial; }
		#content div#subContent div#pagination div#paginationWrapper a#prev { width:19px; height:24px; background:url(../imgs/buttons/pagination_prev.gif) 0 0 no-repeat; cursor:pointer; float:left; }
		#content div#subContent div#pagination div#paginationWrapper div#pages { width:82px; height:24px; float:left; text-align:center; }
		#content div#subContent div#pagination div#paginationWrapper div#pages a.current { color:#C8171E; font:bold 12px Arial; text-decoration:none; }
		#content div#subContent div#pagination div#paginationWrapper a#next { width:19px; height:24px; background:url(../imgs/buttons/pagination_next.gif) 0 0 no-repeat; cursor:pointer; float:right; }
	#content div#subContentBottom { width:1004px; height:80px; background:url(../imgs/bg/subcontent_bottom.png) 0 0 no-repeat; }
	
	/*VIDEOS & STYLISTS*/
	#content div#subContent div#leftCol h3#videoHeader { width:589px; height:58px; background:url(../imgs/others/video_header.gif) 0 0 no-repeat; color:#FFFFFF; font:bold 24px Arial; padding:28px 0 0 35px; }
	#content div#subContent div#leftCol p.videoDescription { width:515px; color:#000000; font:normal 13px Arial; margin:-8px 0 5px 35px; }
	#content div#subContent div#leftCol div#videoOptions { height:65px; }
	#content div#subContent div#leftCol div#videoOptions div#videoTags { width:240px; height:50px; background:url(../imgs/others/video_tags.gif) 0 0 no-repeat; float:left; margin:0 0 0 8px; padding:11px 0 0 140px; }
	#content div#subContent div#leftCol div#videoOptions div#videoTags a { color:#000000; font:bold 12px Arial;  }
	#content div#subContent div#leftCol div#videoOptions div#videoOptions div#addThis { height:61px; float:left; }
	
	/*CLIPPING*/
	#content div#subContent .titsClipping{ float:left; padding-bottom:60px; }
	#content div#subContent h3#ttlClippingTxt { width:343px; height:39px; background:url(../imgs/titles/clipping_txt.gif) 0 0 no-repeat; margin:20px 0 0 80px; display:inline-block; float:left; }
	#content div#subContent ul.clippingList { margin:0px 0 0 60px; width:720px; }
	#content div#subContent ul.clippingList li { margin-top:15px; clear:both; }
	#content div#subContent ul.clippingList li a{ text-decoration:none; font:bold 13px Arial; color:#000; }
	#content div#subContent ul.clippingList li p{ float:left; margin-right:20px; background:url(../imgs/others/bgTbClipping.gif) no-repeat; width:171px; height:127px; margin-bottom:20px; }
	#content div#subContent ul.clippingList li p img{ margin:7px 0 0 8px; }
	#content div#subContent ul.clippingList li span{ color:#e11f74; font-size:11px; padding-top:0px; display:inline-block; }
	#content div#subContent ul.clippingList li h4{ color:#e11f74; font-size:24px; text-decoration:underline; }
	#content div#subContent .pagClipping{margin:15px auto 0!important;}
	
	/*FOTOS & LOOKS*/
	#photos #content div#subContentTop, #looks #content div#subContentTop { background:url(../imgs/bg/subcontent_top_alt.png) 0 0 no-repeat; }
	#photos #content div#subContent, #looks #content div#subContent { background:url(../imgs/bg/subcontent_alt.png) 0 0 repeat-y; }
	#photos #content div#subContentBottom , #looks #content div#subContentBottom { background:url(../imgs/bg/subcontent_bottom_alt.png) 0 0 no-repeat; }
	#photos #content div#subContent div#pagination, #looks #content div#subContent div#pagination { margin:0 0 0 312px; }
	#photos #content div#subContent h3 { width:193px; height:71px; background:url(../imgs/titles/photos_txt.gif) 0 0 no-repeat; display:inline-block; float:left;}
	#looks #content div#subContent h3 { width:193px; height:71px; background:url(../imgs/titles/photos_txt.gif) 0 0 no-repeat; display:inline-block; float:left;}
	#photos #content div#subContent #thumbGallery, #looks #content div#subContent #thumbGallery { width:646px; padding:20px 0 0 6px; margin:0 0 20px 95px; overflow:hidden; }
	#photos #content div#subContent #thumbGallery a { width:120px; height:80px; display:inline-block; margin:3px 4px 0 0; outline:none; }
	#looks #content div#subContent #thumbGallery a { width:100px; height:150px; display:inline-block; margin:3px 4px 0 0; outline:none; }

	/*LIGHTBOX*/
	div#photoCaption { margin:0 auto; padding:0 5px 20px; color:#000000; font:normal 11px Arial; }
	#photoOptions { width:76px; height:38px; background:url(../imgs/others/share_options.gif) 0 0 no-repeat; margin:0 auto; padding:22px 0 0 86px; }
	#photoOptions a { float:left; }
	#photoOptions a#addTwitter{ width:19px; height:21px; background:url(../imgs/buttons/share_twitter.gif) 0 0 no-repeat; cursor:pointer; display:block; border:0; outline:none; }
	#photoOptions a#addFacebook{ width:22px; height:21px; background:url(../imgs/buttons/share_facebook.gif) 0 0 no-repeat; cursor:pointer; display:block; border:0; outline:none; }
	#photoOptions a#addOrkut{ width:22px; height:21px; background:url(../imgs/buttons/share_orkut.gif) 0 0 no-repeat; cursor:pointer; display:block; border:0; outline:none; }
	
	/*PHOTO*/
	#photo div#copyright { margin:0 72px 0 0 !important; }
	#photo div#photo { width:100%; height:460px; padding-bottom:8px; text-align:center; }
	#photo div#photoCaption { width:683px; margin:0 auto; background-color:#FFFFFF; color:#ED217C; padding:5px 5px 20px; font:bold 12px Arial; text-align:center; }
	
/* end content */


/* +footer */
#footer { width:1004px; height:50px; margin:0 auto; position:relative; z-index:3; }
	#footer div#copyright { width:64px; height:25px; background:url(../imgs/others/copyright.png) 0 0 no-repeat; float:right; margin:-44px 72px 0 0; padding:10px 0 0 304px;}
	#footer a#w3haus { display:block; cursor:pointer; text-indent:-9999px; overflow:hidden; width:50px; height:15px; background:url(../imgs/others/w3hausr.gif) no-repeat; }
/* end footer */


/* +classes */
.border1 { border:solid 1px red; }
.border2 { border:solid 1px blue; }
.border3 { border:solid 1px green; }
.border4 { border:solid 1px yellow; }
/* end classes */