/**

 * Copyright (c) 2010, Yahoo! Inc. All rights reserved.

 * Yahoo! Lego Baseplate

 * @module grids

 * @namespace yog

 * @requires yui-reset, yui-fonts

 */



/**

 * ===================================================================================================

 * YOG  - Yahoo! One Grid: http://twiki.corp.yahoo.com/view/Media/BaseplateCSSFramework#Yahoo_ONE_Grid

 * ===================================================================================================

 */



/* Main */

.yog-grid { width:970px; margin:0 auto; } 

.yog-bd .yog-grid{ width:950px; }

.yog-hd,.yog-bd,.yog-ft { margin-bottom:10px; }  

/* Direction */

.yog-ltr { direction:ltr; } 

.yog-rtl { direction:rtl; } 

/* Columns / Units */

.yog-col { float:left; margin-right:10px; }  /*column*/

.yog-rtl .yog-col { float:right; margin-right:0; margin-left:10px; } 

.yog-wrap { margin-right:-10px; /*IE6 double margin fix -> */ _margin-right:-20px; }  /* wrap */

.yog-rtl .yog-wrap { margin-right:0; margin-left:-10px; /*IE6 double margin fix -> */ _margin-left:-20px; } 

.yog-4u { width:150px; }  /* Unit Sizes -> w=(n*40)-10 */

.yog-5u { width:190px; } 

.yog-6u { width:230px; } 

.yog-7u { width:270px; } 

.yog-8u { width:310px; } 

.yog-9u { width:350px; } 

.yog-10u { width:390px; } 

.yog-11u { width:430px; } 

.yog-12u { width:470px; } 

.yog-13u { width:510px; } 

.yog-14u { width:550px; } 

.yog-15u { width:590px; } 

.yog-16u { width:630px; } 

.yog-17u { width:670px; } 

.yog-18u { width:710px; } 

.yog-19u { width:750px; } 

.yog-20u { width:790px; }

.yog-21u { width:830px; }

.yog-22u { width:870px; }

.yog-23u { width:910px; }

.yog-24u { width:950px; }   

/* Clearfix */

.yog-wrap:after { content:"."; display:block; visibility:hidden; clear:both; height:0; font-size:0; line-height:0; }

.yog-wrap { zoom:1; }  /* zoom:1 triggers hasLayout on IE */

.yog-wrap {margin-bottom: 10px;}







body, html {

font-size: 13px;

font-family: Helvetica, Arial, sans-serif;

margin:0;

padding: 0;

line-height: 1.5em;

}

.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%;

}



.alignleft {

    float: left;

    margin-right: 10px;

}

.alignright {

    float: right;

    margin-left: 10px;

}



img.alignleft, .img.alignright, .galleryart img {

    border: 1px #000 solid;

    padding: 5px;

    background: #fff;

}



.galleryart img {

    display: block;

    text-align: center;

    margin: 20px auto;

}



a {

    color: #447;

    text-decoration: none;

}



a:hover, a:active, a:focus {

    text-decoration: underline;

}



body {

    background:url(img/header.jpg) no-repeat top left;

}

#menu {

    list-style-type: none;

    width:950px;

    display: table;

    text-align: center;

    position: relative;

    padding-top: 90px;

    margin-bottom: 10px;

}



#menu li {

_zoom:1;

_display:inline;

_width:16%;

}



#menu li.alt {

    _width: 18%;

}



.yog-header {

    position: relative;

}

.yog-header li {

    text-align: center;

    margin: 0;

    display: table-cell;

    *display: block;

    *float: left;

    height: 39px;

    vertical-align: bottom;

    list-style: none outside none;

}

.yog-header li a span {

    

    text-transform: uppercase;

    height: 36px;

    display: block;

    border-top: 1px #677c9a solid;

    border-right: 1px #455786 solid;

    line-height: 36px;

    background-color: #1f2e5c;

    background-image: -moz-linear-gradient(top, #3f5387, #142041); /* FF3.6 */

    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #3f5387),color-stop(1, #142041)); /* Saf4+, Chrome */

              filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f5387', endColorstr='#142041'); /* IE6,IE7 */

          -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f5387', endColorstr='#142041')"; /* IE8 */

    color: #fff;

    *padding: 0 10px;

    *position: relative;

    *top: 2px;

}



.yog-header li.first a span {

    border-left: 1px #455786 solid;

}






.yog-header h1 {

    position: absolute;

    z-index: 2;

    top: 25px;

    width: 380px;

    height: 39px;

    background: url(img/yacc.png);
	
    _background: url(img/yacc.gif);

    text-indent: -9999px;

}





    .yog-header li.active a span {

        color: #000;

        font-weight: bold;

        border: 2px #fff solid;

        background-color: #e3e3e3;

        background-image: -moz-linear-gradient(top, #e3e3e3, #ffffff); /* FF3.6 */

        background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #e3e3e3),color-stop(1, #ffffff)); /* Saf4+, Chrome */

        filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3e3e3', endColorstr='#ffffff'); /* IE6,IE7 */

        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3e3e3', endColorstr='#ffffff')"; /* IE8 */

                 -moz-border-radius-topleft: 4px; /* FF1+ */

              -webkit-border-top-left-radius: 4px; /* Saf3+, Chrome */

                      border-radius-topleft: 4px; /* Opera 10.5, IE 9 */

                         -moz-border-radius-topright: 4px; /* FF1+ */

                      -webkit-border-top-right-radius: 4px; /* Saf3+, Chrome */

                              border-radius-topright: 4px; /* Opera 10.5, IE 9 */

                                 -moz-box-shadow: 2px -2px 2px #222; /* FF3.5+ */

                              -webkit-box-shadow: 2px -2px 2px #222; /* Saf3.0+, Chrome */

                                      box-shadow: 2px -2px 2px #222;

                                      position: relative;

                                      z-index: 10;
									  cursor:pointer;


    }

    

    

#sidebar .module {

    margin-bottom: 1em;

}

    

#anecdote {

    background: #9EADC7;

    padding: 10px;

    margin-bottom: 10px;

    border: 1px #7E9DA7 solid;

}    

#anecdote blockquote {

    font-size: 22px;

    color: #fff;

    line-height: 1.5em;

}

    

#anecdote blockquote strong {

    font-size: 30px;

    color: #000;

}    

    

#anecdote cite {

    display: block;

    text-align: right;

    font-size: 13px;

    font-style: italic;

    color: #fefefe;

}

    

    

/* frontpage post units */







#featuredpost {

    margin-bottom: 10px;

    border: 1px #000 solid;

    position: relative;

    overflow: hidden;
	zoom:1;

}



#featuredpost h3 {

    font-weight: bold;

}



#featuredpost .caption {

    background: rgba(41, 60, 107, 0.8);

    *background: #293C6B;

    padding: 10px;

    width: 610px;

    display: block;

    position: absolute;

    bottom: 0;

    color: #fff;

}



#featuredpost .caption h2 {

    font-size:150%

}



#featuredpost a {

    color: #fff;

    font-weight: bold;

}



#featuredpost a.readmore {

    display: inline;

    margin-left: 10px;

}



#sidebar .imagewithcaption {

    position: relative;

}

#sidebar .imagewithcaption a {

    color: #fff;

}

#sidebar .imagewithcaption p {

    background: rgba(0, 0, 0, 0.9);

    padding: 5px;

    width: 280px;

    display: block;

    position: absolute;

    bottom: 5px;

    left: 10px;

    color: #fff;  

}



#fpposts, #side_recent, #side_older, #side_network, #postwrap, #archdesc, #about {

    border: 1px #ccc solid;

    background:#fff url(img/grad.gif) repeat-x top;

}



#archdesc .content, #about .content {

    padding: 10px;

}



#postwrap {

    margin-bottom: 25px;

}



#side_network {

    padding-bottom: 5px;

}



#fpposts .post img {

    width: 80px;

    height: 80px;

    float: left;

    margin-right: 10px;

    border: 1px #000 solid;

}



.post, .page {

    padding: 0 10px;

    border-bottom: 1px #ccc dotted;

}



.post.last {

    border-bottom: none;

}



.post p, .commentcontent p, .post .entry p {

    margin-bottom: 1em;

}



.post.last {

    border-bottom: none;

}

.post h2, #commentssection h2, #commentform h2, .footer h4, #postwrap h2 {

    font-family:'Lucida Grande',Lucida Sans,Geneva,Arial;

    font-size:22px;

    text-align:left;

    margin-bottom: 1em;

    border-top: 1px #fff solid;

    padding-top: 10px;

    font-weight: normal;

    line-height: 26px;

}

/* insert a visited style to let people know they've looked at a link. 
this will not appear in IE6 */
.entry a:visited:after, 
#side_recent a:visited:after {
    content: "\00A0\221A";
    font-size: 75%;
	*font-size:100%;/*reset for IE */
}

#postwrap h2.pagetitle {

    font-size: 24px;

    font-weight: bold;

    padding: 10px;

    margin-bottom: 0;

}



h4 {

    font-size: 18px;

    padding: 5px;

    margin-bottom: 10px;

}



.navigation {

    margin: 0 10px;

    padding: 5px 0 5px 0;

    font-size: 11px;

    border-bottom: 1px #ccc solid;

}

.navigation.bottom {

    border-bottom: none;

}

a.more {

    cursor: pointer;

    width: 80px;

    float: right;

    display: block;

    font-weight: bold;

    background:url("http://l.yimg.com/a/i/us/tv/v3/common/tv-global-sp5.gif") no-repeat scroll right -294px;

    padding:4px 15px 4px 4px;

    text-align: center;

    line-height: 1.1em;

    margin-top: 1em;

}



img.post-thumbnail {

    border: 1px #ccc solid;

    padding: 5px;

    float: left;

    margin-right: 10px;

}



#sidebar h3 {

    font-weight: bold;

    color: #182547;

    text-transform: uppercase;

    padding: 5px 10px;

    border-bottom: 1px #ccc solid;

}



#sidebar li a {

    display: block;

    padding: 5px 10px;

}

#sidebar img.header {

    padding: 5px 10px;

}

#sidebar li.last a {

    border-bottom: 0;

}

#side_network .photo {

    width: 290px;

    border: 1px #000 solid;

}

div.break {

    border-top: 2px #182547 solid;

    height: 10px;

    width: 950px;

    margin-top: -10px;

}

.footer .yog-col {

    border: 1px #ccc solid;

    height: 400px;

    overflow: hidden;

}

#copyright cite {

    float: left;

}

#copyright {

    font-size: 12px;

}

#copyright li {

    float: left;

    margin-left: 10px;

}







#commentssection li {

    border-bottom: 1px #ccc dotted;

    margin: 25px 0;

}



.commentmetadata {

    height: 60px;

}



.commentcontent {

    margin-left: 60px;

}





#commentssection .gravatar {

    float: left;

    margin-right: 10px;

    border: 1px #000 solid;

}



#commentform {

    padding: 10px 0 10px 10px;

}



#commentform small {

    font-size: 12px;

    font-weight: bold;

}





input, textarea { 

	padding: 5px;

	border: 1px #E5E5E5 solid;

	width: 360px;

	background: #FFFFFF url('bg_form.png') left top repeat-x;

	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));

	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);

	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;

	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;

	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;

	margin-bottom: 10px;

	}



textarea { 

	width: 360px;

	max-width: 400px;

	height: 150px;

	line-height: 150%;

	}



input:hover, textarea:hover,

input:focus, textarea:focus { 

	border-color: #C9C9C9; 

	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;

	}



.form label { 

	margin-left: 10px; 

	color: #999999; 

	}



#searchform {

    position: absolute;

    top: 10px;

    left: 628px;

}



#searchform input {

    float: left;

}



#searchform label {

    display: block;

    text-indent: -9999px;

}

#searchform input {

    width: 200px;

    border: 1px #115 solid;

}



#searchform #searchsubmit {

    border: none;

    float: left;

	width: 100px;

	padding: 5px 15px;

	margin-right: 10px;

	background: #43598b;

	font-weight: bold;

	color: #fff;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;    

	margin-left: 10px;

}



#commentsubmit {

    float: right;

	width: auto;

	padding: 5px 15px;

	margin-right: 10px;

	background: #455786;

	border: 0;

	font-weight: bold;

	color: #FFFFFF;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	}



#commentform label {

    width: 230px;

    text-align: right;

    display: block;

    float: left;

    margin-right: 10px;

}







#recentcomments ul {

    padding: 10px;

}

#recentcomments img {

    margin-right: 3px;

    border: 1px #000 solid;

    position: relative;

    bottom: -3px;

}

#tagcloud {

    padding: 10px;

    line-height: 35px;

}

#postwrap ul, #postwrap ol  {

    margin: 0 0 1em 1em;

    }

#postwrap ul li {

    list-style-type: square;

}

#postwrap ol li {list-style-type: decimal;}



#postwrap .catdesc {

    padding: 10px;

    font-style: italic;

}



h3, h4, h5, h6 {

    font-family: 'Lucida Grande',Lucida Sans,Geneva,Arial;

    font-weight: bold;

    margin-bottom: 1em;

}

h3 {

    font-size: 18px;

}



h4 {

    font-size: 16px;

}



h5, h6 {

    font-size: 14px;

}



strong {

    font-weight: bold;

}

em {

    font-style: italic;

}

ul#searchresults {

    margin: 0;

}

ul#searchresults h3 {

    margin: 1em 0 1em 0;

}

ul#searchresults li {

    list-style-type: none;

}



.post blockquote {

    margin-left: 40px;

    padding-left: 10px;

    border-left: 3px #ccc solid;

}