/*
Theme Name: Tadpolsky
Description: The glorious bastard theme for Tadpolsky.com
Version: 0.1
Author: Ivan Probst
Author URI: http://tadpolsky.com
*/

/*------------------------------------
** 1. General markup and main containers
*/
body{
	text-align: left;
	font-family: 'Trebuchet MS', verdana, tahoma, arial, sans-serif ;
	color: #575757;
}

a{color: #2266AB; text-decoration: none;}
a:hover{color: #6e90bf; text-decoration: underline;}

#container{margin: 0 auto; width: 950px;}
#content-wrapper{overflow: hidden; width: 100%;}

/*------------------------------------
** 2. Header
*/
#header{width: 100%; overflow: hidden;}

#logo{float: left;}
	#logo h1 a{
		display: block;
		margin-top: 80px;
		width: 490px; height: 101px;
		background: url(images/design-sprite.jpg) -3px -494px no-repeat;
		text-indent: -9999px;
		border: none;
	}

#picto-life{
	position: relative; float: right;
	width: 363px; height: 280px;
	border-bottom: 4px solid #333;
}
	#picto-life img{width: 364px; height: 280px;}
	#picto-life #message-container{
		position: absolute;
		top: 10px; left:98px;
		width: 262px; 
		background: url(images/design-sprite.jpg) -1px -633px no-repeat;
	}
		#picto-life p{
			padding: 7px;
			line-height: 17px; font-size: 1.2em;
		}
		#picto-life #message-footer{
			margin-top: 0px;
			width: 100%; height: 20px;
			background: url(images/design-sprite.jpg) -282px -633px no-repeat;
		}

/*------------------------------------
** 3. Content
*/
#content{float: left; width: 560px;}

.post{overflow: hidden; clear: both; position: relative; margin-bottom: 21px;}
	.post .post-2col{float: left; margin-right: 13px; width: 47%;}

.post h2{font-size: 2.8em; font-weight: bold; color: #333; line-height: 42px;}
	.post h2 a{color: #333;}
.post p.post-meta{margin-bottom: 0px; font-size: 1.2em; line-height: 21px; color: #a3a3a3;}

.post h3{font-size: 2.2em; line-height: 42px; font-weight: bold;}
.post h4{font-size: 1.4em; line-height: 21px; font-weight: bold;}
.post p{font-size: 1.4em; line-height: 21px; margin-bottom: 21px;}
	.post p.wp-caption-text{padding-left: 12px; font-size: 1.2em; color: #575757;}
	.post p.caption{margin-top: -21px; padding-left: 12px; font-size: 1.2em; color: #575757;}
	.post p strong{color: #333;}
	.post blockquote{margin: 0 170px 21px 50px; padding-left: 50px; min-height: 30px; background: url(images/design-sprite.jpg) -497px -492px no-repeat;}
		.post blockquote p{font-style: italic;}
.post ul, .post ol{margin: -21px 0 21px 0; list-style: circle;}
	.post li{padding-left: 21px; line-height: 21px; font-size: 1.4em;}
.post object{display: block; margin: 0 auto;}
.post img{
	display: block; margin-bottom: 0 auto; padding: 9px;
	max-width: 538px;
	border: 2px solid #575757; background: #f7f7f7;
	text-align: center;
}
	
#share-links-container{margin-bottom: 10px; clear: both; overflow: hidden;}
	#share-links-container div{float: right; margin-left: 10px;}
	#share-links-container div#share-link-twitter a{
		display: block; margin-top: -2px;
		height: 25px; width: 67px;
		background: url(images/twitter-link-icon.jpg);
	}
	
#posts-nav a{
	display: block; overflow: hidden; margin-bottom: 21px;
	width: 170px; min-height: 17px;
	font-size: 1.4em; font-weight: bold; color: #333; text-align: center;
	border: 2px solid #0468bf; letter-spacing: 0.5px; line-height: 30px;
}
	#posts-nav a:hover{text-decoration: none;}
	#posts-nav #prev-posts-link{float: left;}
	#posts-nav #next-posts-link{float: right;}
	
#comments{padding-top: 19px; border-top: #575757 2px solid;}
	#comments textarea{width: 98%; height: 100px;}
	#comments input[type="submit"]{width: auto;}
	
.comment{margin-bottom: 21px; border-bottom: #575757 1px solid;}
	.comment .comment-meta{margin-bottom: 0px;font-weight: bold;}
	.comment img{border: none;}
	

/* About page */
.post #profile-image{float: right; margin-left: 21px; padding: 0; width: 280px; height: 278px; border: none;}

/* Search page */
.post .post-2col p{margin: 0;}

/* Contact page */
.post #twitter-contact{position: absolute; top: 105px; right: 60px; text-align: center;}
	.post #twitter-contact a{
		display: block; padding-top: 20px; width: 192px; height: 78px;
		background: url(images/design-sprite.jpg) -426px -225px no-repeat;
		color: #575757; font-size: 1.2em; text-decoration: none;
	}
		.post #twitter-contact a span{color: #2266ab;}

/* 404 page */
.post img#pict-404error{width: auto; margin: 0 auto;}

/* Modal Windows */
.modal{ 
    display: none; margin-top: 50px; padding:15px 15px 10px 15px;
    width:320px; z-index:10000; 
    background-color:#fff; border:2px solid #333;
    -moz-box-shadow: 0 0 100px #ccc; -webkit-box-shadow: 0 0 100px #ccc;
}
	.modal h3{font-size: 1.4em; line-height: 21px; font-weight: bold;}
	.modal p{font-size: 1.4em; line-height: 21px; margin-bottom: 21px;}
	.modal .close{
		display: block; position:absolute; 
	    right:0px; top:0px;
	    height:35px; width:30px;
	    font-size: 1.8em; cursor:pointer; background: none; border: none;
	}
	
.modal-follow li{padding-left: 50px; background: url(images/design-sprite.jpg) no-repeat;}
	.modal-follow li#follow-rss{background-position: -430px 0;}
	.modal-follow li#follow-newsletter{background-position: -430px -62px;}
	.modal-follow li#follow-twitter{background-position: -430px -137px;}
.modal-follow input[type="text"]{width: 170px;}

/*
.modal-share{width: 170px; margin-top: 180px;}
	.modal-share p{margin: 0; padding: 4px 0 8px 0; text-align: center;}
.retweet strong{display: none;}

.post .share-post-link{
	float: right; clear: both;
	font-variant: small-caps; font-weight: bold;
	border: 2px solid #575757;letter-spacing: 0.5px;
}
	.post .share-post-link a{display: block; padding: 0 6px; line-height: 17px; text-decoration: none; }
*/	


/* Forms stuff */
.post label{display: block; font-size: 1.4em; line-height: 21px; font-weight: bold;}
	.post li label{font-size: 1em;}
select, input, textarea{
	margin-bottom: 21px; padding: 2px 4px 1px 4px; width: 250px;
	border: 2px solid #575757; background: #fff;
	font-size: 14px; color: #575757; font-family: 'Trebuchet MS', sans-serif ;
}
input[type="submit"]{
	padding: 0;
	width: 35px; height: 25px;
	border: 2px solid #575757; background: #fff;
	font-size: 1.4em; font-weight: bold; color: #575757; cursor: pointer;
}

.post #cformsform ol{margin-top: 0;} .post #cformsform li{padding-left: 0;}
.post #cformsform textarea{float: left; height: 147px; width: 524px; resize: none;}
.post #cformsform .sendbutton{height: 42px; width: 534px; font-size: 2.4em;}
.post .linklove{display: none;}
.post #usermessagea{font-size: 1.3em; line-height: 19px; margin-bottom: 19px;}
	.post .cf_info.success{color:#67ab22;}
	.post .cf_info.failure{color:#c02942;}

.error-message{display: none; margin-top: -5px; color: #c02942;}

/*------------------------------------
** 4. Sidebar
*/
#sidebar{float: right; width: 363px;}

#nav-bar{overflow: hidden; border-left: 4px solid #333;}
	#nav-bar li{float: left;}
	#nav-bar li a{
		display: block; margin: 10px 14px;
		width: 42px; height: 170px;
		text-indent: -9999px;
		background: url(images/design-sprite.jpg) no-repeat;
	}
		#nav-bar li a#nav-home-link{background-position: 0px 0px;}
			#nav-bar li a#nav-home-link:hover{background-position: 0px -188px;}
		#nav-bar li a#nav-about-link{background-position: -70px 0px;}
			#nav-bar li a#nav-about-link:hover{background-position: -70px -188px;}
		#nav-bar li a#nav-search-link{background-position: -145px 0px;}
			#nav-bar li a#nav-search-link:hover{background-position: -145px -188px;}
		#nav-bar li a#nav-contact-link{background-position: -215px 0px;}
			#nav-bar li a#nav-contact-link:hover{background-position: -215px -188px;}
		#nav-bar li a#nav-follow-link{background-position: -288px 0px;}
			#nav-bar li a#nav-follow-link:hover{background-position: -288px -188px;}

/*------------------------------------
** 5. Footer
*/
#footer{
	overflow: hidden;
	margin-bottom: 20px; padding-left: 20px;
	border-top: 4px solid #333;
}

	#footer #twitter-link{float: left;}
		#footer #twitter-link a{
			display: block;	margin-top: -3px; padding: 27px 0 0 29px;
			width: 174px; height: 70px;
			font-size: 1.2em; text-align: center; line-height: 17px;
			background: url(images/design-sprite.jpg) -430px -372px no-repeat;
			
		}
	#footer #editor-text{float: right; margin-top: 2px; text-align: right; font-size: 1.2em;}

/*------------------------------------
** 6. Reset stuff
*/
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
{margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body{line-height: 1; font-size: 62.5%;}
ol, ul{list-style: none;}
blockquote, q{quotes: none;}
:focus{outline: 0;}
ins{text-decoration: none;}
del{text-decoration: line-through;}
table{border-collapse: collapse; border-spacing: 0;}