/* general styles */
h2 {font-size: 18px;}
h3 {font-size: 16px;}

/* thumbnail navigator */
#photos_stream {width: 460px; height: 68px; margin: 0 auto;}
#photos_stream a.arrow_left {float: left; display: block; width: 50px; height: 68px; text-indent: -10000px; background: url(http://images.mystyle.com/mystyle/photos/images/gallery_slider_lt.png) no-repeat; cursor: pointer;}
* html #photos_stream a.arrow_left {
	background: url(http://images.mystyle.com/mystyle/images/spacer.gif);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/mystyle/photos/images/gallery_slider_lt.png",sizingMethod=crop);
}
#photos_stream a.arrow_right {float: right; display: block; width: 50px; height: 68px; text-indent: -10000px; background: url(http://images.mystyle.com/mystyle/photos/images/gallery_slider_rt.png) no-repeat; cursor: pointer;}
* html #photos_stream a.arrow_right {
	background: url(http://images.mystyle.com/mystyle/images/spacer.gif);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/mystyle/photos/images/gallery_slider_rt.png",sizingMethod=crop);
}
#photos_stream a.arrow_left.disabled {background: url(http://images.mystyle.com/mystyle/images/spacer.gif) no-repeat; cursor: default;}
#photos_stream a.arrow_right.disabled {background: url(http://images.mystyle.com/mystyle/images/spacer.gif) no-repeat; cursor: default;}
#photos_stream a.arrow_left.loading, #photos_stream a.arrow_right.loading {background: url(/photos/images/slider_spinner.gif) 50% 50% no-repeat;}

#thumbnail_container {position: relative; float: left; width: 360px; overflow: hidden;}
#thumbnails {position: relative; width: 1000000px;}
#thumbnails a {position: relative; display: block; float: left; width: 68px; margin: 0 5px 0 0; border: none;}
#thumbnails a img {position: relative; float: left; width: 66px; height: 66px; border: 1px solid #93A9B0;}
#thumbnails a:hover img, * #thumbnails a.sfhover img {border: 1px solid #D91964;}
#thumbnails a .label_prev, #thumbnails a .label_next, #thumbnails a .label_curr {float: left; width: 68px; font-size: 10px; line-height: 14px; font-weight: bold; letter-spacing: -.03em; text-transform: uppercase; text-align: center; color: #c6c6c6;}
#thumbnails a:hover .label_prev, #thumbnails a:hover .label_next, #thumbnails a:hover .label_curr {}
#thumbnails a .label_curr {display: none;}
#thumbnails a:hover .label_curr {display: block; color: #c6c6c6;}

#thumbnails img {margin: 0; padding: 0;}
#thumbnails a .photo_count {position: absolute; top: 1px; left: 1px; width: 66px; height: 66px; font-weight: bold; line-height: 66px; text-align: center; color: #000; background: #fff; opacity: .75; filter: alpha(opacity=75);}
#thumbnails a:hover {text-decoration: none;}

#thumbnail_pager {position: absolute; left: 0; bottom: 3px; width: 100%; text-align: center;}
#thumbnail_pager a {padding: 0 3px;}
#thumbnail_pager a.current {font-weight: bold; text-decoration: underline;}

/* gallery header */
#gallery_header {position: relative; height: 68px; padding: 20px; color: #90a0ab; background: url(http://images.mystyle.com/mystyle/photos/images/topbar.gif) repeat-x; border-bottom: 4px solid #d6d9dc; border-left: 1px solid #fff; border-right: 1px solid #fff;}
#gallery_header a {}
#gallery_header #gallery_info {position: absolute; left: 20px; top: 15px; width: 240px;}
#gallery_header #gallery_info strong {color: #7D8C92; text-transform: uppercase;}
#gallery_header #gallery_info h3#gallery_title {font-size: 20px; line-height: 1.0em; color: #525252;}
#gallery_header #gallery_info p {font-size: 11px; margin: 3px 0;}
#gallery_header #next_gallery_link {position: absolute; right: 15px; bottom: 15px; font-size: 11px; font-weight: bold; text-transform: uppercase; text-align: right;}
#gallery_header #next_gallery_link a {display: block; color: #b0c370; text-transform: none; font-weight: normal;}

#sponsor_logos {position: absolute; top: 5px; right: 0; width: 250px;}
#sponsor_logos div {float: right; margin-right: 5px; display: inline;}

/* category index header */
#category_header {margin-bottom: 10px; padding: 0 3px;}
#item_container h1 {font-size: 22px; color: #B0C171; border-bottom: 5px solid #E7E7E7; margin-bottom: 5px; padding: 0 3px;}
#category_header h3 {float: left; color: #8E9DA4; text-transform: lowercase;}
#category_header h3 span {color: #666;}
#category_header .view_all {float: left; display: inline; margin-left: 10px; font-size: 11px; line-height: 18px;}
#category_header p {*display: inline; _display: inline; clear: both; padding-top: 2px; font-size: 11px; color: #666;}

/* body variations (gallery, wide gallery, category index) */
#gallery_body {padding: 0; background: url(http://images.mystyle.com/mystyle/photos/images/bg_circles.gif) top left no-repeat;}
#gallery_body #item_container {float: left; width: 614px;}
#gallery_body #extras_container, #category_body #extras_container {display: inline; float: right; width: 336px; margin: 15px;}
#category_body #item_container {float: left; display: inline; width: 580px; margin: 15px; background: #fff;}
#gallery_body a, #category_body a {color: #3e3e3e;}
#gallery_body a:hover, #category_body a:hover {
	color:#D91964;
	text-decoration: underline;
}

/* photo item stuff */
#photo_body {position: relative; height: 1%; margin: 0 0 10px 0;}

#photo_nav_hover {position: absolute; top: 1px; right: 0; width: 460px; z-index: 5; overflow: hidden;}
#photo_nav_hover a.arrow_left {display: inline; float: left; width: 173px; height: 473px; margin-left: 1px; text-align: left; background: url(http://images.mystyle.com/mystyle/photos/images/gallery_photo_lt_dim.png) top;}
* html #photo_nav_hover a.arrow_left {
	background: url(http://images.mystyle.com/mystyle/images/spacer.gif);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/mystyle/photos/images/gallery_photo_lt_dim.png",sizingMethod=crop);
}
#photo_nav_hover a:hover.arrow_left {background: url(http://images.mystyle.com/mystyle/photos/images/gallery_photo_lt.png) top;}
* html #photo_nav_hover a:hover.arrow_left {
	background: url(http://images.mystyle.com/mystyle/images/spacer.gif);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/mystyle/photos/images/gallery_photo_lt.png",sizingMethod=crop);
}
#photo_nav_hover a.arrow_right {display: inline; float: right; width: 285px; height: 473px; margin-right: 1px; text-align: right; background: url(http://images.mystyle.com/mystyle/photos/images/gallery_photo_rt_dim.png) top;}
* html #photo_nav_hover a.arrow_right {
	background: url(http://images.mystyle.com/mystyle/images/spacer.gif);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/mystyle/photos/images/gallery_photo_rt_dim.png",sizingMethod=crop);
}
#photo_nav_hover a:hover.arrow_right {background: url(http://images.mystyle.com/mystyle/photos/images/gallery_photo_rt.png) top;}
* html #photo_nav_hover a:hover.arrow_right {
	background: url(http://images.mystyle.com/mystyle/images/spacer.gif);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/mystyle/photos/images/gallery_photo_rt.png",sizingMethod=crop);
}
#images_container {position: relative; float: right; width: 460px; height: auto; margin: 10px 0 0 0; text-align: center; z-index: 1;}
#images_container img {display: inline;}
#photo_credits {margin: 5px auto; font-size: 10px; color: #999; text-align: left;}

#photo_nav_links {display: block; padding: 0 0 10px 154px;}
#photo_nav_links a {}
#photo_nav_links a.arrow_left {float: left; padding-left: 12px; background: url(http://images.mystyle.com/mystyle/images/double_arrow_lt.gif) left no-repeat;}
#photo_nav_links a.arrow_right {float: right; padding-right: 12px; background: url(http://images.mystyle.com/mystyle/images/double_arrow_rt.gif) right no-repeat;}

#photo_details {float: left; width: 124px; padding: 20px 0 20px 20px; z-index: 10; line-height: 1.3em;}
#item_title {margin-bottom: 10px; font-size: 16px; line-height: 1.1em; color: #b0c370;}
#photo_details p {margin: 0 0 10px 0;}
#item_caption {overflow: hidden; color: #3e3e3e;}
#item_caption a {color:#ce6d8c !important;}

#photo_tools {position: relative; left: 154px; width: 460px; margin: 15px 0;}
ul#tool_links {display: block; width: 149px; margin: 0 auto;}
ul#tool_links.show_rating {width: 320px;}
ul#tool_links li {display: inline;}
ul#tool_links li a, ul#tool_links li span {float: left; padding: 0 10px; line-height: 25px; font-weight: bold; color: #CE6D8C;}
ul#tool_links li#rate span {padding: 0 5px 0 20px;}
ul#tool_links li#rate .rating_label {position: absolute; top: 24px; left: 278px; font-size: 10px; white-space: nowrap;}
ul#tool_links li a.active {background: #eee;}

ul#tool_links #share_tab {padding-left: 34px; background: url(http://images.mystyle.com/mystyle/images/share_icon.gif) 10px 50% no-repeat; cursor: pointer;}
ul#tool_links #share_tab.active {background: #eee url(http://images.mystyle.com/mystyle/images/share_icon.gif) 10px 50% no-repeat;}
ul#tool_links #print_tab {padding-left: 34px; background: url(http://images.mystyle.com/mystyle/images/print_icon.gif) 10px 50% no-repeat; cursor: pointer;}

.rating_container {float: left; padding: 0 !important;}
.rating_container a {
	float:left;
	display:block;
	width:16px;
	height:16px;
	margin: 2px 1px;
	padding: 0 !important;
	line-height: normal !important;
	border:0;
	background-image:url(http://images.mystyle.com/mystyle/images/rating_stars.png);
}
* html .rating_container a {
	background-image:url(http://images.mystyle.com/mystyle/images/rating_stars.gif);
}
.rating_container a.rating_off {background-position:0 0px;}
.rating_container a.rating_half {background-position:0 -17px;}
.rating_container a.rating_on {background-position:0 -34px;}
.rating_container a.rating_selected {background-position:0 -51px;}

#share_container {position: relative; float: left; width: 430px; *height: 38px; overflow: hidden; background: #eee; padding: 25px 15px 15px 15px; text-align: left;}
#share_email {float: left; width: 126px; padding-left: 24px; font-weight: bold; background: url(http://images.mystyle.com/mystyle/images/share_icon.gif) left no-repeat;}
#share_links {float: left; width: 280px;}
#share_links strong {float: left; margin-right: 10px;}
#share_links ul {float: left; display: block; clear: none; width: 210px;}
#share_links ul li {float: left; display: block; width: 105px; padding: 0 0 5px 0; font-weight: bold;}
#share_links ul li a {padding: 2px 0 2px 19px;}

#submit_digg a {background: url(http://images.mystyle.com/mystyle/images/icon_digg.gif) left no-repeat;}
#submit_delicious a {background: url(http://images.mystyle.com/mystyle/images/icon_delicious.gif) left no-repeat;}
#submit_facebook a {background: url(http://images.mystyle.com/mystyle/images/icon_facebook.gif) left no-repeat;}
#submit_newsvine a {background: url(http://images.mystyle.com/mystyle/images/icon_newsvine.gif) left no-repeat;}

#close_tools {position: absolute; display: inline; top: 10px; right: 10px; font-size: 10px; z-index: 5;}

/* overrides for multiple photo layouts */
#photo_body.multiple_photos {width: 590px; margin-left: 20px;}
.multiple_photos #item_title {position: absolute; top: 15px; left: 20px; font-size: 23px; display: block;}
*html .multiple_photos #item_title {position:relative; display:block;}
.multiple_photos #images_container {width: 590px; margin-top: 50px;}
*html .multiple_photos #images_container {margin-top: 15px;}
.multiple_photos #vote_header {display: block; width: 590px; height: 25px; margin: 0 auto 5px; text-indent: -100000px; background: url(http://images.mystyle.com/mystyle/photos/images/vote2.gif) no-repeat;}
.multiple_photos .vertical_photo, .multiple_photos .horizontal_photo {position: relative; margin: 0 auto; margin-bottom: 5px;}
.multiple_photos .vertical_photo {display: inline;}
.multiple_photos .horizontal_photo {display: block;}
.multiple_photos h4.before_after_header, .multiple_photos h4.tt_result {position: absolute; left: 0; top: 0; font-size: 18px; text-align: left; color: #fff; background: #b0c370; filter: alpha(opacity=90); opacity:.90;}
.multiple_photos h4.before_after_header span {padding: 5px; line-height: 30px;}
.multiple_photos h4.tt_result {top: auto; bottom: 2px; font-size: 24px; text-align: center;}
* html .multiple_photos h4.tt_result {bottom: 99px;} /* IE6 */
*+html .multiple_photos h4.tt_result {bottom: 5px;} /* IE7 */
.multiple_photos h4.tt_result span {line-height: 60px;}
.multiple_photos img {vertical-align: text-top;}
.multiple_photos .gallery_poll_results img {vertical-align: 0;}
.multiple_photos h4.tt_vote {position: absolute; top: 0; left: 0; display: block; width: 293px; height: 473px; cursor: pointer; text-indent: -100000px; background: url(http://images.mystyle.com/mystyle/images/spacer.gif);}
.multiple_photos h4.tt_vote:hover {background: url(http://images.mystyle.com/mystyle/photos/images/vote_hover2.png) top left no-repeat;}
* html .multiple_photos h4.tt_vote.fuckIE {
	background: url(http://images.mystyle.com/mystyle/images/spacer.gif);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/mystyle/photos/images/vote_hover2.png",sizingMethod=crop);
}
.multiple_photos #photo_credits {clear: both; width: 492px !important;}
.multiple_photos #photo_details {width: 492px; padding: 20px 49px 0 49px;}
.multiple_photos #photo_nav_hover {width: 590px;}
.multiple_photos #next_gallery_poll_item a {display: block; margin: 25px 0 0 0; font-size: 18px; font-weight: bold; letter-spacing: -.03em; color: #b0c370;}
#photo_tools.multiple_photos {left: auto; margin: 15px auto;}
#photo_nav_links.multiple_photos {width: 492px; margin: 0 auto; padding-left: 20px;}

#photo_comments {position: relative; left: 20px; width: 590px; marigin-bottom: 20px;}

/* right column styles */
.section_container {position: relative; width: 336px; margin-bottom: 10px;}
.section_container h3 {margin-bottom: 10px; padding: 0; font-size: 19px;}
.section_container img {border: 1px solid #000;}
.section_container a.more {position: absolute; top: 7px; right: 5px; padding-right: 14px; background: url(http://images.mystyle.com/mystyle/images/double_arrows_more.gif) right no-repeat;}
.section_container a.all {clear: both; float: left; padding-left: 8px; padding-right: 14px; background: url(http://images.mystyle.com/mystyle/images/double_arrows_more.gif) right no-repeat; white-space: nowrap;}

.accordion_toggle {cursor: pointer;}
.accordion_content {overflow: hidden; height: 0; border-bottom: 1px solid #c6c6c6; background: #f2f2f2;}

#photo_categories {border: 1px solid #c6c6c6; border-bottom: none;}
#photo_categories .section_container {width: 334px; overflow: hidden; margin-bottom: 0;}
#photo_categories .section_container h3 {margin: 0; padding: 5px 5px; font-size: 16px; color: #b0c370; border: 0; background: url(http://images.mystyle.com/mystyle/images/whitebar.jpg) repeat-x;}
#photo_categories .section_container ul.thumbs {margin: 10px; padding: 0;}
#photo_categories .section_container ul.thumbs li {padding: 0;}

#ad_billboard {margin: 15px auto; padding: 18px 0; text-align: center; background: #e7e7e7;}
#ad_billboard div {margin: 0 auto; text-align: center;}
#ad_skyscraper {width: 160px; height: 600px; margin: 20px auto;}

#extras_container ul.list {display: inline; margin: 3px;}
ul.thumbs, ul.list {padding: 0 5px 10px;}
ul.thumbs li {float: left; display: inline-block; width: 68px; margin: 0 10px 0 0; padding: 0 0 10px 0; font-size: 11px; list-style-position: outside;}
ul.thumbs li a img {width: 66px; height: 66px; border: 1px solid #93A9B0;}
ul.thumbs li a:hover img {border: 1px solid #D91964;}
ul.list li {list-style-position: outside; margin: 0 0 5px 0;}

#top_galleries ul.list {list-style: decimal;}
#top_galleries ul.list li {margin-left: 25px;}

#top_galleries ol.list {padding-bottom:5px;}
#top_galleries ol.list li {margin:0 0 5px 0;}

#gallery_categories {padding-bottom: 5px; *padding-bottom: 0; border-bottom: 2px solid #E7E7E7;}
#gallery_categories ul.list {clear: none; float: left; width: 150px;}

#our_picks h3 {display: block; width: 336px; height: 21px; text-indent: -10000px; background: url(http://images.mystyle.com/mystyle/images/h3_ourfavorite.png) no-repeat;}
* html #our_picks h3 {
	background: url(http://images.mystyle.com/mystyle/images/spacer.gif);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/mystyle/images/h3_ourfavorite.png",sizingMethod=crop);
}
#top_galleries h3 {display: block; width: 336px; height: 21px; text-indent: -10000px; background: url(http://images.mystyle.com/mystyle/images/h3_mostpopular.png) no-repeat;}
* html #top_galleries h3 {
	background: url(http://images.mystyle.com/mystyle/images/spacer.gif);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/mystyle/images/h3_mostpopular.png",sizingMethod=crop);
}
#gallery_categories h3 {display: block; width: 336px; height: 21px; text-indent: -10000px; background: url(http://images.mystyle.com/mystyle/images/h3_categories.png) no-repeat;}
* html #gallery_categories h3 {
	background: url(http://images.mystyle.com/mystyle/images/spacer.gif);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/mystyle/images/h3_categories.png",sizingMethod=crop);
}

/* rate it poll (glam or sham) */
.blog_poll {width: 126px; background: url(http://images.mystyle.com/mystyle/photos/images/box_top.gif) top no-repeat; margin-top: 20px; padding-top: 11px; color: #fff;}
#blog_poll_id {margin:0px; width: 126px;}
#blog_poll_bottom {background: url(http://images.mystyle.com/mystyle/photos/images/box_bot.gif) bottom no-repeat; height:10px; width: 126px;}
* html #blog_poll_bottom {
	background: url(http://images.mystyle.com/mystyle/images/spacer.gif);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/mystyle/photos/images/box_bot.gif",sizingMethod=crop);
}
.blog_poll .clear {*height: 0; _height: 11px;}
.blog_poll .vote_item {width: 106px; padding: 0 10px; background: url(http://images.mystyle.com/mystyle/photos/images/box_bg.gif);}
.blog_poll h3 {margin-bottom: 10px; font-size: 14px; color: #999; text-align: center;}
.blog_poll ul {width: 98px; margin: 0 auto;}
.blog_poll li {width: 98px; height: 32px; margin: 5px 0 0 0; font-weight: bold; line-height: 32px; text-align: center; text-transform: uppercase;}
.blog_poll li a {display: block; width: 91px; height: 32px; padding-left: 8px; cursor: pointer; text-decoration: none; color: #B0c370 !important;}
.blog_poll li a:hover {color: #cb99a7 !important; text-decoration: none !important;}
.blog_poll li a.rate_it_result {cursor: default; color: #cb99a7 !important;}
.blog_poll li a.vote-label-1 {background: url(http://images.mystyle.com/mystyle/photos/images/check_green.gif) no-repeat;}
.blog_poll li a:hover.vote-label-1 {background: url(http://images.mystyle.com/mystyle/photos/images/check_pink.gif) no-repeat;}
.blog_poll li a.vote-label-2 {background: url(http://images.mystyle.com/mystyle/photos/images/x_green.gif) no-repeat;}
.blog_poll li a:hover.vote-label-2 {background: url(http://images.mystyle.com/mystyle/photos/images/x_pink.gif) no-repeat;}
.blog_poll li a.result-label-1 {background: url(http://images.mystyle.com/mystyle/photos/images/check_pink.gif) no-repeat;}
.blog_poll li a.result-label-2 {background: url(http://images.mystyle.com/mystyle/photos/images/x_pink.gif) no-repeat;}

/* custom header for named galleries */
#custom_header {position: relative; width:980px; padding: 0; color: #fff; background: #999;}
#custom_header h2 {display: inline; float: left; margin:0 0 0 20px; padding-bottom: 10px; font-size: 28px; line-height: 27px; text-transform: uppercase; margin-top:20px;}
ul#custom_nav {display: inline; float: left; clear: none; margin-left: 30px; margin-top: 25px;}
ul#custom_nav li {float: left; display: inline-block; margin: 0; padding: 5px 0; font-size: 14px; background: url(/photos/images/tab_bg.png); border-right: 10px solid #999;}
* html ul#custom_nav li {
	background: url(http://images.mystyle.com/mystyle/images/spacer.gif);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/photos/images/tab_bg.png",sizingMethod=scale);
}
ul#custom_nav li a {position: relative; padding: 5px 10px; color: #fff; background: #999;}
ul#custom_nav li a:hover {background: none !important; color: #333; text-decoration: none;}
ul#custom_nav li a.current {background: none !important; color: #333; font-weight: bold;}
ul#custom_extras {position: absolute; right: 5px; top: 5px;}
ul#custom_extras li {display: inline; border-right: 1px solid #fff; padding: 0 5px;}
ul#custom_extras li.lastChild {border: none; padding: 0 0 0 5px;}
ul#custom_extras li a {font-size: 11px; color: #fff; text-transform: uppercase;}

/* fashion police custom header styles */
.fashionpolice #custom_header, .fashionpolice ul#custom_nav li a {background: #D69600;}
.fashionpolice ul#custom_nav li {border-color: #D69600;}
.fashionpolice #custom_nav li a:hover, .fashionpolice #custom_nav li a.current {color: #735611;}