/*  
Theme Name: The Morning After IamIcon Mod
Theme URI: http://themasterplan.in/tma/
Description: A magazine-style theme for WordPress, available at <a href="http://themasterplan.in/tma/">The Masterplan</a>.
Version: 1.4
Author: Arun Kale
Author URI: http://themasterplan.in/

Please read the license in the README.txt included with the theme.
*/

/* --------------------------------------------------------------   
   This theme makes use of the Blueprint CSS Framework [bjorkoy.com/blueprint]    
-------------------------------------------------------------- */

/* Import stylesheets and hide from IE/Mac \*/
@import "lib/compressed.css";
/* End import/hide */

/* Start The Morning After stylesheet
-------------------------------------------------------------- */
body { background: #fff; }
.container {background: #fff url(yl_images/bg/col_bg.png) repeat-y top center; width:980px;}
.post_wrapper {margin: 20px 10px 20px 20px;}
.post_wrapper .post_ad {border: 1px solid #ccc; background: #f0f0f0; text-align:center; margin-bottom: 20px;}
.post_wrapper .post_ad img {margin:0;}
.span-14 {width: 980px;}
#sidebar { margin: 18px 0 20px 10px;}
.yl_tabs {margin: 0 0 1em 0;}

a { color: #000; text-decoration: none; }
h2 { font-weight: normal; }

#socials {float:right; margin: 5px 5px 0 0;}
#socials li {padding:0; margin:0 0 5px 0; line-height:normal; list-style:none; text-align:right;}
#socials a,
#socials img 	{margin:0; padding:0;}

#yl_social {margin:0; padding:0; height:60px;}
#yl_social li {margin:0; padding:0; list-style:none; float:left; width: 25%; text-align:center;}
/* Header styles
-------------------------------------------------------------- */
#header { padding: 0; }
#header #logo {margin: 0; float:left;}
#header #logo .title { padding: 0.5em 0 0 0; font: 700 3em arial, sans-serif; letter-spacing: -.050em; line-height: 1.2em; color: #000; }
#header #logo .title .desc { text-align: right; margin: 0.4em 0 0 0; font: 400 0.25em arial, sans-serif; text-transform: uppercase; color: #666; letter-spacing: 0.2em; padding: 0.6em 0 0 1.5em; border-top: 1px solid #ccc;  }
#header #logo .title a { text-decoration: none; color: #000; }
#header #logo .title a:hover { color: #fff; background: #000; }

#header #logo a.sitelogo {text-indent: -1000px; display: block; width: 120px; height: 133px; background: url(images/yl_logo.gif) no-repeat center left; }
#header #logo p {margin-top: -5px; font-style:italic; font-size:.9em;}

#leaderboard {background: #fff;}
#breadcrumb {font-size: 1em;padding: 2px 20px; background: #000; color: #fff; opacity: 0.5; filter:Alpha(Opacity=50); clear:both;}
#breadcrumb a {color:#fff; text-decoration:underline;}
#breadcrumb a:hover {color:#fff; text-decoration:none;}
/* Search and navigation
-------------------------------------------------------------- */
#navigation {line-height:normal; position:relative; background: #f0f0f0 url(yl_images/bg/nav_bg.png) repeat-x bottom left; height: 50px; border: 1px solid #e0e0e0;}
#navigation .tweet {position:absolute; right: 20px; top: -32px; width:64px; height:81px;}

#navigation ul {margin: 0 15px 0 5px;}
#navigation ul li,
#navigation ul li a,
#navigation ul li a span 	{float:left; display:block; height: 30px;}
#navigation ul li 			{display:block; margin: 10px 0 0 5px; padding:0; list-style:none;}
#navigation ul li a  		{padding: 0 0 0 10px;}
#navigation ul li a span 	{padding: 0 10px 0 0; font-size: 120%; line-height: 29px;}

#navigation ul li a:hover  		{background: url(yl_images/bg/nav_hover_l.png) repeat-x top left;}
#navigation ul li a:hover span  {background: url(yl_images/bg/nav_hover_r.png) repeat-x top right;}

	#navigation ul li.current-cat a,
	#navigation ul li.current-cat-parent a,
	#navigation ul li.current_page_item a 		{color: #fff; background: url(yl_images/bg/nav_select_l.png) repeat-x top left;}

	#navigation ul li.page-item-291 {float:right;}
	#navigation ul li.page-item-291 a span {color: #c87100; font-weight:bold;}
	
	#navigation ul li.current-cat a span,
	#navigation ul li.current-cat-parent a span,
	#navigation ul li.current_page_item a span 	{background: url(yl_images/bg/nav_select_r.png) repeat-x top right;}



#searchform {position:relative; width: 320px;}
input.search_input { width: 250px; height:42px; border: 0; background: #fff url(yl_images/bg/search_field.png) no-repeat; padding: 5px; color: #999; font-size: 2em; margin: 0; float: left; }
input.focus {color: #333;}
input.submit_input { position:absolute; right: -5px; top: 0;background: /*#E0691A*/ url(yl_images/bg/search_go.png) no-repeat; border: 0; height: 42px; padding: 0; width: 60px; margin: 0; color: #666; font: bold 1.4em arial, sans-serif; float: left; cursor:pointer}

/* Top banner with rotating images
-------------------------------------------------------------- */

#topbanner { height: 70px; border-bottom: 1px solid #999; background: url(images/bg/home_banner.png) no-repeat; }
#topbanner_arch { height: 70px; border-bottom: 1px solid #999; background: url(images/bg/archive_banner.png) no-repeat; }
#topbanner_single { height: 70px; border-bottom: 1px solid #999; background: url(images/bg/single_banner.png) no-repeat; }
#topbanner .pagetitle, #topbanner_arch .pagetitle, #topbanner_single .pagetitle { float: left; background: #fff; color: #000; font: 700 2em arial, sans-serif; text-transform: lowercase; letter-spacing: -0.036em; padding: 1px 5px 1px 0; margin: 20px 0 0 0; }

/* Home page columns
-------------------------------------------------------------- */

#home_content { margin: 1.5em 0; }
.btn_rss { background: url(yl_images/feed.gif) no-repeat top left; float:right; margin-top: .2em; padding-left: 18px; color: #f60; font-weight:normal; }
h2.archive_name {margin-right: 50px; display:inline;}
/* latest post */



#latest_post { padding: 0 0 1.5em 0; }
#latest_post_image img { margin: 0 0 0.2em 0; }
.latest_post_meta { font-size: 0.9em; line-height: 1.6em; }
.latest_post_meta a { font-weight: bold; }
.latest_post_meta a:hover { text-decoration: underline; }
.latest_read_on { padding: 0 20px 1px 20px; background: url(images/bg/readon.png) no-repeat top left; }
.latest_comments { padding: 0 20px 1px 20px; background: url(images/bg/comment.png) no-repeat top left; }
.latest_category { padding: 0 20px 1px 20px; background: url(images/bg/category.png) no-repeat top left; }

/* featured post */

.feat_content { float: left; padding: 0 0.7em 0.4em 0.7em; }
.feat_thumb img { float: left; padding: 0; margin: 0.2em 0 0 0; border: 1px solid #999; width: 100px; height: 100px;}
.feat_title { font: 700 12px georgia, serif; padding: 0 0 0.3em 0; }
.feat_title a { color: #224970; }
.feat_title a:hover { color: #000; }
.feat_exc 	{margin-left: 120px;}
.feat_exc .button {margin: 0;}

/* asides */

ul.arrow, ul.cat, ul.reccom, ul.email, ul.sponsors { list-style: none; list-style-image: url(foo.gif); margin: 0; }
ul.arrow li { padding: 0 0 0.5em 12px; margin: 0 0 0.5em 0; border-bottom: 1px solid #dadada; border-left: 5px solid #dadada; }
ul.arrow li a, ul.reccom li a, ul.email li a { color: #3a6999; }
ul.arrow li a:hover, ul.reccom li a:hover, ul.email li a:hover { color: #000; background: #eee; }

ul.sponsors {margin: 0 0 10px 0;}
ul.sponsors li {border: 1px solid #dadada; margin: 0 0 .1em 0;}
ul.sponsors li a,
ul.sponsors li a:link,
ul.sponsors li a:visited {display:block; padding: 5px 9px; margin: 1px; font-size: 1.2em; line-height:normal; text-align:center;}
ul.sponsors li a:hover {text-decoration:underline;}
ul.sponsors li.img_ad {text-align:center;}
ul.sponsors li.img_ad img {margin:0;}


/* about */

#home_about { border-bottom: 1px solid #dadada; border-top: 1px solid #dadada; margin: 0 0 1em 0; background: #f3f9ff; padding: 1.0em 0.7em 0 0.7em; }
#home_about p { font-size: 0.9em; font-family: tahoma; text-align: left; }

/* recent posts */

.home_recent_post { padding: 0.1em 0 1.2em 0; margin: 0 0 0.8em 0; background: url(images/bg/dot.png) repeat-x bottom left; }
.home_recent_thumb { padding: 0 10px 0 0; margin: 0 0 0.25em 0; float: left; }
.home_recent_thumb img { float: left; margin: 0; }
.home_recent_thumb a img { background: #999; padding: 2px; margin: 0; border: 0; }
.home_recent_thumb a:hover img { background: #333; padding: 2px; margin: 0; border: 0; }
.home_recent_title a { font-weight: bold; }
.home_recent_title a:hover { color: #fff; background: #000; }
.home_recent_date, .home_recent_auth { padding: 0; margin: 0; color: #666; font-size: 0.9em; }
.home_recent_exc p { color: #666; text-align: left; }

/* recent posts */



/* category list */

#side_categories { margin: 0 0 1em 0; }
ul.cat li { padding: 0 0 0.1em 0; margin: 0; }
ul.cat li a { display: block; text-transform:capitalize; font-size: 0.8em; font-weight: bold; color: #000; border: 1px solid #dadada; padding: 3px 12px 0 7px; margin: 0; background: url(images/bg/arrow.png) no-repeat 177px 3px; height: 19px; }
ul.cat li a:hover { background: #f1f1f1 url(images/bg/arrow2.png) no-repeat 177px 3px; color: #3a6999; }
ul.cat li ul { list-style: none; list-style-image: url(foo.gif); margin: 0; padding: 0.3em 0 0.2em 0.8em; }
ul.cat li ul li { padding: 0; margin: 0; }
ul.cat li ul li a { border: 0; margin: 0; padding: 0 0 0 12px; text-transform: none; font-size: 0.9em; height: 19px; background: url(images/bg/sub.png) no-repeat; }
ul.cat li ul li a:hover { background: #f1f1f1 url(images/bg/sub1.png) no-repeat; }

/* recent comments */

#side_recent_comments, #side_most_emailed, #side_tag_cloud { margin: 0 0 1.4em 0; }
#side_tag_cloud a {color: #666666;}
#side_tag_cloud a:hover { text-decoration:underline;}

ul.reccom li { padding: 0 0 0.2em 20px; margin: 0 0 0.5em 0; border-bottom: 1px solid #dadada; background: url(images/bg/bubble.png) no-repeat 0 3px; }

/* most emailed */

ul.email li { padding: 0 0 0.2em 20px; margin: 0 0 0.5em 0; border-bottom: 1px solid #dadada; background: url(images/bg/doc.png) no-repeat 0 3px; }

/* ad */

.ad_block { border: 1px solid #dadada; padding: 4px 0; margin: 0 0 1.2em; text-align: center; }
#leaderboard .ad_block {float:right; margin:0; text-align:center; border:0; margin-top: 18px;}
#leaderboard .ad_block .ad_foodbuzz {float:right; padding: 15px 0 0 0;}
.ad_block .ad120 { margin: 0 auto; width: 120px; }
.ad_block .ad160 { margin: 0 auto; width: 160px; }
.ad_block .ad180 { margin: 0 auto; width: 180px; }
.ad_block .ad250 { margin: 0 auto; width: 250px; }
.ad_block .ad729 { margin: 0 auto; width: 729px; }
.ad_block img, .ad_block p img { margin: 0; padding: 0; display: block; }

/** widgets **/

.widget { margin: 0 0 1.4em 0; }
.widget a { color: #224970; }
.widget a:hover { color: #000; }
.widget ul, .widget ol { list-style: none; padding: 0; margin: 0; }
.widget ul li { padding: 0 0 0.3em 20px; margin: 0 0 0.5em 0; border-bottom: 1px solid #dadada; background: url(images/bg/postbullet.png) no-repeat 0 2px; }
.widget ol li { padding: 0 0 0.3em 10px; margin: 0 0 0.5em 0; border-bottom: 1px solid #dadada;  }

/*recent comments*/
ul#recentcomments li.recentcomments { background: url(images/bg/bubble.png) no-repeat 0 3px; }

/*wp-calendar*/
table#wp-calendar { margin: 0; width: 100%; border: 0; }
table#wp-calendar caption { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.6em 0; letter-spacing: 0.1em; color: #175595; }
table#wp-calendar th, table#wp-calendar td { height: 1em; padding: 0.2em 0.4em;/*padding: 5px 7px;*/ text-align: right; border-right: 2px solid #fff;  }
table#wp-calendar th, table#wp-calendar td#today { font-weight: bold; background: #dadada; color: #000; border-bottom: 0; }
table#wp-calendar td#today { font-weight: bold; background: #f2f2f2; }
table#wp-calendar td { border-bottom: 1px solid #efefef; }
table#wp-calendar td a { font-weight: bold; }

/*most e-mailed*/
.widget_email_most_emailed ul li { background: url(images/bg/doc.png) no-repeat 0 2px; }

/* Archive styles
-------------------------------------------------------------- */

#arch_content, #post_content { }
.archive_meta { margin: 1.5em 0; border-top: 1px solid #dadada; }
.archive_meta a { color: #666; }
.archive_meta a:hover { color: #3a6999; }
.archive_feed { padding: 0.5em 1.5em; margin: 0; border-bottom: 1px solid #dadada; background: url(images/bg/feedicon12.png) no-repeat 0 8px; color: #666; }
.archive_number { padding: 0.5em 1.5em; margin: 0; border-bottom: 1px solid #dadada; color: #666; background: url(images/bg/info.png) no-repeat 0 8px;  }
.archive_email { padding: 0.5em 1.5em; margin: 0; border-bottom: 1px solid #dadada; color: #666; background: url(images/bg/email_author.png) no-repeat 0 9px;  }
.archive_post_block { padding: 0.1em 0 1em 0; border-bottom: 1px dashed #ddd; margin: 0 0 1em 0; }
.archive_post_block a.more-link {margin-top:1em;}
.archive_post_meta { color: #666; padding: 0 0 0.6em 0; font-size: 0.8em; text-transform: uppercase; }
.archive_post_meta a, .post_meta a { color: #3a6999; }
.archive_post_meta a:hover, .post_meta a:hover { color: #000; text-decoration: underline; }

/* Single post styles
-------------------------------------------------------------- */

.post_meta { color: #666; padding: 0.3em 0 0.4em 0; font-size: 0.8em; text-transform: uppercase; }
.post_meta_tag { color: #666; }
.post_meta p img, .post_meta a img { margin: 0; padding: 0; float: none; }
img.WP-PrintIcon, img.WP-EmailIcon { display: none; }
.post_meta p { margin: 0 0 0.4em 0; }
.post_text { margin: 0.9em 0 0 0; }
.post_text p { margin: 0 0 1em 0; padding: 0; line-height: 1.6em; }
.post_text a { border-bottom: 1px solid #eee; }
#post_content blockquote { float: right; width: 260px; color: #666; margin: 0 0 0 1.5em; color: #000; font: bold 1.3em georgia, serif; font-style: italic; letter-spacing: -0.048em; }
#post_content blockquote p { text-align: right; line-height: 1.5em; }
#post_content p img { /*margin: 0;padding:0;*/ }
#post_content img.WP-PrintIcon, #post_content img.WP-EmailIcon, #post_content img.posttag { margin: 0 0.3em 0 0;padding: 0.1em 0 0 0; }
#post_content p a, #arch_content p a, .post_meta a { color: /*#224970;*/#3a6999; }
#post_content p a:hover, #arch_content p a:hover { color: #000; text-decoration: underline; }

img.alignnone {clear:both;}

/* Comment area styles
-------------------------------------------------------------- */

#comments { margin-top: 3em; }
#commenthead { margin-bottom: 1em; }
ol#commentlist { list-style-type: none; margin: 0; padding: 0 0 12px 0; }
ol#commentlist li { border-right: 3px solid #dadada; border-bottom: 1px solid #dadada; margin: 0 0 1.2em 0; padding: 0 1em 0
0; overflow-x: hidden; }
ol#commentlist li.alternate { border-right: 3px solid #999; border-bottom: 1px solid #dadada; }
ol#commentlist cite { font-style: normal; text-align: left; display: block; color: #818181; text-transform: uppercase; font-size: 0.8em; }
ol#commentlist cite a { color: #3a6999; }
ol#commentlist cite a:hover { color: #000; text-decoration: underline; }
ol#commentlist li blockquote { float: none; width: auto; padding: 0 2em 0 0; margin: 0.5em 0; color: #818181; font: italic 1em arial, sans-serif; letter-spacing: 0; text-align: left; }
ol#commentlist li .commentauthor { font-weight: bold; color: #333; }
ol#commentlist li .commentauthor a, ol#commentlist li .commenttime a { font-weight: bold; color: #3a6999; }
ol#commentlist li .commentauthor a:hover, ol#commentlist li .commenttime a:hover { color: #000; text-decoration: underline; }
ol#commentlist li .commnumber { width: 30px; text-align: left; float: left; font-size: 3em; font-weight: bold; line-height: 1em; }
ol#commentlist li .commentcont p { margin: 0 0 0.9em 0; padding: 0; line-height: 1.6em; }
ol#commentlist li ul.children, ol#commentlist li ul.children li ul { list-style:none; margin: 0 0 0 2em; padding: 0; }
ol#commentlist li ul.children li, ol#commentlist li ul.children li ul li { border-right: 0; border-bottom: 0; border-top:
1px dashed #bbb; padding: 1em 0 0 0; margin: 0; }
.reply { margin: 0.6em 0 2em 0; }
.reply a, a#cancel-comment-reply-link { line-height: 1em; color: #fff; background: #3a6999; font-size: 0.8em;
text-transform: uppercase; padding: 0.2em 0.3em; font-weight: bold; }
.reply a:hover, a#cancel-comment-reply-link:hover { color: #fff; background: #000; }
.cancel-comment-reply { margin: 1em 0 1.6em 0; }

/* comment form */

#comment-form form { margin-top: 1.5em; }
label.com { float: left; width: 100px; }
input.comtext, textarea.comtext { width: 300px; border-top: 1px solid #999; border-left: 1px solid #999; border-bottom: 1px solid #dadada; border-right: 1px solid #dadada; padding: 2px; }
input.comtext:focus, input.comtext:hover, textarea.comtext:focus, textarea.comtext:hover { background: #f7f7f7; border-top: 1px solid #999; border-left: 1px solid #999; border-bottom: 1px solid #dadada; border-right: 1px solid #dadada; }
input.comsubmit { margin-left: 100px; }

/* archives page */

ul.archives, ul.wp-tag-cloud {  margin: 0 0 1.5em 0; list-style: none; list-style-image: url(foo.gif); }
ul.archives li, ul.wp-tag-cloud li { padding: 0 0 0.2em 20px; background: url(images/bg/doc.png) no-repeat 0 2px; }
ul.archives li a, ul.wp-tag-cloud li a { color: #224970; }
ul.archives li a:hover, ul.wp-tag-cloud li a:hover { color: #000; background: #eee; }

/* Footer
-------------------------------------------------------------- */
#footer {background:#333; color: #999999;}
#footer p {padding: 5px 20px; margin:0;}



/* Form styles
-------------------------------------------------------------- */



/* Miscellaneous styles
-------------------------------------------------------------- */

/*  heading styles */

h2.archive_name, h2.post_name { letter-spacing: -0.04em; }
h2.post_cat { text-transform: capitalize; font-size: 1em; font-weight: normal; padding: 0.2em 0 0.2em 0; margin: 0 0 1em 0; letter-spacing: 0.1em; color: #999; border-bottom: 1px solid #dadada; }
h2.post_comm { text-transform: uppercase; font-size: 0.9em; line-height: 1.8em; font-weight: bold; padding: 0.6em 0 0.4em 0; margin: 0 0 0.2em
0; letter-spacing: 0.1em; color: #000; border-bottom: 1px solid #dadada; border-top: 3px solid #999; background: url(images/bg/stripe.png) repeat; }
h2.post_comm2 { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0.3em 0 0.2em 0; margin: 0 0 0.2em 0; letter-spacing: 0.1em; color: #000; border-bottom: 1px solid #dadada; }
h3.latest_post_title { font: bold 1.6em arial, sans-serif; line-height: 1.6em; margin: 0; letter-spacing: -.035em; padding: 0 0 0.2em 0; }
h3.latest_post_title a:hover { color: #fff; background: #000; }
h3.home_featured { background: url(images/bg/dot.png) repeat-x top left; text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0.7em 0.7em 0.9em 0.7em; color: #5f9410; letter-spacing: 0.1em; }

h3.mast { text-transform:capitalize; font-size: 1.2em; line-height: normal; font-weight: bold; padding: 0 0 0.6em 0; letter-spacing: 0.1em; color: #666; }
h3.mast2 { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.2em 0; color: #5f9410; }
h3.mast3 { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.2em 0; letter-spacing: 0.1em; color: #224970; }
h3.mast4 { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.6em 0; letter-spacing: 0.1em; }
h3.mast5 { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.2em 0; letter-spacing: 0.1em; color: #5f9410; }

h3.archive_title { line-height: normal; padding: 0 0 5px 0; }
h3.archive_title a { font: normal 1.4em arial, sans-serif; color: #333; letter-spacing: -0.036em; }
h3.archive_title a:hover { text-decoration:underline;}

h4.gall { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.4em 0; color: #5f9410; letter-spacing: 0.1em; }


/* miscellaneous */

.none { display: none; }
.border_left { padding-left: 9px; margin-left: 0; border-left: 1px solid #ddd; }
.dot { font-family: "lucida sans unicode", "arial unicode ms", sans-serif; }
.navigation { color: #818181; }
input.Forms, textarea.Forms { border-top: 1px solid #999; border-left: 1px solid #999; border-bottom: 1px solid #dadada; border-right: 1px solid #dadada; padding: 2px; }
input.buttonem { background: #dadada; float: left; }
.filedunder { background: #111; color: #eee; padding: 0.1em 0.4em; line-height: 1em; text-transform: uppercase; font-size: 1em; }
.fright { float: right; margin: 0 0 0.3em 0.7em; }
.fright img { border: 3px solid #777; }
.stripe { background: url(images/bg/stripe.png) repeat top left; }

/* legacy image caption classes */

.captionleft { float: left; margin: 0 1.5em 1em 0; padding: 0.5em; text-align: left; }
.captionright { float: right; margin: 0 0 1em 1.5em; padding: 0.5em; text-align: left; }
.captionfull { margin: 0 0 1em 0; padding: 0; text-align: left; }
.captionleft img, .captionright img, .captionfull img { margin: 0; display: block; }
.captionleft p, .captionright p, .captionfull p { background: #eee; margin: 0; line-height: 1.6em; padding: 0.5em; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; font-size: 0.9em; color: #555; }

/* image styles */

.aligncenter, div.aligncenter { display: block; margin: 14px auto; }
.alignleft { float: left; margin: 0 14px 10px 0; }
.alignright { float: right; margin: 0 0 10px 14px; }
.alignnone  { float:none; clear:both !important; display:block;}
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; /* optional rounded corners for browsers that support it */ -moz-border-radius: 3px; -khtml-border-radius: 3px;  -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 14px; padding: 5px 4px 5px 5px; margin: 0; }

/*gallery thumbnails */

dt.gallery-icon { background:url(images/bg/stripe.png) repeat top left; }
dt.gallery-icon a { border: 0; }
dt.gallery-icon img { border: 5px solid #bbb; margin: 0; padding: 0; }
.gallery img { border: 0; }
.gallery { margin: 0 0 1em 0; width: 100%; }
dl.gallery-item { margin: 0; }
dd.gallery-caption { font-size: 0.8em; padding: 5px 0 3px 0; text-align: center; margin: 0; text-transform: uppercase; letter-spacing: 0.1em; }

/* gallery individual images */

.bigimage { background: url(images/bg/stripe.png) repeat; text-align: center; padding: 18px 0 0 0; }
.bigimage a { border: 0; }
.bigimage img { border: 3px solid #777; }
.bigcaption { margin: 10px 0 0 0; }
.bigcaption p { line-height: 1.4em; text-transform: uppercase; text-align: center; font-size: 0.8em; letter-spacing: 0.1em; }
.prvimg { float: left; }
.nxtimg { float: right; }
.imgnav { margin: 2em 0; }

.ui-tabs {}
.per_tab {border: 1px solid #ccc; border-top: 0;}
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding:0; margin:0; height: 26px; background: url(yl_images/bg/pixel_ccc.gif) repeat-x bottom left;}
.ui-tabs .ui-tabs-nav li { position: relative; float: left; margin: 0; padding: 0;}
.ui-tabs .ui-tabs-nav li a {float:left; padding: 0 10px; height: 25px; line-height: 24px;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {font-weight:bold; padding: 0 9px; height: 24px; line-height: 23px; background: #fff url(yl_images/bg/tab_select_bg.gif) repeat-x top left; padding-bottom: 1px; border-bottom-width: 0; border: 1px solid #ccc; border-bottom: 0;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {border: 1px solid #ccc; border-top: 0; padding: 9px;}
.ui-tabs .ui-tabs-hide { display: none !important; }

.yl_tabs {}
.yl_tabs ol 	{margin:0; padding:0; margin-top:5px;margin-bottom:15px; border-top: 2px solid #ddd;}
.yl_tabs ol li 	{margin:0; display:block; clear:both; border-bottom: 1px solid #f0f0f0; padding: 6px 0; list-style:none;}
.yl_tabs ol li.last {} 

.yl_tabbed_thumb { padding: 0 10px 0 0; margin: 0 0 0.25em 0; float: left; }
.yl_tabbed_thumb img { float: left; margin: 0; width:32px; height: 32px;}

	.full_splash .yl_tabbed_thumb img {float:none; width:310px; height:60px;}
	.full_splash .yl_tabbed_title {margin:0!important;}
	.yl_tabs .full_splash {padding: 6px 0 0 0;}
	.yl_tabs .full_splash li {border:0; padding: 2px;}
.yl_tabbed_thumb a img { background: #999; padding: 2px; margin: 0; border: 0; }
.yl_tabbed_thumb a:hover img { background: #333; padding: 2px; margin: 0; border: 0; }
.yl_tabbed_title,
.yl_tabbed_date {margin-left: 45px !important;}
.yl_tabbed_title a { font-weight: normal; font-size: 120%; line-height:1.4em;} 
.yl_tabbed_title a:hover { color: #fff; background: #000; }
.yl_tabbed_date, .home_recent_auth {margin-left: 42px;  padding: 0; margin: 0; color: #999; font-size: 0.9em; }
.yl_tabbed_exc p { color: #666; text-align: left; }

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}