/*  
Theme Name: Unstandard Enredao
Theme URI: http://5thirtyone.com/
Description: Enredao - Farewell to the standard blog format
Version: 0.1
Author: Derek Punsalan & Franklin Andrade
Author URI: http://is.derekpunsalan.com/

Note concerning image sizes:

Main image on front page is 593 x 225
Secondary image 293 x 150

*/

* { margin:0; padding:0;  }

/* ----------------------------------- basics */

h1 { font-size: 21px; }
h2 { font-size: 16px; }
h3 { font-size: 12px; }

a { color: #756651; outline: none; text-decoration: none; border-bottom: 1px solid #ddd; }
	a:hover { color: #DB0013; border-color: #DB0013; }
	a img { border: none; }

ul, ol { list-style: none; }

input, textarea { outline: none; }

/* ----------------------------------- main layout */

body { background-image:url(images/bodyTopBg.gif); background-position:top; background-repeat:repeat-x; background-color:#514a41; color:#444; font-size:65%; font-family: Georgia, serif, arial, verdana, sans-serif; text-align:center; }

#bgWrapper { margin:0 auto; background-image:url(images/siteGeneralBg.gif); background-repeat:repeat-y; background-position:center; position:relative; }

#main-wrapper { font-size:12px; margin:0 auto; padding:0px; text-align:left; background-image:url(images/siteHeadBg.jpg); background-repeat:no-repeat; background-position:center top; position:relative }

/* ----------------------------------- masthead */

#leaderboard { width:978px; height:177px; margin:0 auto; position: relative; }
	#leaderboard h1 { width:978px; }
		#leaderboard h1 a { float:right; margin-right:34px; }

#site-name { float: left; margin: 59px 0 0 0px; }
	#site-name a { color: #000; border: 0; }
		#site-name a:hover { color: #3c6c92; }


#main-nav { margin:0 auto; }
  #main-nav li { float: left;  }
  #main-nav li img { float: left;  margin-left: 5px; }
  #main-nav li img.On { margin-top: 14px; }
  #main-nav li img.Off { margin-top: 34px; }
  #main-nav li img.Off:hover {  }
  #main-nav li a { } 
  #main-nav li a:hover, #main-nav li.current a { background: #333; color: #eee; }
  #main-nav li.rss-now a:hover, #main-nav li.rss-now a { background: #f47a0e; color: #eee; }

.navSeparator { display:inline-block; width:3px; height:47px; margin: 34px 5px 0 5px; background-image:url(images/navSeparator.gif); }
  
/* ----------------------------------- home posts */

.home { width: 960px; margin:12px auto; }

.home .left, .home .recent-leads { width: 600px; }

.home .main-post-bg { background: #eee; display: block; height: 225px; position: relative; margin: 0 0 10px 0; width: 593px; overflow: hidden; }

.main-post-bg .post-comments, .secondary-post-bg .post-comments { position: absolute; top: 0; right: 0px; z-index: 1; background:#000; filter: alpha(opacity=70); -moz-opacity: .7; opacity:.7; }

.post-comments a, .secondary-post-bg .post-comments a { font-size: 11px; color: #eee; display: block; padding: 3px 7px; text-align: center; border: 0; } 

	.post-comments a:hover, .secondary-post-bg .post-comments a:hover {	background: #333; color: #fff; }

.home .main-post-bg .title-insert, .home .recent-leads .title-insert {
	background: #000; bottom: 10px; display: block; left: 0; position: absolute; width: 100%; z-index: 1; padding: 4px 0;
	/* opacity - move to sep. stylesheet */
	filter: alpha(opacity=75);
	-moz-opacity: .75;
	opacity:.75;
}

.title-insert h2, .home .recent-leads .title-insert h3 { margin: 5px 12px 5px; line-height: 14px; filter: }
	.title-insert h2 a, .home .recent-leads .title-insert h3 a { display: block; color: #eee; text-decoration: none; border: 0; }
	.title-insert h2 a:hover, .home .recent-leads .title-insert h3 a:hover { color: #fff; }

.home .recent-leads .secondary-post-bg { background: #eee; display: block; width: 293px; height: 150px; margin: 0 7px 10px 0; position: relative; overflow: hidden; }

.home .right { width: 355px; text-align: left; overflow: hidden; }
	.home .right h3 { font-size: 14px; }

/* ----------------------------------- page style */

.home.portafolioPage { }
	.home.portafolioPage p.tempNavigation { font-size:15px; font-weight:bold; text-align:center; }
	.home.portafolioPage h3 { font-size:13px; padding-bottom:5px; padding:0 0 0 20px; background-image:url(images/bullet1.gif); background-position:center left; background-repeat:no-repeat;}
    .home.portafolioPage p { text-align:center; }
    	.home.portafolioPage p.thumbs a { border: 0; }
    .home.portafolioPage img { padding:3px; margin:15px; border:1px solid #CCC; vertical-align:top }
    	.home.portafolioPage img:hover { border:1px solid #C00; }


/* ----------------------------------- entry style */

.home.is-single { border-top: 0px solid #bbb; }

.post.single { padding-top: 0px; font-size: 15px; line-height: 20px; width: 590px; }
	.post.single h2, .post.single h2 a { font-size: 18px; line-height: 23px; color: #000; border: 0; margin-bottom:10px; }
		.post.single h2 a:hover { color: #DB0013; }
	
    .post.single h3 { font-size: 14px; color: #62000A; margin: 0 0 5px 0;}

	.post.single .entry { float: left; margin-top:5px; }

	.post.single .meta { display:inline-block; border-top: 0px solid #3c6c92; color: #777; padding: 4px 0 0 3px; margin-top: 0px; float: left; width: 72px; font-size: 11px; line-height: 16px; }

	.post.single p { margin: 0 0 10px 0; line-height: 22px; letter-spacing:0.01em; }
		.post.single p a, .post.single li a {  }
        
    .post.single #theExcerpt { margin: 0 5px 5px 5px; padding: 10px 10px 2px 10px; background-color:#faf7f5;  }

	.post.single blockquote, .post.single ul, .post.single ol { margin: 0 14px; color: #555; }

	.post.single ul li { list-style: circle; margin: 0 20px; }
	
	.post.single ol li { list-style: decimal; margin: 0 20px 10px; }
	
	.post.single blockquote { display:block; font-family: "Lucida Grande",Verdana,Arial,Helvetica,sans-serif; font-size:12px; border-left: 1px solid #ccc; margin-left: 21px; padding-left: 10px; }

	.post.single img.floatleft { float: left; margin: 4px 10px 0 0; }
	.post.single img.floatright { float: right; margin: 4px 0 0 10px; }
    
.post.single.blankPage { width: 960px; }

.postMeta { font-size:11px; margin-bottom:5px; }
    
.tagsCategories { font-size:11px; line-height:15px; margin:7px 5px 10px 5px; padding: 0 0 10px 8px; border-bottom:1px solid #eee; }

.navigation { font-size: 10px; padding: 5px 0; }
	.navigation .previousPage { display:block; float:left; } 
    	.navigation .previousPage a { border:none; }
        
    .navigation .nextPage {  display:block; float:right; margin-right:7px; }
    	.navigation .nextPage a { border:none; }
	
	.navigation a:hover { background: #eee; border-color: #3c6c92; color: #3c6c92; }
		
	.navigation .left { width: 50%; text-align: left; }
	.navigation .right { width: 49%; text-align: right; margin: 0 15px 0 0; }
		.navigation .right a { float: right; }

.post .entry img { border:none; display:inline; margin:4px; }

.wp-caption {}
.wp-caption p { font-size:11px; font-weight:bold; text-align:center; }



/* ----------------------------------- sidebar / widget modules */

h3.module-title, h3.widgetTitle { border-top: 1px solid #bbb; border-bottom: 1px solid #eee; margin: 0 0 5px; padding: 7px 4px 7px 20px; font-size: 14px; background-image:url(images/bullet1.gif); background-position:center left; background-repeat:no-repeat; }

h3.module-title a, h3.widgetTitle a { border: 0; }

.widgetContainer { margin: 0 0 20px 0; background-color:#fff }

.widgetContainer .textwidget { font-size: 12px; line-height: 16px; margin: 0 7px; }

ul.module-list, .widgetContainer ul { font-size: 12px; margin: 0 0 20px 0; }

.module-list li, .widgetContainer li { margin: 0 3px 7px 21px; list-style: circle; line-height: 16px; }

.sidebar-nextprev { width: 320px; overflow: hidden; }

.sidebar-nextprev li { float: left; border-left: 1px solid #ccc; height: 50px; width: 159px; }

.sidebar-nextprev li.previous { border-right: 1px solid #ccc; }

.sidebar-nextprev li.next { float: right; border-left: 1px solid #ccc; margin-left: -1px; }

.sidebar-nextprev li a { margin-left: -1px; font-size: 13px; font-weight: bold; display: block; height: 50px; border: 0; color: #aaa; border-left: 1px solid #ccc; }

.sidebar-nextprev li a:hover { color: #3c6c92; border-color: #3c6c92; }

.sidebar-nextprev li a span { display: block; padding: 12px 0 0 10px; cursor: pointer; }

.widgetContainer #wp-calendar { border-collapse: collapse; width: 100%; font-size: 12px; }

#wp-calendar caption { font-weight: bold; margin-bottom: 7px; }

#wp-calendar thead th { padding: 4px 0 4px 3px; border: 1px solid #ccc; border-width: 1px 0; }

#wp-calendar td { padding: 3px 0 7px 3px; color: #777; }

#wp-calendar td a { font-weight: bold; }

#middle-widgets { width: 960px; margin:5px auto; padding-bottom:15px; border-bottom:1px solid #eee }

#middle-widgets .widgetContainer { clear: top; float: left; width: 310px; margin: 0 10px 15px 0; }


/* ----------------------------------- threaded comments - no support for wp 2.6 */

#comments-wrapper {  }

h3#comments { clear: both; font-size: 14px; margin: 20px 0 20px 0; padding:0 0 0 20px; background-image:url(images/bullet1.gif); background-position:center left; background-repeat:no-repeat; }

.commentlist { font-size: 12px; margin: 0; }

.commentlist li.comment, .commentlist li.pingback { width:570px; margin: 0; border-top: 1px solid #bbb; padding: 7px 0 15px 10px; font-size:14px; line-height:18px; }

.commentlist li.comment-author-admin { border-color: #3c6c92; }

.commentlist li.comment p { margin: 1em 0; }

.commentlist li.comment ul, .commentlist li.comment ol, .commentlist li.comment blockquote { margin: 0 15px; }

.commentlist li.comment ul li { list-style: circle; }

.commentlist li.comment blockquote { border-left: 1px solid #ccc; padding-left: 10px; font-style: italic; color: #777; }

.commentlist ul.children { margin: 0 !important; padding: 0; }

.commentlist .children li.comment { padding:7px 0 0 45px; margin: 15px 0 0 0; list-style: none; }

.comment-author {}

.comment-author img.avatar { float: right; margin: 0 7px 0 0; }

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

.comment-meta { font-size: 11px; }

#commentWarning { border:  3px double red; background-color:#faf7f5; padding:10px; line-height:18px; width:500px; margin: 0 auto;}

#respond { width: 570px; padding: 10px 0 0 0; margin-left: 0px; border-top:1px solid #bbb}

li.comment #respond { margin-left: 0; }

#respond h3 { margin: 0 0 15px 0; font-size:14px; }

#respond p { margin: 1em 0; }
	#respond p span { color:#bbb }

#respond #author, #respond #email, #respond #url, #respond textarea { font-family: arial, verdana, sans-serif; font-size: 12px; border: 1px solid #bbb; padding: 4px 3px; width: 250px; margin-right: 4px; }

#respond textarea { width: 97%; overflow: auto; margin-right: 0; }


/* ----------------------------------- categories */

#categories { padding: 10px 0; margin: 35px 0 45px; }

#categories h3 { font-size: 14px; margin-bottom: 10px; }

#categories ul { color: #777; font-size: 12px; line-height: 16px; }

#categories li { float: left; text-align: right; display: block; width: 145px; margin: 0 8px 7px 7px; }

#categories li a { font-weight: bold; float: left; text-decoration: none; }


/* ----------------------------------- search */

#searchForm { margin: 0; }

#searchWrap span { display: block; background-image:url(images/searchFormBg.gif); background-repeat:no-repeat; width:354px; height:31px; text-align:right;}

#searchWrap input { font-size:1.4em; border: 0; color: #777; width: 315px; margin:5px 5px; background-color:transparent; }

.searchQuery { color:#FF0000; }
  
  
/* ----------------------------------- footer */

#footer { font-size:12px; margin:0 auto; padding-top:15px; width:978px; height:30px; }

#footer a { font-weight:bold; }

#footy { display:inline-block; width:100%; height:70px; margin:0 auto; background-image:url(images/siteFooterEnd.jpg); background-repeat:no-repeat; background-position:bottom }

/* ----------------------------------- floats */

.right, .alignright { float: right; }

.left, .alignleft { float: left; }

.aligncenter { margin-left:auto; margin-right:auto; }

.clear { clear: both; }

.fix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.fix { display: inline-block; }

* html .fix { height: 1%; }

.fix { display: block; }

/* ----------------------------------- portfolio */

.portfolioSection { display:block; margin:10px; float:left; width:125px; height:315px; text-align:center; }

#portfolioItemList { display:block; width:880px; }

.portfolioItem { display:block; width:100%; float:left; margin:0 0 25px 0; background:#F8F7F7;}
	.portfolioItem a { display:block; float:left; }
	.portfolioItem .itemDescription {display:block; float:left; margin: 0 10px 0 7px; width:700px;}

.clearer { display:block; clear:both; }