/*
Theme Name: SayCheese Nieuw
Theme URI: http://www.saycheese.nl
Description: The theme used for the SayCheese website
Author: Hamaka BV
Author URI: http://www.hamaka.nl
Version: 1.0
*/

/********** CORE **************************************************/

	

	#container a { color: #000; text-decoration: underline; }
	#container a:hover { color: #ffe500; background-color: #000000; text-decoration: none; }
	#container a:visted { 
		text-decoration: underline;
	}
	p { margin: 8px 0; }

	abbr { border-bottom: 1px dotted #000; }

	#container {
		position: relative;
		margin: 0 auto;
		padding: 0 21px;
		margin-top: 20px;
		width: 930px;
		background-color: #ffe500;
		
	}

/********** TOP ***************************************************/

	

/********** MAIN **************************************************/

	#main {
		position: relative;
		padding-top: 0px;
		width: 930px;
		min-height: 645px;
		overflow: hidden;
	}

		#main img#header {
			display: block;
			width: 930px;
			height: 225px;
		}

		#main div#content {
			float: left;
			padding: 0px 0 0px 0px;
			
			width: auto;
		}

			#contentwrapper {
				float: left;
				width: auto;
				background-repeat: repeat-y;
			}

			#contentwrapper.three-col { 
			background-image: url('images/bg-content-3col.gif'); }

			#content div.left, 
			#content div.center, 
			#content ul#sidebar.right {
				height: auto !important;
				min-height: 331px;
			}

			#content div.left {
				float: left;
				padding-right: 15px;
				width: 175px;
				margin:20px 0px 0px 0px;
			}

			#content div.left h3 { font-weight: bold; font-size: 16px;}

			#content div.center {
				float: left;
				margin: 20px 0px 0px 2px;
				padding: 0 17px;
				width: 469px;
				text-align: left;
				line-height: 20px;
			}

			#content ul#sidebar.right {
				float: right;
				margin-left: 2px;
				padding-left: 17px;
				width: 211px;
				margin:20px 0px 0px 0px;
				overflow: hidden;
			}

				#sidebar.right h3 { font-weight: bold; 
					font-size: 16px; 
					height:20px;
				}
				#sidebar.right h3.twitter { background: left no-repeat url('images/twitter.jpg');}				
				

		#main div#footer {
			position: absolute;
			z-index: 78;
			bottom: 10px;
			left: 20px;
		}

			#footer ul#servicenav {
				font-size: 80%;
				color: #737373;
			}

				#servicenav li {
					float: left;
					margin-right: 7px;
					padding-left: 8px;
					width: auto;
					background-image: url('images/bg-nav-li.gif');
					background-repeat: no-repeat;
				}

					#servicenav li a {
						color: #737373;
						text-decoration: none;
					}

					#servicenav li a:hover { color: #f22523; }

/********** MAIN LEFT *********************************************/

	#contentwrapper div.left ul#blogpostsnav {
		margin-top: 0px;
		margin-bottom: 50px;
		font-size: 120%;
	}

		#blogpostsnav li { line-height: 26px; }

			#blogpostsnav li a {
				padding: 2px;
				color: #000;
				text-decoration: none;
			}

			#blogpostsnav li a:hover , 
			#blogpostsnav li a.active {
				color: #ffe500;
				background-color: #000000;
			}

	#contentwrapper div.left div#archive, 
	#contentwrapper div.left div#tagcloud {
		float: left;
		margin-bottom: 35px;
	}

		#archive ul { margin-top: 5px; }

			#archive ul li { line-height: 20px; }

				#archive ul li a { text-decoration: none; }
				
	
	.smart-archives { margin-bottom: 14px; float: left;}
	.smart-archives p.year-block { margin-bottom: 4px; float: left;}
	.smart-archives .year-link { text-decoration: none; clear: both; display: block; margin-bottom: 4px;}
	.smart-archives a.month-link, .smart-archives .empty-month { 
		border: 1px solid #D1D1D1; 
		display: block; 
		float: left; 
		padding:2px;
		margin-right: 3px;
		margin-bottom: 3px;
		width: 25px; 
		text-decoration: none;
		text-align: center;
	}
	.smart-archives a.month-link:hover { background-color: #DFDFDF;}
	.smart-archives .empty-month { color: #BFBFBF; cursor:default; }
	
	
	#contentwrapper div.left div#recentphotos {
		float: left;
		padding: 12px;
		width: 180px;
		background-color: #f4eed6;
	}

		#recentphotos ul li {
			float: left;
			margin: 7px 7px 0 0;
			width: 55px;
			height: 55px;
		}

		#recentphotos ul li.right { margin-right: 0; }

			#recentphotos ul li a {
				display: block;
				height: 55px;
			}

/********** MAIN RIGHT ********************************************/

	#contentwrapper ul#sidebar.right { padding-top: 3px; }
	
	#contentwrapper ul#sidebar.right li {
		margin-bottom: 35px;
	}

		#contentwrapper ul#sidebar.right li ul { margin-top: 5px; }

			#contentwrapper ul#sidebar.right li ul li {
				margin: 0;
				padding-right: 0;
				line-height: 20px;
			}

			#contentwrapper ul#sidebar.right li#twitter ul li { margin-bottom: 8px; }
			
			#contentwrapper ul#sidebar.right li#twitter a.h3link { padding:0px 0px 0px 22px; color: #000; font-size:16px; font-weight:bold; text-decoration: none;}
			#contentwrapper ul#sidebar.right li#twitter a.h3link:hover { text-decoration: underline; background-color: transparent; text-decoration: none;}

			#contentwrapper ul#sidebar.right li#twitpics {
				float: left;
				
				width: 180px;
				
			}

				#contentwrapper ul#sidebar.right li#twitpics ul li {
					float: left;
					margin: 7px 7px 0 0;
					width: 55px;
					height: 55px;
				}

				#contentwrapper ul#sidebar.right li#twitpics ul li:nth-child(3n) { margin-right: 0; }

					#contentwrapper ul#sidebar.right li#twitpics ul li a {
						display: block;
						height: 55px;
					}

			#contentwrapper ul#sidebar.right li#rss-images {
				float: left;
				padding: 12px;
				width: 180px;
				background-color: #f4eed6;
			}

				#rss-images div.simplepie, 
				#rss-images div.simplepie ul {
					float: left;
					width: auto;
				}

				#contentwrapper ul#sidebar.right li#rss-images ul li {
					float: left;
					margin: 7px 7px 0 0;
					width: 55px;
					height: 55px;
				}

				#contentwrapper ul#sidebar.right li#rss-images ul li:nth-child(3n) { margin-right: 0; }

					#rss-images ul li a {
						display: block;
						height: 55px;
					}

/********** BLOG POST (THE LOOP) **********************************/

	#contentwrapper div#post-list.center div.post {
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom: 1px dashed #000;
		overflow: hidden;
	}

		#post-list div.post h2 { font-weight: bold;
		font-size: 16px; 
		padding:0px; 
		margin:0px;}

		#post-list div.post h2 a {
			color: #000;
			text-decoration: none;
		}

		#post-list div.post small { font-size: 85%; }

		#post-list div.post div.entry {
			float: left;
			margin: 10px 0 20px 0;
			width: 460px;
		}

			#post-list div.post div.entry div.wp-caption {
				margin: 0 auto;
				text-align: center;
				background-color: #ffffff;
				/*border: 1px solid #e7e7e7;
				-moz-box-shadow: 0 0 3px #737373;
				-webkit-box-shadow: 0 0 3px #737373;*/
			}

				#post-list div.post div.entry div.wp-caption a {
					display: block;
					padding-top: 5px;
				}

				#post-list div.post div.entry div.wp-caption p.wp-caption-text {
					margin: 0;
					padding: 0 0 5px 0;
					font-size: 85%;
					color: #f22523;
					text-align: center;
					/*background-image: url('images/bg-polaroid-title.gif');
					background-repeat: repeat-x;
					background-position: 0 100%;*/
				}

		#post-list div.post p.postmetadata { font-size: 85%; }

	#post-list div.navigation .alignleft { float: left; }
	#post-list div.navigation .alignright { float: right; }

	#post-list div.navigation .aligncenter {
		float: left;
		margin: 0 60px 0 60px;
	}

		#post-list div.navigation div a {
			color: #000;
			text-decoration: none;
		}

		#post-list div.navigation div a:hover { text-decoration: none; background-color:#000000; color: #ffe500; }

/********** COMMENTS **********************************************/

	div#comments {
		margin-top: 20px;
		padding-top: 20px;
		border-top: 1px solid #000;
	}

		#comments h3 {
			margin-bottom: 10px;
			font-weight: normal;
		}

		#comments ol.commentlist, 
		#comments ol.commentlist li, 
		#comments ol.commentlist div.comment-body {
			float: left;
			width: 443px;
		}

		#comments ol.commentlist div.comment-body {
			margin-bottom: 10px;
			padding-bottom: 10px;
			border-bottom: 1px dotted #000;
		}

		#comments ol.commentlist div.comment-left {
			float: left;
			margin-top: 12px;
			width: 120px;
			text-align: left;
		}

			#comments div.comment-left div.comment-author cite {
				font-weight: bold;
				font-style: normal;
			}

			#comments div.comment-left div.comment-meta a { font-size: 85%; }

		#comments ol.commentlist div.comment-arrow {
			float: left;
			margin-top: 25px;
			width: 10px;
			height: 10px;
			background-image: url('images/bg-comment-body.gif');
			background-repeat: no-repeat;
		}

		#comments ol.commentlist div.comment-right {
			float: right;
			padding: 12px;
			width: 289px;
			background-color: #f4eed6;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
		}

			#comments div.comment-right em.queue {
				float: left;
				padding: 2px;
				width: 285px;
				color: #f22523;
				text-align: center;
				background-color: #ffbcc1;
			}

			#comments div.comment-right p { text-align: left; }

	div#respond {
		margin-top: 20px;
		padding: 12px 12px 12px 0px;
		
	}

		#respond h3 {
			font-weight: normal;
			text-transform: uppercase;
			font-size: 16px;
			font-weight: bold;
		}

		#respond form#commentform p {
			float: left;
			margin: 4px 0;
		}

		#commentform label {
			float: left;
			padding: 2px 0 1px 0;
			width: 120px;
		}

		#commentform input.textbox {
			float: left;
			padding: 3px;
			width: 287px;
			border: 1px solid #000000; 
		}

		#commentform textarea {
			float: left;
			border: 1px solid #000000; 
			padding: 3px;
			width: 287px;
			max-width: 287px;
			
		}

		#commentform input.button {
			margin-left: 120px;
			text-align: left;
			border:1px solid #000;
			
		}

/********** BOTTOM ************************************************/

	

/********** MISCELLANEOUS *****************************************/

	.clearer { clear: both; }

	a.readmore {
		color: #f22523;
		text-decoration: none;
	}

	.inputElement {
		font-family: Arial, sans-serif;
		font-size: 100%;
	}

	input.textbox {
		color: #000;
		border: 1px solid #000;
	}

	textarea { color: #000;
	border: 1px solid #000000; 
	}

	input.button {
		padding: 0;
		color: #000;
		
		background-color: transparent;
		border: 0;
	}

	.redText { color: #f22523; }
	
	/********** ADD TO ANY *****************************************/

		.addtoany_share_save_container{margin:0; margin-bottom: -20px;}
		ul.addtoany_list{
			display:inline;
			list-style-type:none;
			margin:0 !important;
			padding:0 !important;
			text-indent:0 !important;
		}
		ul.addtoany_list li{
			background:none !important;
			border:0;
			display:inline !important;
			line-height:32px;
			list-style-type:none;
			margin:0 !important;
			padding:0 !important;
		}
		ul.addtoany_list li:before{content:"";}
		ul.addtoany_list li a{padding:0 1px;background-color: transparent;}
		ul.addtoany_list li a:hover {background-color: transparent;}
		ul.addtoany_list img{
			float:none;
			border:0;
			margin:0;
			padding:0;
			vertical-align:middle;
		}
		ul.addtoany_list a img{
			opacity:.7;
			-moz-opacity:.7;
			filter:alpha(opacity=70);
		}
		ul.addtoany_list a:hover img, ul.addtoany_list a.addtoany_share_save img{
			opacity:1;
			-moz-opacity:1;
			filter:alpha(opacity=100);
			background: transparent;
		}
		a.addtoany_share_save img{border:0;width:auto;height:auto;}