/*
Theme Name: Putte
Theme URI: http://gazpo.com/2012/01/wordpress-theme-putte/
Description: Putte is a 2-column, clean and professional widget-ready wordpress theme by gazpo.com. The Theme supports Wordpress Custom Menu, Custom Header. Easily customizable with theme options. The theme supports threaded comments with gravatars. Doesn't require any plugin. For Wordpress 3.2 and above.
Version: 1.0
Author: Sami Ch.
Author URI: http://gazpo.com
Tags: white, light, two-columns, fixed-width, threaded-comments, custom-header, custom-menu, theme-options
License: GNU General Public License, Version 3.
License URI: http://www.gnu.org/licenses/gpl-3.0.txt
*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

textarea{
	font:inherit;
}

ol, ul {
	list-style: none;
}

blockquote {
	quotes: none;
}

blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a img {
	border: none;
}

:focus {
	outline: 0;
}

body {
	font-family: Arial, sans-serif;
	font-size: 13px;
	color: #444444;
	background: url("images/default_bg.png") repeat;
	line-height:1.4;
}

img {
	border: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'PT Sans Narrow', Arial, sans-serif; 
	font-weight: normal; 
	line-height:1.6;
}

h1 { 
	font-size: 36px;
}

h2 { 
	font-size: 32px; 
	text-shadow: 0 1px 1px #ccc;
}

h3 { 
	font-size: 22px; 
	text-shadow: 0 1px 1px #ccc;
}

h4 { 
	font-size: 18px; 
	text-shadow: 0 1px 1px #ccc;
}

h5 { 
	font-size: 14px; 
}

h6 { 
	font-size: 12px; 
}

a, a:link { 
	text-decoration: none;
	color: #404040;	
}
	
a:hover {
	color: #E16640;	
	-moz-transition: color 0.3s ease-in-out;
	-webkit-transition: color 0.3s ease-in-out; 
	-o-transition: color 0.3s ease-in-out;
	transition: color 0.3s ease-in-out; 	
}

img.alignright {
	float:right; 
	margin:0 0 1em 1em;
}

img.alignleft {
	float:left; 
	margin:0 1em 1em 0;
}

img.aligncenter {
	display: block; 
	margin-left: auto; 
	margin-right: auto
}

.alignright {
	float:right;
}

.alignleft {
	float:left; 
}

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

#wrapper {
	width: 960px;
	margin: 0px auto;
	overflow:auto;	
}

#gazpo_header {	
	height: 36px;
	clear:both;	
}

#gazpo_header .wrap{
	width:960px;
	margin: 0px auto;
	overflow:auto;	
}

#gazpo_header .menu{
	width:700px;
	float:left;
}

#gazpo_header .search{
	width:250px;
	float:left;
}

#gazpo_header .search .box{
	margin-top:3px;
}

#gazpo_header .search input,
#sidebar .widget_search input{
	border: 1px solid #262c33;
    color: #888888;
    float: left;
    line-height: 1em;
    margin-top:2px;
    padding: 4px 6px;
    width: 168px;
	background: url("images/search_bg.png") repeat;
	border: 1px solid transparent;
}

#gazpo_header .menu ul li{
	display:inline;	
}

#gazpo_header .menu a{
	font-family: 'PT Sans Narrow'; 
	font-size:16px;
	color: #999999;
	text-shadow: 1px 1px 0 #000000;
	height: 36px;
	line-height: 36px;
	vertical-align: middle;
	float: left;
	padding-left: 14px;
	padding-right: 16px;
}

#gazpo_header .menu a:hover{
	color: #E3E3E3
}

#logo-wrap{
	overflow:auto;
	margin:20px 0 10px;	
}

#logo-wrap .logo{
	width:500px;
	float:left;	
}

#logo-wrap .social{
	margin-top:15px;
	width:458px;
	float:left;	
	text-align:right;
}

#logo-wrap .social img{
	margin-right:5px;
	opacity:0.8;
}

#logo-wrap .social img:hover{
	opacity:1;
}

#site-title{
	font-size: 48px;
	font-weight: bold;
	line-height:1.2;
	text-shadow: 0px 2px 2px #ccc;
}

#site-title a{
	text-decoration: none;
	clear:both;	
	overflow:auto;
}

/*----------------------------------
			Content
------------------------------------*/
#content {
	padding:10px;
	float: left;
	width: 655px;
	margin-right:15px;
	margin-top:10px;
	margin-bottom:20px;
	background:#ffffff;
	border-radius:3px;
	box-shadow: 2px 2px 2px #D1D1D1;	
}

#content .details{
	overflow:auto;
}

#content .tags span{
	font-size:13px;	
	font-weight:bold;
}

#content .post-meta{
	color:#888888;
	margin-bottom:10px;
	padding-bottom:5px;
	overflow:auto;
}

#content .post-meta .info{
	width:450px;
	float:left;
}

#content .post-meta .social{
	overflow:auto;	
	float:left;	
	width:200px;
}

#content .post-meta .twitter-share-button { 
	vertical-align:top;
	float:left;	
}

#content .post-meta .fb-like{
	display:inline-block;
	float:left;	
}

#content .post,
#content .page{
	margin-bottom:10px;		
}

#content .entry p{
	margin-bottom: 15px;
}

#content .post .entry img{
  border: 5px solid #F3F3F3;
  outline: 1px solid #e2e2e2;
  
}

#content .more-link{
	margin-top:8px;
	display:block;
}

#content hr{
    width:90%;
	background:url(images/bg-border.png) repeat-x bottom left;
	border:0;
	display:block;
    border:none;
    height:10px;
	clear:both;
}

#content .entry img{
	max-width: 97.5%;
	height:auto;	
	margin:5px;
	overflow:auto;
}

#content .entry blockquote{
	font-style:italic;
    margin: 7px 35px 7px 45px;    
	font-style:italic;
	border-left:1px solid #777777;
	padding-left:10px;
}

#content .entry ul{
	list-style-type:square;
    margin: 5px 10px 10px 40px;
}

#content .entry ol{
	list-style-type:decimal;
	margin: 5px 10px 10px 40px;
}

#content .search-title{
	margin-bottom:15px;
}

#content .wp-caption-text{
	text-align:center;
	font-size:12px;
	color:#888888;
}


/*----------------------------------
			Sidebar
------------------------------------*/
#sidebar {
	width: 268px;
	float: left;
}

#sidebar h4.title{
	margin-bottom: 5px;
	font-size:16px;
	font-weight:bold;
	text-shadow: 1px 1px 0 #FFFFFF;
}

#sidebar ul li{
	color: #E16640;	
}

#sidebar .widget{
	margin-bottom: 20px;
}

#sidebar .widget_search{
	overflow:auto;
}

#sidebar .widget_search input{
	width:90%
}

#sidebar #wp-calendar {
	margin-left:5px;
	color: #888888;
}

#sidebar #wp-calendar caption {
    margin-bottom: 10px;
    text-shadow: 1px 1px 1px #FFFFFF;
}

#sidebar #wp-calendar thead tr th { 
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 6px;
    text-transform: uppercase;
}

#sidebar #wp-calendar tbody tr td {
    border: 1px solid #dddddd;
    text-align: center;
	padding: 8px 10px;	
}

#sidebar #wp-calendar tbody tr td a{
	text-decoration:underline;
}

#sidebar .widget_archive li,
#sidebar .widget_categories li{
	display:inline-block;
	margin-right:14px;
	width:115px;
	padding: 6px 0 6px 0px;
	background: url(images/sidebar_sep.png) repeat-x center bottom;
}

#sidebar .widget_links li,
#sidebar .widget_recent_comments li,
#sidebar .widget_recent_entries li{
	padding: 6px 0 6px 0px;
	background: url(images/sidebar_sep.png) repeat-x center bottom;
	display:block;
	color:#888888;
}

#sidebar .widget_ad125 ul{
	overflow:auto;
}

#sidebar .widget_ad125 li{
	float:left;
}

#sidebar .widget_ad125 li:first-child{
	float:left;
	margin-right:12px;
}

#sidebar .tagcloud a {
	background-color: #ffffff;
    border-bottom: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    color: #444444;        
    margin: 3px 2px;
    padding: 3px 4px;
	display:inline-block;    
}

#sidebar .tagcloud a:hover {
	background-color: #ececec;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;    
}

/*----------------------------------
			Footer
------------------------------------*/

#gazpo_footer {
	color: #888888;
	text-shadow:none;	
}

#gazpo_footer .wrap{
	width:960px;
	margin:0 auto;
	padding:10px 0;	
}

#gazpo_footer h3{
	text-shadow:none;	
}

#gazpo_footer h4{
	color:#E16640;
	text-shadow: 0 1px 0px #000000;
}

#gazpo_footer  a {
	color: #999999;
    text-shadow: 1px 1px 0 #000000;
}

#gazpo_footer a:hover {
	color: #e3e3e3;
}

#gazpo_footer .widgets_area{
	overflow:auto;
	margin-bottom:5px;	
}

#gazpo_footer .widget{
	width:300px;
	float:left;
	margin-right: 17px;
}

#gazpo_footer .widget_archive li,
#gazpo_footer .widget_categories li,
#gazpo_footer .widget_links li{
	display:inline-block;
	margin-right:14px;
	width:130px;
	padding: 6px 0 6px 0px;
	background: url(images/footer_sep.png) repeat-x center bottom;
}

#gazpo_footer .widget_links li,
#gazpo_footer .widget_recent_comments li,
#gazpo_footer .widget_recent_entries li{
	padding: 6px 0 6px 0px;
	background: url(images/footer_sep.png) repeat-x center bottom;
	display:block;
	color:#888888;
}

#gazpo_footer .widget_text{
	line-height:1.2;
}

#gazpo_footer .widget_tweets .twtr-tweet-wrap  {
	padding: 6px 0 !important;
}

#gazpo_footer .twtr-widget .twtr-tweet{
padding-bottom:3px;
border-bottom:none !important;
background: url(images/footer_sep.png) repeat-x center bottom;
}

#gazpo_footer .widget_tweets  .twtr-hd{
	display:none;
}
#gazpo_footer .widget_tweets  .twtr-ft{
	display:none;
}

#gazpo_footer .twtr-tweet-text em{
	display:none !important;
}

#gazpo_footer .info{
	margin-top:10px; 
	color: #888888; 
	font-size:12px;
}

/*----------------------------------
			Comments
------------------------------------*/
#comments h3.title{
	margin-bottom:15px;
}

#comments .commentlist { 
	list-style:none; 
	margin:0 0 1em;  
}

#comments .commentlist li div.vcard cite.fn { 
	font-style:normal; 
}

#comments .commentlist li div.vcard cite.fn a.url {
	font-size:12px; 
	font-weight:bold;
}

#comments .commentlist li div.vcard img.avatar { 
	float:left; 
	margin-right:8px; 
	margin-bottom:3px; 
	border: border: 1px solid rgba(0, 0, 0, 0.2); 
	outline: 3px solid rgba(0, 0, 0, 0.03); 
	padding: 2px;
}

#comments .commentlist li div.vcard span.says {
	display:none;
}

#comments .commentlist li div.comment-meta { 
	font-size:12px; 
	margin-bottom:5px;
}

#comments .commentlist li div.comment-meta a { 
	color:#999; 
}

#comments .commentlist li ul { 
	margin:0 0 1em 2em; 
}

#comments .commentlist li div.reply { 
	margin-top:0px;
}

#comments .commentlist li div.reply a {
	font-size:12px
}

#comments .commentlist li ul.children li.comment {
	margin-bottom:5px
}

#comments .commentlist li ul.children li.depth-2 { 
	margin-left:5px; 
}

#comments .commentlist li ul.children li.depth-3 { 
	margin-left:5px; 
}

#comments .commentlist li ul.children li.depth-4 { 
	margin-left:5px; 
}

#comments .commentlist li.pingback { 
	border-bottom:1px dotted #666; 
	padding:10px; 
}

#comments .reply {
	text-align:right; 
	margin:25px 15px 0 0;
}

#respond {
	width:98%;
}
            
#respond .comment-notes{ 
	display:none;
}
  
#respond .required   {
	display:none;
}

#respond .form-allowed-tags{
	display:none;
}
 
#respond #cancel-comment-reply-link{
	font-size:13px;
}      
       
#respond input {
	width:92%;
	padding:9px; 
	border:1px solid #d8d7d7; 
	background-color:#fff;
}

#respond input:focus,#respond textarea:focus {
	background-color:#f7f7f7;
}

#respond textarea {
	width:97%;
	border:1px solid #d8d7d7;
	background-color:#fff;
	height:135px;
	padding:10px;
	font-family:inherit;
}

#respond #submit{
	border:none;
	background:#333333;
	color:#999999;
	float:right;
	width:130px;
	margin:0 0 20px;
	padding:8px
}

#respond #submit:hover {
	cursor:pointer;
	color:#E3E3E3;
} 

#respond label {
	width:101.5px;
	clear:left;
	display:block;
	float:left;
	font-size:1em;
	line-height:40px;
	margin:0;
	text-align:left;
	vertical-align:middle;
}

#respond p {
	padding:10px 0 0px;
	margin-bottom:0;
	float:left;
	width:32%;
	margin-right:2%;
}

#respond p.comment-form-comment {
	width:100%;
}

#respond p.comment-form-url {
	margin-right:0;
}

#respond p.form-submit {
	border-bottom:none;
	width:100%;
}

#respond p.comment-form-author label,
#respond p.comment-form-email label,
#respond p.comment-form-url label {
	height:38px;
}

#pagination{
	text-align:center; 
	text-shadow: none;  
}

#pagination a:hover, #pagination span.current { 
	background: #707070;
	color: #FFFFFF; 
}

#pagination .page-numbers{
	background: #f6f6f6;
	border-radius: 2px 2px 2px 2px;
	display: inline;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 7px 11px;
	text-decoration: none;
}