/*
Theme Name: Muni Diaries 1
Theme URI: http://munidiaries.com
Description: Muni Diaries
Version: 1.6
Author: Suzanne LaGasa / Yen Pai 
Author URI: http://munidiaries.com/
Tags:  

*/


body {
	font-size:10pt;
    background-color:#efefef;
}

div.span-17-especial {float:left; width:655px; }
div.span-spacer-especial {float:left; width:15px; }
div.span-23-especial {float:left; width:925px;}
div.span-13-especial {float:left; width:475px;}

/* div.featured-teaser { display:none; } */

a {
	color:#0099FF;
	color:#663300;
}

.featuredTeaser { display: none; }

#main-wrapper, #header { background-color:#fff; padding:0 0 0 15px; }

#header #banner{
    background-color: #fff;
    /* background-image: url('images/banner-experimental.jpg'); */
    background-position:center;
    /* height: 150px; */
    overflow: hidden;
    /*border-bottom:1px solid #333;*/
}
#header .links {
    margin: 5px 0px 0 0px;
}
#header .logo {
    margin: 70px 0 0 10px;
}
#header .links a, #header .links a:visited {
    color:#666;
    text-decoration: none;
}
#header .links a:hover {
    text-decoration: underline;
}

#header #sections {
	padding:0; margin:0;
    height:32px;    
    overflow:hidden;
    border-bottom:1px #555 solid;    
}
#header #sections .item {
	height:32px;
	float:left;
	margin-left:25px;
	padding:0 5px 0 0;
	/* border:1px solid #333; */
}
#header #sections .diaries { background-image: url('images/muni_tab_buttonsA_09.jpg'); width:83px; background-position:-6px 5px; margin-left:0;}
#header #sections .diaries:hover { background-image: url('images/muni_tab_buttonsA_05.jpg'); cursor:pointer; }
#header #sections .diaries-selected { background-image: url('images/muni_tab_buttonsA_13.jpg'); }
#header #sections .diaries-selected:hover { background-image: url('images/muni_tab_buttonsA_13.jpg'); }

#header #sections .news { background-image: url('images/muni_tab_buttonsA_10.jpg'); width:54px; background-position:-17px 5px; }
#header #sections .news:hover { background-image: url('images/muni_tab_buttonsA_06.jpg'); cursor:pointer; }
#header #sections .news-selected { background-image: url('images/muni_tab_buttonsA_14.jpg'); }
#header #sections .news-selected:hover { background-image: url('images/muni_tab_buttonsA_14.jpg'); }

#header #sections .media { background-image: url('images/muni_tab_buttonsA_11.jpg'); width:132px; background-position:-13px 5px; }
#header #sections .media:hover { background-image: url('images/muni_tab_buttonsA_07.jpg'); cursor:pointer; }
#header #sections .media-selected { background-image: url('images/muni_tab_buttonsA_15.jpg'); }
#header #sections .media-selected:hover { background-image: url('images/muni_tab_buttonsA_15.jpg'); }

#header #sections .submit {background-image: url('images/muni_tab_buttonsA_12.jpg'); width:74px; background-position:-10px 5px; }
#header #sections .submit:hover { background-image: url('images/muni_tab_buttonsA_08.jpg'); cursor:pointer; }
#header #sections .submit-selected { background-image: url('images/muni_tab_buttonsA_16.jpg'); }
#header #sections .submit-selected:hover { background-image: url('images/muni_tab_buttonsA_16.jpg'); }

#header #search {
	padding:5px 10px 0 0;
	margin:0;
	background-color:#ccc;
	-moz-border-radius-topleft: 8px;
    -webkit-border-top-left-radius: 8px;
}
#content a.title {
	color:#333;
}
#content {
	padding:0;
	margin:0;
	background-color:#fff;
}

#content #featured {
	/*border-right:1px solid #333;*/
	/*border-bottom:1px solid #333;*/
	/* border-left:1px solid #333; */
	/* margin-bottom:10px; */
	padding: 0 5px 20px 5px;
}

#scrollable_nav a {
	text-decoration:none;
}

#content #featured .controls {
	margin-top:5px; margin-right:10px;
}
#content #featured h2.header, #content #latest h2.header {
	font-size:14px;
	font-weight:bold;
	color: #990000;
	margin:0 0 0 0; 
	padding:0;
}



#content #featured h2.title, #content .post h2 {
	font-size:24px;
	font-weight:bold;
}

#content #featured h2.title .date {
	color:#c0c0c0;
	font-size:16px;
}
#content #featured .entry {
	/*margin-left:14px;*/	
}
#content #featured .entry .image {
	height:210px;
	width:220px;
	border:1px solid #333;
}

#content #featured .entry .image-wrapper {
	padding:8px 0 0 0;
}

#content #featured .nextPage, #content #featured .prevPage {
	text-decoration:none;
	font-size:14px;
}

#content #featured .shortened {
	height:260px;
	overflow:auto;
}

#content #latest {
	/* margin-top:-14px; */
	/* margin-bottom:40px; */
	padding: 0 5px 5px 5px;
}
#content #latest .entry {
        /* margin-left:14px; margin-right:14px; */
	padding: 8px 0 18px 0;
	border-bottom:1px dotted #ddd;
}
#content #latest .first {
	border-top:1px dotted #ddd;
}
#content #latest .entry .image {
	height:138px;
	width:142px;
	border:1px solid #333;
}
#content #latest .entry .image-wrapper {
	padding:8px 0 0 0;
}
#content #latest .entry .shortened {
	height:164px;
	overflow:hidden;
	line-height:20px
}
#content #latest .video {
    padding: 8px 0 18px 0;
    border-bottom:1px dotted #ddd;    
}
#content #latest h2, #content #featured h2 {
	padding:0;
	margin:0 0 5px 0;
}
#content #latest h2.title {
	font-size:18px;
	font-weight:bold;
}

#content #latest h2.title .date {
	color:#c0c0c0;
	font-size:12px;
}

#sidebar { background-color:#ccc; padding:0px 5px 40px 5px; -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; }
#sidebar-content-wrapper { margin:0 10px 0 10px; }

#sidebar h2.widgettitle {
	font-size:14px;
	font-weight:bold;
	padding:0; margin:0;
	/* color:#666; */
}

#sidebar ul {
	padding:0; margin:0;
	margin-left:13px;
}

#sidebar li.widget {
	list-style: none;
	margin:0 0 1.25em 0;
	padding:0;
}

#sidebar .widgettitle {
	font-size:1.5em;
	padding: 0;
	margin:0 0 .25em 0;
}

#sidebar ul#recentcomments li, #sidebar li#most-comments ul li, li.twitter-item, ul.blogroll li {
	list-style: url(/wp-content/themes/muni_diaries_1/images/arrow.gif);
}

.comment-author-name {
	font-size: 1.25em;
}

.comment-author-name cite a, .comment-author-name cite {
	font-style:normal;
}

h2 a {
	text-decoration:none;
}
h2 a:hover {
	text-decoration:underline;
}

div.divider-dotted {
	margin: 1.5em 0 1.5em 0;
	height:1px;
	border-top: 1px dotted #ccc;
}

.post_date {
    color:#c0c0c0;
    font-size:16px;
}
.right {
	float:right;
}
.left {
	float:left;
}
.center {
	margin:0 auto 0 auto;
	text-align:center;
}

.debug {
	background-color:#ccc;
	display:none;
}

#footer {
	background-color:#fff;
}

#footer-content {
    border-top: 1px #555 solid;
    margin:120px 15px 0 5px;
    padding: 7px 0 20px 0;
}

/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 655px; 
    height:280px;
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left; 
} 
 
/* you may want to setup some decorations to active the item */ 
div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}