/*
Theme Name: Picnic
Theme URI: http://www.eneaa.com
Description: A minimalist WordPress Theme.
Version: 1.1.1
Author: Nico Andrade
Author URI: http://themeforest.net/user/eneaa
License: GNU General Public License
License URI: License.txt
Tags: black, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, custom-menu
*/


body{
	background:#efefef url(images/light_bck_noise.jpg) repeat;
}
/*===========================================================================*/
/*Header																	 */
/*===========================================================================*/
header{
	height:100px;
	margin-bottom:30px;
	z-index:50;
	position:relative;
}
header #logo{
	float:left;
	margin-bottom:0;
	margin-top:15px;
}
header #logo a{
	font-size:39px;
	color:#575757;
}
header #logo a:hover{
	text-decoration:none;
}

header #nav{
	float:right;
	margin-top:20px;
}
/*===========================================================================*/
/*Slider																	 */
/*===========================================================================*/
#slider-wrap{
	position:relative;
	height:422px;
	margin-bottom:30px;
}
#slider-wrap #slider_frame{
	position:absolute;
	background:url(images/light_slider_frame.png) no-repeat;
	width:940px;
	height:412px;
	z-index:9;
}
#slider-wrap #slider{
	position:absolute;
	z-index:10;
	top:20px;
	left:20px;
	width:900px;
	height:360px;
}





/*===========================================================================*/
/*Footer																	 */
/*===========================================================================*/
footer{
	margin-top:30px;
}
footer p{
	color:#808080;
	font-size:11px;
	text-shadow:0 1px 0 #fff;
}







/*===========================================================================*/
/*Blog Page																	 */
/*===========================================================================*/
#content_wrap #content{
	border:#c9c9c9 1px solid;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color:#fff;
	width:698px;
	box-shadow: 0 2px 2px #D3D3D3;
	-moz-box-shadow: 0 2px 2px #D3D3D3;
	-webkit-box-shadow: 0 2px 2px #D3D3D3;
}
#content_fullwidth_wrap #content{
	border:#c9c9c9 1px solid;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color:#fff;
	width:960px;
	box-shadow: 0 2px 2px #D3D3D3;
	-moz-box-shadow: 0 2px 2px #D3D3D3;
	-webkit-box-shadow: 0 2px 2px #D3D3D3;
}
#content article{
	margin-bottom:40px;
}
#content h2 a, #content h3 a{
	color:#747474;
}
#content h2 a:hover, #content h3 a:hover{
	text-decoration:none;
}

#content .img_post{
	position:relative;
	height:295px;
	width:665px;
	margin: 0 auto;
	left:-1px;
}
#content .img_post span{
	position:absolute;
	background:url(images/light_postimg_frame.png) -2px 0 no-repeat;
	display:block;
	width:664px;
	height:294px;
}
#content .img_post img{
	position:relative;
	top:10px;
	left:10px;
}

#content .metadata{
	margin-bottom:10px;
}
#content .metadata ul li{
	background:url(images/metadata_icons.png) no-repeat;
	list-style:none;
	float:left;
	padding-left:22px;
	color:#b1b1b1;
	font-size:11px;
}
#content .metadata ul li.date{
	background-position:0 0;
}
#content .metadata ul li.author{
	background-position:0 -30px;
	margin-left:15px;
}
#content .metadata ul li.category{
	background-position:0px -60px;
	margin-left:15px;
}
#content .metadata ul li.comments{
	background-position:0px -92px;
	float:right;
}

.pagination span.current{
	background:url(images/nav_btn_bck.png) no-repeat;
	display:block;
	height:21px;
	width:36px;
	color:#fff;
	text-shadow:0 1px 0 #000;
	float:left;
	text-align:center;
	margin-right:15px;
}
.pagination a{
	background:url(images/nav_btn_bck.png) -47px 0px no-repeat;
	display:block;
	height:21px;
	width:35px;
	color:#7f7f7f;
	text-shadow:0 1px 0 #fff;
	float:left;
	text-align:center;
	margin-right:15px;
}

article header h3 a{
	color:#737373;	
}

.layout_left #content{
	float:right;
}
ul.fancy_tags{
	margin-top:15px;
}
ul.fancy_tags li{
	background:url(images/tag_bck.png) left -30px no-repeat;
	height:24px;
	padding-left:22px;
	display:inline-block;
	margin:0 5px 5px 0;
	float:left;
}

ul.fancy_tags li a{
	background:url(images/tag_bck.png) right 0 no-repeat;
	height:24px;
	display:inline-block;
	padding:0 10px 0 5px;
	line-height:22px;
	color:#858585;
	text-shadow:0 1px 0 #ececec;
	font-size:12px!important;
}
ul.fancy_tags li a:hover{
	color:#4a4a4a;
	text-decoration:none;
}








/*===========================================================================*/
/*Sidebar																	 */
/*===========================================================================*/

#sidebar .widget{
	margin-bottom:30px;
}
#sidebar .widget h3{
	line-height:39px;
	font-size:18px;
	color:#888888;
}

#sidebar .widget .pagenav, #sidebar .widget .linkcat{
	list-style:none;
}
#sidebar .widget ul li{
	background:url(images/sidebar_li_bck.jpg) bottom repeat-x;
	list-style:none;

}
#sidebar .widget ul li:first-child{
	border-top:none;
}
#sidebar .widget ul li a{
	background:url(images/sidebar_icons.png) -6px 6px no-repeat;
	padding: 5px 5px 7px 15px;
	display:block;
	color:#848484;
}

#sidebar .widget ul li ul{
	margin-left:30px;
	margin-bottom:0;
	margin-top:0!important;
}
#sidebar .widget ul li ul, #sidebar .widget ul li ul li ul{
	display:none;
}
#sidebar .hasChildren span{
	float:right;
	background:url(images/sidebar_menu_arrow.png) no-repeat!important;
	width:7px!important;
	height:7px!important;
	margin-top:5px;
	
}

#sidebar .twitter_widget ul li{
	background:url(images/sidebar_icons.png) -143px -55px no-repeat;
	padding-left:28px;
	margin-bottom:20px;
	min-height:20px;
}
#sidebar .twitter_widget ul li a{
	display:inline;
	background:none!important;
	padding:0!important;
}
#sidebar .ad_125{
	width:265px;
}
#sidebar .ad_125 a{
	margin: 1px 3px;
	display:inline-block;
}
#sidebar .ad_125 a:hover img{
	opacity:0.8;
}

#sidebar .widget_recent_comments ul li{
	background:url(images/sidebar_comment.png) 0 center no-repeat;
	padding-left:28px;
	margin-bottom:10px;
}
#sidebar .widget_recent_comments ul li a{
	display:inline;
	background:none;
	padding:0;
}
#sidebar .widget_tag ul li{
	background:url(images/tag_bck.png) left -30px no-repeat;
	height:24px;
	padding-left:22px;
	display:inline-block;
	margin:0 5px 5px 0;
	float:left;
}

#sidebar .widget_tag ul li a{
	background:url(images/tag_bck.png) right 0 no-repeat;
	height:24px;
	display:inline-block;
	padding:0 10px 0 5px;
	line-height:22px;
	color:#858585;
	text-shadow:0 1px 0 #ececec;
	font-size:12px!important;
}
#sidebar .widget_tag ul li a:hover{
	color:#4a4a4a;
	text-decoration:none;
}

#sidebar .widget_search{
	position:relative;
	height:32px;
}
#sidebar #s{
	background:url(images/search_input.png) no-repeat;
	border:none;
	width:161px;
	height:32px;
	display:block;
	position:absolute;
	padding: 0 10px;
	line-height:32px;
	color:#858585;
}

#sidebar #searchsubmit{
	background:url(images/search_btn.png) no-repeat;
	border:none;
	width:41px;
	height:32px;
	display:block;
	text-indent:-9999px;
	position:absolute;
	right:-1px;
	cursor:pointer;
	line-height:0;
}




/*===========================================================================*/
/*Single Post																 */
/*===========================================================================*/
.share-widget {
	background-color:#f5f6ef;
	border:#d5d8c4 1px solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px ;
	margin:30px 0;
}
.share-widget h5 {
    color: #5b5b5b;
    float: left;
    font-size: 17px;
    font-weight: bold;
    margin: 22px 15px 15px;
}
.share-widget ul {
    float: right;
    margin: 15px 10px 10px;
}
.share-widget ul li {
    display: inline;
    list-style: none outside none;
    margin: 5px 10px;
}

.widget_about_author {
	margin-bottom:30px;
}
.widget_about_author .author_box {
	background-color:#f8f7f7;
	border:#c5c5c5 1px solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px ;
	margin: 0;
	padding:25px;
}
.widget_about_author .author_img{
	float:left;
}
.widget_about_author .author_img img{
	background:#fff;
	padding:4px;
	border:#c5c5c5 1px solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px ;
}
.widget_about_author .author_info{
	float:left;
	display:inline;
	width:470px;
	margin-left:20px;
}


.related-post-widget .related_post{
	width:171px;
	float:left;
	display:inline;
	margin-right:72px;
}
.related-post-widget .post_last{
	margin-right:0px;
}
.related-post-widget .related_post a{
	position:relative;
	display:block;
	margin-bottom:15px;
}
.related-post-widget .related_post a span{
	position:absolute;
	display:block;
	background:url(images/related_post_frame.png) no-repeat;
	height:129px;
	width:171px;
}
.related-post-widget .related_post a img{
	position:relative;
	top:6px;
	left:6px;
}
.related-post-widget .related_post a:hover img{
	opacity:0.8;
}
.related-post-widget .related_post h6 a{
	font-size:13px;
	font-weight:normal;
}




/*===========================================================================*/
/*Comments																	 */
/*===========================================================================*/

#comments ol.commentlist li{
	list-style:none;
}
#comments .comment-author{
	width:110px;
}
#comments .comment-author img{
	background:#fff;
	padding:4px;
	border:#c5c5c5 1px solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px ;
	box-shadow: 0 1px 1px #DDDDDD;
	-moz-box-shadow: 0 1px 1px #DDDDDD;
	-webkit-box-shadow: 0 1px 1px #DDDDDD;
	background: #f8f7f7; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f8f8', endColorstr='#f1f0f0'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#f9f8f8), to(#f1f0f0)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #f9f8f8,  #f1f0f0); /* for firefox 3.6+ */
}
#comments .comment-author cite{
	font-weight:bold;
	
}
#comments .comment-author cite, #comments .comment-author cite a{
	color:#757575;
	font-style:normal;
}
#comments .comment-author .comment-meta a{
	color:#aeaeae;
	font-size:10px;
}
ol.commentlist li .comment-entry{
	float:right;
    width: 75%;
	border:#c5c5c5 1px solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px ;
	margin: 0;
	padding:15px;
	text-shadow:0 1px 0 #fff;
	box-shadow: 0 2px 2px #e1e1e1;
	-moz-box-shadow: 0 2px 2px #e1e1e1;
	-webkit-box-shadow: 0 2px 2px #e1e1e1;
	background: #f8f7f7; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f8f8', endColorstr='#f1f0f0'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#f9f8f8), to(#f1f0f0)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #f9f8f8,  #f1f0f0); /* for firefox 3.6+ */
	position:relative;
	
}

ol.commentlist li ul li ul .comment-entry{
	width:73%;
}
ol.commentlist li ul li ul li ul .comment-entry{
	width:71%;
}
ol.commentlist li ul li ul li ul li ul .comment-entry{
	width:69%;
}
ol.commentlist .comment-entry span.arrow_comment{
	background:url(images/arraow_comment.png) no-repeat;
	display:block;
	position:absolute;
	width:14px;
	height:22px;
	top:17px;
	left:-14px;
}
.reply{
	float:right;
	clear:right;
}
.comment-reply-link{
	background:url(images/reply_bck.png) no-repeat;
	width:54px;
	height:23px;
	display:block;
	color:#7e7e7e;
	font-size:11px;
	text-align:center;
	text-shadow:0 1px 0 #fff;
	margin: 10px 0;
	line-height:20px;
}

#comments ul.children{
	margin-left: 25px;
	margin-top:20px;
	margin-bottom:10px;
}







#respond{
	margin:30px 0;
}

#respond .input{
	margin:10px 0;
}
#respond input{
	width:270px;
	height:30px;
	border:#d4d4d4 1px solid;
	padding: 0 10px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	box-shadow:inset 0 1px 2px #bab9b9;
	-moz-box-shadow:inset 0 1px 2px #bab9b9;
	-webkit-box-shadow:inset 0 1px 2px #bab9b9;
	background: #f1f1f1; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#f6f6f6'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#f6f6f6)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ededed,  #f6f6f6); /* for firefox 3.6+ */
}
#respond .input label{
	color:#8c8b8b;
	font-size:13px;
}
#respond textarea{
	height:180px;
	border:none;
	padding: 0 10px;
	overflow:auto;
	border:#d4d4d4 1px solid;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-shadow:inset 0 1px 2px #bab9b9;
	-moz-box-shadow:inset 0 1px 2px #bab9b9;
	-webkit-box-shadow:inset 0 1px 2px #bab9b9;
	background: #f1f1f1; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#f6f6f6'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#f6f6f6)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ededed,  #f6f6f6); /* for firefox 3.6+ */
}

#respond #submit-respond{
	background:url(images/add_comment_btn.png) no-repeat;
	width:130px;
	height:32px;
	color:#7e7e7e;
	cursor:pointer;
	display:block;
	line-height:30px;
	font-size:12px;
	text-align:center;
	border:none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	box-shadow: none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	text-shadow:0 1px 0 #fff;
	padding: 0 0 5px 0;
}








a.more-link{
	background:url(images/read_more_btn.png) no-repeat;
	height:22px;
	width:100px;
	display:block;
	text-indent:10px;
	color:#8a8989;
	text-shadow:0 1px 0 #fdfdfd;
	margin-top:15px;
}
a.more-link:hover{
	color:#656565;
	text-decoration:none;
}
a.post-edit-link{
	background:url(images/edit_entry_btn.png) no-repeat;
	height:22px;
	width:100px;
	display:block;
	text-indent:28px;
	color:#8a8989;
	text-shadow:0 1px 0 #fdfdfd;
	margin-top:10px;
}
a.post-edit-link:hover{
	color:#656565;
	text-decoration:none;
}









/*===========================================================================*/
/*Portfolio																	 */
/*===========================================================================*/
#content_fullwidth_wrap .portfolio_page{
	border:none!important;
	background-color:transparent!important;
	width:960px;
	box-shadow: none!important;
	-moz-box-shadow:none!important;
	-webkit-box-shadow:none!important;
}
.page-template-portfolio-3columns-php header, .page-template-portfolio-2columns-php header, .page-template-portfolio-4columns-php header, .page-template-portfolio-1column-php header{
	margin-bottom:0;
}
.portfolio_page h2{
	margin-bottom:25px;	
}
ul.source{
	margin-bottom:30px;
	height:21px;
}
ul.source li{
	display:inline;
	margin-right:15px;
	background:  url(images/portfolio_btn.png) 0px -30px no-repeat;
	height:21px;
	position:relative;
	float:left;
}

ul.source li a{
	background:  url(images/portfolio_btn.png) top right no-repeat;
	height:21px;
	padding: 0 15px 0 5px;
	font-size:11px;
	display:block;
	line-height:20px;
	color:#aaaaaa;
	text-shadow:#fcfcfc 0px 1px 0px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	margin-left:10px;
}
ul.source li.active{
	background-position:0px -60px;
}
ul.source li.active a{
	background-position: bottom right;
	color:#fff;
	text-shadow:#000 0px 1px 0px;
}

ul.portfolio_items{
    display: block;
    letter-spacing: -4px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    word-spacing: -4px;
}
ul.portfolio_items li{
	list-style:none;
	display: inline-block;
    letter-spacing: normal;
    padding: 0;
    position: relative;
    vertical-align: top;
    word-spacing: normal;
}
ul.portfolio_items li .portfolio_img_wrap{
	position:relative;
}
ul.portfolio_items li a.portfolio_img{
	position:relative;	
	clear:both;
	z-index:5;
}


.portfolio_items .portfolio_img span.zoom {
	background:url(images/img_zoom.png) no-repeat!important;
	height:78px!important;
	width:78px!important;
	position:absolute;
	z-index:10;
	right:6px;
	bottom:-1px;
	display:none;
}
.shadow{
	float:left;
	z-index:-10;
	position:absolute;
	bottom:0;
	left:0;
}


/*1 Column-------------------------------------------------------*/
ul.portfolio1 li {
	margin-bottom:30px;
}
ul.portfolio1 li .portfolio_img span{
	position:absolute;
	background:url(images/light_portfolio_frame_1.png) no-repeat;
	width:432px;
	height:282px;
	display:block;
}
ul.portfolio1 li a.portfolio_img img{
	position:relative;	
	top:10px;
	left:11px;
}

ul.portfolio1 li a.portfolio_img{
	float:left;	
	width:432px;
	height:282px;
	top:24px;
}
ul.portfolio1 li .portfolio_img_wrap{
	float:left;	
	width:432px;
	height:320px;
}
ul.portfolio1 .portfolio_info{
	float:left;	
	width:460px;
	margin-left:20px;
	margin-top:24px;
}


/*2 Columns-------------------------------------------------------*/
ul.portfolio2 li {
	margin-bottom:30px;
	/*float:left;	*/
	width:430px;
	margin-right:40px;
}
ul.portfolio2 li .portfolio_img span{
	position:absolute;
	background:url(images/light_portfolio_frame_1.png) no-repeat;
	width:432px;
	height:282px;
	display:block;
}
ul.portfolio2 li a.portfolio_img img{
	position:relative;	
	top:10px;
	left:11px;
}

ul.portfolio2 li a.portfolio_img{
	float:left;	
	width:432px;
	height:282px;
	top:24px;
}
ul.portfolio2 li .portfolio_img_wrap{
	float:left;	
	width:432px;
	height:320px;
}
ul.portfolio2 .portfolio_info{
	float:left;	
	width:430px;
}


/*3 Columns-------------------------------------------------------*/
ul.portfolio3 li {
	margin-bottom:30px;
	float:left;	
	width:280px;
	margin-right:30px;
}
ul.portfolio3 li .portfolio_img span{
	position:absolute;
	background:url(images/light_portfolio_frame_3.png) no-repeat;
	width:280px;
	height:182px;
	display:block;
	
}
ul.portfolio3 li a.portfolio_img img{
	position:relative;	
	top:10px;
	left:10px;
}

ul.portfolio3 li a.portfolio_img{
	float:left;	
	width:280px;
	height:182px;
	top:24px;
}
ul.portfolio3 li .portfolio_img_wrap{
	float:left;	
	width:280px;
	height:220px;
}
ul.portfolio3 .portfolio_info{
	float:left;	
	width:280px;
}
ul.portfolio3 .portfolio_info h3{
	font-size:19px;
}
ul.portfolio3 .portfolio_img span.zoom {
	bottom:-2px;
}



/*4 Columns-------------------------------------------------------*/
ul.portfolio4 li {
	margin-bottom:20px;
	/*float:left;	*/
	width:210px;
	margin-right:25px;
}
ul.portfolio4 li .portfolio_img span{
	position:absolute;
	background:url(images/light_portfolio_frame_4.png) no-repeat;
	width:210px;
	height:130px;
	display:block;
	
}
ul.portfolio4 li a.portfolio_img img{
	position:relative;	
	top:10px;
	left:10px;
}

ul.portfolio4 li a.portfolio_img{
	float:left;	
	width:210px;
	height:130px;
	top:24px;
}
ul.portfolio4 li .portfolio_img_wrap{
	float:left;	
	width:210px;
	height:170px;
}
ul.portfolio4 .portfolio_info{
	float:left;	
	width:210px;
}
ul.portfolio4 .portfolio_info h3{
	font-size:17px;
}
ul.portfolio4 .portfolio_info a.more-link{
	margin-top:0;
}
ul.portfolio4 .portfolio_img span.zoom {
	bottom:-2px;
}







/*Global Classes														*/
/*----------------------------------------------------------------------*/
.radius5{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.margin-15{
	margin:0 15px;
}
.margin-20{
	margin:20px;
}
.margin-tb-30{
	margin-top:30px;
	margin-bottom:30px;
}
.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 920px !important; /* prevent too-wide images from breaking layout */
	padding: 4px;
	text-align: center;
}
.wp-caption-text {
	font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
}
.wp-caption img {
	margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}
.home .sticky {
	background: #f2f7fc;
	border-top: 4px solid #000;
	margin-left: -20px;
	margin-right: -20px;
	padding: 18px 20px;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
.commentlist .bypostauthor {
}
/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}