/* ******************************************************************************** */
/* ******************************************************************************** */
/* ******************************************************************************** */
/* ***************************** Whistle-Black Theme ****************************** */
/* ******************************************************************************** */
/* *************************** Created by: Lifeyo.com ***************************** */
/* ******************************************************************************** */
 


/* Body is used to set the background and any global type settings */

body, #scroll_container{
	background-color:#000000;
	background-image:url(/static/themes/whistle-black/images/background.jpg);
	background-repeat:repeat-x;
}

/* Main header attributes */
#main_header {
	width:950px;
	margin: 0px auto;
	overflow:hidden;
} 

/* Body Background or Content area settings for entire container */

#usr_blocks{
	clear:both;
	width:950px;
	margin: 0px auto;
	height: auto;
}

#site_title_container {
	margin:10px auto;
	width:900px;
}

/* Blog Link Styling. */
.ly_blogbox a,.ly_blogbox a:visited, .ly_blogbox a:active {
border:none;
color:#000000;
text-decoration:none;
}

.ly_blogbox a:hover {
color:#666666;
text-decoration:underline;
}

/* User Text Link Styling. */
.ly_text_box a,.ly_text_box a:visited, .ly_text_box a:active {
border:none;
color:#000000;
text-decoration:none;
}
.ly_text_box a:hover {
color:#666666;
text-decoration:underline;
}

/* Archive Box Text Link Styling. */
.ly_archivebox a,.archivebox a:visited, .archivebox a:active {
border:none;
color:#000000;
text-decoration:none;
}
.ly_archivebox a:hover {
color:#666666;
text-decoration:underline;
}


/* Page Title Position / ===Default Settings=== */
.ly_title{

}


/* Navigation Container */
#navigation_container {

}

/* Navigation Position / ===Default Settings=== */
.ly_nav {
	margin-left:31px;
	width:896px;
}

/* Body Background or Content area settings for different layout syles - determines the visual page layouts */

/* Default settings ("style" - Page Type) */

#ly_header {
	background:transparent url(/static/themes/whistle-black/images/header_tall.png) no-repeat scroll 6px 25px;
	display:block;
	height:300px;
	text-align:center;
}

#usr_elements{
	background-image:url(/static/themes/whistle-black/images/content-strip_full.png);
	background-position:center;
	/*position:relative;*/
}

#ly_footer {
	background-position:center bottom;
	margin-top:-2px;
	background-image:url(/static/themes/whistle-black/images/footer.png);
	clear:both;
	height:109px;/* used to be 40px*/
	margin: 0px auto;
	text-align: center;
	width:950px
}

#ly_footer_msg {
position:relative;
top:33px;
}

/* Optional Layout settings ("full" - Page Type) */

#ly_header.full_layout{
	height:44px;
	background:transparent url(/static/themes/whistle-black/images/header_short.png) no-repeat scroll center 12px;
}


/* The Following are Title Settings - We use USRBLOCKS so they dont change the interface settings in edit mode */

#usr_blocks h1{
font-family:Arial, Helvetica, sans-serif;
font-size:36px;
color:#f2f2de;
font-weight:bold;
font-style:normal;
}
#usr_blocks h2{
font-family:Arial , Helvetica, sans-serif;
font-size:30px;
color:#333333;
font-weight:bold;
font-style:normal;
}
#usr_blocks h3{
font-family:Arial , Helvetica, sans-serif;	
font-size:16px;
color:#333333;
font-weight:bold;
font-style:normal;
}





/* The Following are Navigation Settings */

.site_links ul {
    display:block;
}

.site_links ul.center{
    float:none;
    text-align:center;
}

.site_links ul.right{
    float:none;
    text-align:right;
}

.site_links ul.left{
    float:none;
    text-align:left;
}

.site_links li {
    display: inline;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
	padding-left: 30px;
    padding-right: 30px;
	margin:10px 5px;
	margin-top:20px;
}

.site_links li a {
    color:#FFFFFF;
    font-family: Arial, Helvetica, Sans-serif;
	font-style:normal;
	font-weight:normal;
    letter-spacing: 0.1em;
    text-align: center;
    margin: 40px auto;
    font-size: 17px;
}

.site_links li a:hover, .site_links li a:active, .tabnav li.ui-tabs-selected a {
    color:#000000;
}




/* Members List - Friendslist */

.friendslistSortable li {
    display: inline;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    padding-right: 5px;
}

.ly_friendslist {
    background-color: #0E3F6A;
    height: auto;
    text-align: center;
	padding: 20px;
    width: 224px;
}





/* Blog Options */


.ly_blogbox {
    background-color: none;
    text-align: left;
	padding: 20px;
    width: 500px;
	margin-left: 60px;
	
}

.blog_image{
  background-color: #fff;
  border: 1px solid #4e3f1b;
  margin:5px auto;
  display:block;
  padding: 4px;
}

.entry-datetime{
	font-family:Arial, Helvetica, Georgia, sans-serif;
	font-size:12px;
	color:#666666;
	font-style:italic;
	text-align:right;
}

.entry-title{ /* If left blank will use H2 */

}

.entry-content{
	font-family:Arial , Helvetica, sans-serif;	
	font-size:14px;
	color:#5e5e5e;
}
.entry-meta{
	border-top:1px solid #CECECE;
	font-size:14px;
	margin-top:10px;
	padding:5px;
	
}

.IconBox{
	
	
}


/
* Archive Box Options */

.ly_archivebox {
    background-color: none;
    height: auto;
    text-align: left;
	padding: 20px;
    width: 224px;
}

.archive_post{
	color:#0c2882;
	font-size:12px;
	font-style:normal;
	margin:3px 3px 3px 20px;
}

.archive_post a{
	text-decoration:none;
	color:#0c2882;
	font-size:12px;
}

.archive_post a:hover, .archive_post a:active{
	text-decoration:underline;
	color:#0c2882;
	font-size:12px;
}

.year_title{
	margin:10px;
	font-size:14px;
	font-weight:bold;
	font-style:normal;
	color:#3d3d3d;
}

.month_title{
	margin:10px;
	font-size:14px;
	font-style:normal;
	color:#3d3d3d;
}

.year_container{
	margin:10px;
}

.month_container{
	margin:10px;
}

.carrot{
	margin-right:10px;
}


#archive_all_posts{
color:#333333;
font-size:12px;
font-weight:bold;
margin:3px 3px 0 0;
text-align:center;
background-color:#CCCCCC;
cursor:pointer;
}



/*   Dialog code for the navigation.  /*

/* THIS IS FOR BLUE SLEEK*/

.dialog-defaultNav .content,
.dialog-defaultNav .t,
.dialog-defaultNav .b,
.dialog-defaultNav .b div {
 background:transparent url(/static/themes/whistle-black/images/black_nav.png) no-repeat top right;

}

.dialog-defaultNav .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:5px 12px 0px 0px;
}

.dialog-defaultNav .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:7px; /* top slice width */
 margin-left:-7px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog-defaultNav .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog-defaultNav .b,
.dialog-defaultNav .b div {
 height:7px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog-defaultNav .b {
 background-position:bottom right;
}

.dialog-defaultNav .b div {
 position:relative;
 width:7px; /* bottom corner width */
 margin-left:-7px;
 background-position:bottom left;
}

.dialog-defaultNav .hd,
.dialog-defaultNav .bd,
.dialog-defaultNav .ft {
 position:relative;
}

.dialog-defaultNav .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog-defaultNav h1,
.dialog-defaultNav p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.dialog-defaultNav h1 {
 padding-bottom:0px;
}







/* This is the code for the default Archive Style.

/* THIS IS FOR WOOD*/


/* THIS IS FOR WOOD*/


.dialog-defaultArchive {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:800px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#fff;
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.dialog-defaultArchive .content,
.dialog-defaultArchive .t,
.dialog-defaultArchive .b,
.dialog-defaultArchive .b div {
 background:transparent url(/static/images/dialog_backgrounds/big_white.png) no-repeat top right;

}

.dialog-defaultArchive .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:8px 12px 0px 0px;
}

.dialog-defaultArchive .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog-defaultArchive .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog-defaultArchive .b,
.dialog-defaultArchive .b div {
 height:12px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog-defaultArchive .b {
 background-position:bottom right;
}

.dialog-defaultArchive .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dialog-defaultArchive .hd,
.dialog-defaultArchive .bd,
.dialog-defaultArchive .ft {
 position:relative;
}

.dialog-defaultArchive .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog-defaultArchive h1,
.dialog-defaultArchive p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.dialog-defaultArchive h1 {
 padding-bottom:0px;
}