/*==============================================================================
 || TITLE:       trrs_style.css
 || DESCRIPTION: Adding styles that more resemble the now sadly departed TRRS.org
 || VERSION:     1.0
 || AUTHOR:      Ben Melluish
==============================================================================*/


/* Basics
-------------*/
    .trrs_style     { font: italic 30px garamond, georgia, serif !important; color: #ff0000; margin: 20px 0 20px 0 !important; }
    ul.trrs_list li { margin-bottom: 10px; }

/* Utility
----------------------*/
.clearLeft { clear: left; }


/* Form Styling (Coming Soon)
--------------------------------*/
form.wpcf7-form { width: 520px; overflow: hidden; }
form.wpcf7-form p { overflow: hidden; } /* Contains their floated inputs */
form.wpcf7-form input, form.wpcf7-form textarea { float: right; width: 300px; padding: 2px; }


/* Link Styles
---------------------*/
    div.entry-meta a, div.entry-meta a:link, div.entry-meta a:visited { color: #505050; }
    div.entry-meta a:hover, div.entry-meta a:active                   { border-bottom: 1px solid #707070 !important; }
    div.hfeed div.entry-content a:hover                               { color: #000; border-bottom: none; }


/* Div#Header
-----------------------*/
div#header
{
    background: url("http://www.trrs.org/images/banners/blogHeader.png") top center no-repeat;
    height: 115px;
    position: relative;
    border-bottom: 5px solid #f00;
}

div#header h1
{
    text-indent: -9999px;
    height: 75px;
}

h1#blog-title
{ height: 75px;}

h1#blog-title a
{ height: 75px;}

div#header h1 a
{
    display: block;
}

div#header div#trrsIconStrip
{
    position: absolute;
    bottom: 5px;
    text-align: center;
    width: 100%;
}

div#header blockquote
{
    margin: 0;
}


/* Competition Pages
-----------------------*/
    div.trrs_page_wrap          { text-align: center; }
    div#comp_button_wrap        { width: 100%; overflow: hidden; }
    ul#competition_buttons      { list-style-type: none; position: relative; left: 50%; float: left; clear: left; }
    ul#competition_buttons li   { position: relative; right: 62%; float: left; width: 165px; }
    ul#competition_buttons li a { border: none; }


/* Social Bookmark Icons 
----------------------------*/
    ul#socialBookmarks1 li, ul#socialBookmarks2 li { list-style-type: none; list-style-position: inside; padding-left: 20px; }
    ul#socialBookmarks1, ul#socialBookmarks2 { float: left; padding-bottom: 50px; } /* gives us 2 columns of links */
    li.icon_addto { background: url(http://blog.trrs.org/images/icons/addtoplus.gif) bottom left no-repeat; }
    li.icon_explorer { background: url(http://blog.trrs.org/images/icons/internet_explorer.gif) bottom left no-repeat; }
    li.icon_yahoo { background: url(http://blog.trrs.org/images/icons/yahoo.gif) bottom left no-repeat; }
    li.icon_stumble { background: url(http://blog.trrs.org/images/icons/stumbleupon.gif) bottom left no-repeat; }
    li.icon_technorati { background: url(http://blog.trrs.org/images/icons/technorati.gif) bottom left no-repeat; }
    li.icon_google { background: url(http://blog.trrs.org/images/icons/Google.png) bottom left no-repeat; }
    li.icon_reddit { background: url(http://blog.trrs.org/images/icons/reddit.gif) bottom left no-repeat; }
    li.icon_newsvine { background: url(http://blog.trrs.org/images/icons/Newsvine.png) bottom left no-repeat; }
    li.icon_delicious { background: url(http://blog.trrs.org/images/icons/del.icio.us.png) bottom left no-repeat; }
    li.icon_blinklist { background: url(http://blog.trrs.org/images/icons/BlinkList.png) bottom left no-repeat; }
    li.icon_digg { background: url(http://blog.trrs.org/images/icons/Digg.png) bottom left no-repeat; }
    li.icon_furl { background: url(http://blog.trrs.org/images/icons/Furl.gif) bottom left no-repeat; }
    li.icon_simpy { background: url(http://blog.trrs.org/images/icons/Simpy.png) bottom left no-repeat; }
    li.icon_spurl { background: url(http://blog.trrs.org/images/icons/Spurl.png) bottom left no-repeat; }
    li.icon_blinkbits { background: url(http://blog.trrs.org/images/icons/BlinkBits.png) bottom left no-repeat; }
    li.icon_nowpublic { background: url(http://blog.trrs.org/images/icons/NowPublic.png) bottom left no-repeat; }
    li.icon_slashdot { background: url(http://images.slashdot.org/favicon.gif) bottom left no-repeat; }


/* Three column pages ie. Valentines Day
-------------------------------------------*/
    .trrs_clearLeft                     { clear: left; text-align: center; padding-top: 27px; }
    div#FPwrap                          { width: 100%; margin: 0 auto; }
    div#FPcol1, div#FPcol2              { width: 40%; }
    div#FPcol1, div#FPimage, div#FPcol2 { float: left; }
    div#FPcol1                          { text-align: right; }
    div#FPimage                         { width: 100px; height: 100px; position: relative; top: 20px; }
/*----------------------------------------------------------------------------*/

/* Style for the winning entry at the top of some of the copetition pages
-----------------------------------------------------------------------------*/
    .winning-entry
    {
        background: none !important;
        font: italic 22px/1em Garamond, Geargia, serif;
        color: #f00 !important;
        text-align: center;
    }


    .winning-entry q
    {
        font: italic 22px/1em Garamond, Geargia, serif !important;
        color: #f00 !important;
    }
/*----------------------------------------------------------------------------*/

/* Star Product Widgets
-------------------------*/
    iframe
    {
        margin: 0;
        padding: 0;
        overflow: hidden;
        line-height: 0;
    }

    iframe:hover, div.trrs_star_product:hover
    {
        -moz-box-shadow: 0 0 10px #666;
        -webkit-box-shadow: 0 0 10px #666;
        box-shadow: 0 0 10px #666;
    }

iframe.fb_ltr:hover, #___plusone_0 iframe
{
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* Overrides 'overflow: hidden' in theme's stylesheet */
/* otherwise fb like button comment box gets chopped off */
div#wrapper div.sidebar
{
  overflow: visible;
}

    /* ----- For star prods that are just text widgets ----- */
    div.trrs_star_product *
	{
		margin: 0;
		padding: 0;
                line-height: 1em;
	}
	div.trrs_star_product a img
	{
		border: none;
	}
	div.trrs_star_product .description
	{ 
		margin: 10px 0;
		height: 60px;
	}
	img.buyButton
	{
		margin-top: 10px;
	}
    div.trrs_star_product
    {
       		background: url('http://www.blog.trrs.org/images/product_tile.png') bottom left repeat-x;
        	text-align: center;
		font-family: "Lucida Grande", Verdana, "Trebuchet MS", Arial, sans-serif;
		font-size: 12px;
		width: 160px;
		padding-bottom: 10px;
    }
    div#primary div.trrs_star_product
    {
		margin-left: 10px;
    }
    div#secondary div.trrs_star_product
    {
		margin-right: 10px;
    }
    strong.prod_name
	{
		display: block;
		height: 30px;
	}
    div.trrs_star_product a
	{
		background: none !important;
	}
    div.trrs_star_product h3
	{
		text-align: center;
	}
/*--------------------------------------------------------------*/

/* Footer Area
------------------------------------*/
    div#copyrightBits               { text-align: center; }
    div#copyrightBits p             { margin: 3px; }
    div#copyrightBits p:first-child { font-size: 150%; }
    div#footer h3                   { font-size: 12px; font-weight: normal; margin-bottom: 2px;}
/*---------------------------------------------------------------------------------*/

/* Sorts out the select boxes in left column
--------------------------------------------- */
div#primary form select { width: 100%; margin-bottom: 5px; }

/* Make the font size for content in posts bigger
--------------------------------------------- */
div.entry-content { font-size: 1.3em; line-height: 1.3em; }