/*
Theme Name: The Clink Room WordPress Theme
Theme URI: http://theclinkroom.com/
Description: The Clink Room WordPress Theme
Version: 1.0
Author: couldbe studios
Author URI: http://www.couldbestudios.com
Tags: custom, wordpress, illustrated, cork
*/


/* COLORS 
------------------------
 green: #a6c65f
 blue: #25205A (CHANGE)
 darker green #7EA30D
*/


/* Defaults
------------------------*/
/*
@font-face {
  font-family: 'TheClinkRoom';
  src: url('TheClinkRoom.eot');
  src: local('TheClinkRoom'), url('TheClinkRoom.ttf') format('truetype');
}
*/

*{
font-family: Helvetica, Arial, sans-serif;
color:#25205A;
margin:0;
padding:0;
}

body {
	background: url('images/cork.png') repeat;
/*	background: url('images/cork.gif') repeat;*/
	min-width:1000px;
}


#cork {
	background:url('images/cork-top.png') repeat-x;
	position:relative;
	z-index:1;
	overflow:hidden;
}

#main {
	width:1200px;
}

a{
color:#25205A;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}

img{border:none;}


h1 {
font-size: 48px;
padding:10px 0 35px 0;
font-weight:100;
margin:0 50px;
}

h1 a{
font-size: 48px;
text-align:center;
text-decoration:none;
color:#25205A;
font-weight:100;
}

h1 a:hover{
color:#000;
}

h2 {
font-size: 24px;
font-weight:100;
padding:0 35px;
}

h2 a{
font-size: 24px;
text-decoration:none;
font-weight:100;
}

h3 {
font-size: 24px;
font-weight:100;
padding-bottom:20px;
padding-top:10px;
color: #25205A;
padding:0 35px;
}



/* Layout
------------------------*/

#centercolumn {
/*	margin: 0 auto 0 350px;*/
	margin: 0 auto 0 auto;
	width:615px;
	min-height:1500px;
padding-left:170px;
position:relative;
left:-25px;
}



#header{
background:url(images/clink-header.png) top left no-repeat;
height:320px;
width:788px;
margin-top:-1px;
/*margin-left:315px;
margin-top:-5px;*/
}


#sidebar-1{
left:-380px;
position:relative;
top:0;
voice-family:inherit;
width:120px;
z-index:-1;
/*float:left;
width:285px;
display:block;
font-size:12px;
position:relative;
z-index:-1;
margin:0 0 0 -85px;
position: absolute;
	top: 0px;
	left: -80px;
	width: 150px; /* ie5win fudge begins */
/*	voice-family: "\"}\"";
	voice-family:inherit;
	width: 120px;
	z-index:-1;*/
	}
html>body #sidebar-1 {
	width: 120px; /* ie5win fudge ends */
	}


#sidebar-1 a{
color: #25205A;
text-decoration:none;
}

#sidebar-1 a:hover{
color: #000;
}



#sidebar-2{
/*	float:right;
	margin:50px 0 0 -75px;
	width:275px;
	position:relative;
	clear:both;
	text-align:center;
	z-index:-1;
	float:left;
	font-size:12px;
	position:absolute;
	text-align:center;
	top:405px;
	left:55px;
	width:288px;
	*/
	margin-left:-255px;
	}
	
	

#sidebar-2 a{
color: #25205A;
text-decoration:none;
font-weight:bold;
}

#sidebar-2 a:hover{
color: #000;
text-decoration:none;
font-weight:bold;
}

#sidebar-2 li.widget {
	width:288px;
}

/* Latest Drops widget */

#sidebar-2 li#text-8.widget {
	background:url('images/latest-drops.png') center no-repeat;
	height:265px;
	width:288px;
	}
	#sidebar-2 li#text-8.widget h2.widgettitle {
		display:none;
	}
	#sidebar-2 li#text-8.widget div.textwidget {
		padding-top:70px;
		padding-left:10px;
	}
	
/* Subscription widget */

/* UPDATED FOR MAILCHIMP */
#mc_signup_form {
background:url("http://www.theclinkroom.com/wp-content/themes/clinkroom/images/nl-signup.png") no-repeat scroll center top transparent;
border:medium none;
height:245px;
}

#mc_message{
	
	}

.mc_var_label, #mc-indicates-required, .mc_error_msg{
	display:none;
	}

#mc_signup_form .mc_input {
	background:transparent;
	border:medium none;
	height:18px;
	width:156px;
	}
#mc_mv_EMAIL{
	margin:124px 0 0 58px;
	}
#mc_mv_FNAME{
	left:58px;
	position:relative;
	top:-119px;
	}
#mc_mv_LNAME{
	left:58px;
	position:relative;
	top:-112px;
	}
#mc_signup_submit{
	background:transparent;
	border:0 none;
	cursor:pointer;
	height:34px;
	margin-left:-8px;
	margin-top:0;
	overflow:hidden;
	padding-top:34px;
	position:relative;
	top:-50px;
	width:185px;
	}
.mc_success_msg {
	background:url("http://www.theclinkroom.com/wp-content/themes/clinkroom/images/nl-thanks.png") no-repeat scroll center top transparent;
	display:block;
	height:256px;
	left:-70px;
	position:absolute;
	text-indent:-9999px;
	width:255px;
	z-index:40;
	}

#sidebar-2 li#text-9.widget {
	background:url('images/newsletter.png') center no-repeat;
	height:200px;
	width:288px;
	position:relative;
	}
	#sidebar-2 li#text-9.widget div.textwidget {
		width:220px;
		padding-top: 50px;
	}

	#sidebar-2 li#text-9.widget div.textwidget form.wpcf7-form {
		border:0 none;
		display:block;
		float:left;
		height:118px;
		left:0;
		padding-left:70px;
		position:absolute;
		width:160px;
		}

	#sidebar-2 li#text-9.widget div.textwidget div.titles {
		display:none;
	}
	
	#sidebar-2 li#text-9.widget div.textwidget input.wpcf7-validates-as-required {
		width:149px;
		height:20px;
		float:right;
	}
	
	#sidebar-2 li#text-9.widget div.textwidget input.wpcf7-validates-as-email {
		width:149px;
		height:20px;
		float:right;
		margin-top:21px;
	}
	
	#sidebar-2 li#text-9.widget div.textwidget input {
		border:1px solid #25205A;
		margin: 3px 0;
	}
	
	#sidebar-2 li#text-9.widget div.textwidget div.submitbutton input {
		margin-left:15px;
		margin-top:12px;
		padding:5px;
		min-height:1px;
	}
	
/*	#sidebar-2 li#text-9.widget div.textwidget div.submitbutton input:hover {
		background:#B5AFB6;
	}
*/
	#sidebar-2 li#text-9.widget div.textwidget div.submitbutton{position:relative;float:left;min-height:1px;}
	
	#sidebar-2 li#text-9.widget div.textwidget div.submitbutton input {
		background:url("images/sendsneakpeaks.png") no-repeat scroll left top transparent;
		border:0 none;
		height:29px;
		margin-left:-4px;
		text-indent:-99999px;
		width:153px;
		}
	#sidebar-2 li#text-9.widget div.textwidget div.wpcf7-mail-sent-ok{
		background:url("images/thanksforsubscribing.png") no-repeat scroll left top transparent;
		border:0 none;
		height:34px;
		left:-26px;
		position:relative;
		text-indent:-9999px;
		top:-77px;
		width:184px;
		}


span.wpcf7-not-valid-tip-no-ajax {
color:#FF0000;
display:block;
font-size:8pt;
position:relative;
top:-6px;
z-index:5;
}	

/* Hide headers on widgets */

#sidebar-2 h2.widgettitle {
	display:none;
}

/*
#flickr-frame {
margin-top:25px;
}

#flickr-frame a img {
margin-left:-20px;
margin-top:-20px;
}

#flickr-frame a {
	display:block;
	height:145px;
	margin:0 auto;
	width:200px;
	}
*/

/* NEW FLICKR SETTINGS */
#flickr-frame{
	position:relative;
}

#flickr-frame a{
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
transform: rotate(-3deg);
display:block;
padding:0;
margin:35px 0 0 0;
}

#flickr-frame #Flickr_Pin{
left:94px;
position:absolute;
top:-15px;
z-index:3;
}

#flickr-frame a img{
max-width:200px;
border:5px solid #fff;
margin:0 0 0 35px;
box-shadow:0 3px 3px 0 #555;
-moz-box-shadow:0 3px 3px 0 #555;
-webkit-box-shadow:0 3px 3px 0 #555;
}

#blogcontent{
	width:565px;
	margin:-50px auto 0 40px;
/*	overflow: hidden;*/
}

.post {
float:left;
}

.post-top {
	background:url('images/post-top.png') top left no-repeat;
	height:127px;
	margin:0;
	float:left;
	width:565px;
}

.post-middle {
	background:url('images/post-middle.png') top left repeat-y;
	margin:0;
	float:left;
	width:565px;
}

.post-bottom {
	background:url('images/post-bottom.png') top left no-repeat;
	height:40px;
	clear:both;
	margin:0;
	width:565px;
}

.post h2{
	font-family:'TheClinkRoom';
	clear:left;
	padding-top:43px;
}

.post h2 a{
	font-family:'TheClinkRoom';
}


.entry {
margin: 0px;
}

.page .entry{
	margin-top:-50px;
}

.entry p {
padding: 10px 50px;
line-height:20px;
font-size:12px;
}

.entry p a{
text-decoration:underline;
color:#25205A;
}

.entry p a:hover{
color:#000;
}

p.meta {
	font-size:11px;
	margin:0 0 0 40px;
	text-transform:uppercase;
}
p.meta span{
	float:left;
	display:block;
	line-height:49px;
	}

p.meta span.jason {
	background:url('images/jason.png') top left no-repeat;
	width:89px;
	height:49px;
	text-indent:-9999px;
	}

p.meta span.casey {
	background:url('images/casey.png') top left no-repeat;
	width:79px;
	height:49px;
	text-indent:-9999px;
	}

p.meta2 {
	font-size:11px;
	padding-top:20px;
	margin:0 30px;
	text-transform:uppercase;
}
span.category-meta {
	display:block;
	float:right;
	margin-top:10px;
	width:300px;
}

p.meta2 a.facebook-link {
	background:url('images/social-01.png') top left no-repeat !important;
	width:29px;
	height:29px;
	text-indent:-9999px;
	padding:10px 15px;
	margin-right:2px;
}

p.meta2 a.twitter-link {
	background:url('images/social-02.png') top left no-repeat !important;
	width:29px;
	height:29px;
	text-indent:-9999px;
	padding:10px 15px;
	margin-right:2px;
}

p.meta2 span.email-link img{
display:inline;
margin-bottom:-8px;
margin-right:2px;
margin-top:-2px;
}

a.comments-link{text-decoration:none;}

span.discuss-meta {
	margin: 10px 5px 0 5px;
	display:block;
	width:auto;
	float:left;
	}
a span.discuss-meta:hover {
	text-decoration:underline;
	}

span.comment-meta {
background:url("images/comments.png") no-repeat scroll left top transparent;
display:block;
float:left;
height:25px;
line-height:24px;
margin-right:-3px;
margin-top:4px;
padding:0;
text-align:center;
width:26px;
}

.entry p img {
/*padding: 5px 20px 5px 0;*/
}

.entry ul li {
font-size:13px;
margin:0 30px;
padding: 3px 0;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

.postmetadata {
font-size:11px;
color:#25205A;
margin:10px 100px;
}

blockquote {
	margin:5px 100px 5px 250px;
	color:#25205A;
}

.addthis_container {
	margin-left:63px;
}


#footer{
clear:both;
min-height:30px;
padding:50px 0 30px 291px;
position:relative;
top:20px;
width:940px;
}

#footer-widgets{
margin: 1px;
padding:40px 10px 0;
font-size:12px;
height:50px;
}

#footer-widgets li{
width:32%;
float:left;
margin: 0 5px;
}

#footer-widgets li li{
float:none;
width:auto;
padding:0 10px 10px 10px;
}


#bottomnav {
	display:inline;
	font-size:10px;
}

#bottomnav ul {
	padding-bottom:15px;
	padding-left:100px;
}

#bottomnav ul li{
	text-decoration:none;
	float:left;
	padding:5px 10px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

#bottomnav ul li a{
	color:#25205A;
	padding: 3px;
}

#bottomnav ul li a:hover{
	color:#000;
	padding: 3px;
}

/* Widgets
------------------------*/

h2.widgettitle {
text-decoration:none;
font-size:18px;
padding:10px 0 5px 0;
text-align:left;
color:#25205A;
font-weight:200;
}



.widgetized li{
list-style:none;
color:#25205A;
}

.widgetized li ul li {
	font-size:12px;
	margin-bottom:7px;
}


#citations {
clear:both;
padding-right:425px;
font-size:10px;
text-align:right;
color:#D3C4A0;
text-shadow:1px 1px #824E30;
}

#citations cite, #citations a {
color:#D3C4A0;
text-shadow:1px 1px #824E30;
font-style:normal;
}

#comments {
margin:22px;
font-size:12px;
}

h2#discussion  {
	margin:0;
	padding:10px;
}

#comments h2#postcomment  {
	font-size:18px;
	text-align:left;
	padding: 10px;
}

#comments .myimg {
float:left;
padding:5px 10px 5px 0;
}

#comments h3 {
text-align:left;
font-size:24px;
margin:0;
color:#25205A;
}

#comments p {
margin-left:50px;
padding:5px 10px;
width:440px;
}

ol#commentlist {
	margin:0 20px;
}

ol#commentlist li {
clear:left;
float:left;
margin:0 0 15px;
width:495px;
list-style:none;}

#comments #submit {
background:url("images/commentbutton.png") no-repeat scroll 0 0 transparent;
border:0 none;
display:block;
height:30px;
margin-bottom:-150px;
overflow:hidden;
padding:150px 0 0;
width:135px;
}

#comments #submit:hover {
cursor:pointer;
}

#commentform p{margin-left:0;}

#comments form#commentform input#author, #comments form#commentform input#email, #comments form#commentform input#url {
	border:1px solid #25205A;
	height:15px;
}

textarea#comment{
width:500px;
height:150px;
border:1px solid #25205A;
}


#recent-archives{
float:left;
width:45%;
margin-left:3%;
}
#archive-list{
float:right;
width:45%;
margin-right:3%;
}
.archive h3{
text-align:left;
margin:0;padding:0;
}
.archive li{
list-style:none;
font-size:1em;
line-height:1.4em;
}


/* HEADER MENU */
ul#header-widgets{
	position:absolute;
	top:0;
	}
ul#header-widgets li{list-style:none;}
ul#header-widgets li a{display:block;position:absolute;text-align:left;text-indent:-9999px;}

#searchform{
	left:365px;
	position:absolute;
	top:18px;
	width:245px;
	}
#searchform label{display:none;}
#searchform #s{
	left:0;
	position:absolute;
	top:0;
	width:145px;
	height:15px;
	}
#searchform #searchsubmit{
	background:url("images/searchbutton.png") no-repeat scroll left top transparent;
	border:medium none;
	height:25px;
	overflow:hidden;
	padding-top:25px;
	position:absolute;
	right:0;
	text-indent:-99999px;
	top:-3px;
	width:85px;
	cursor:pointer;
	}


ul#header-widgets #head_home{
	height:50px;
	left:57px;
	width:219px;
	}
ul#header-widgets #head_about{
	height:30px;
	left:210px;
	top:54px;
	width:80px;
	}
ul#header-widgets #head_twitter{
	height:30px;
	left:380px;
	top:60px;
	width:85px;
	}
ul#header-widgets #head_facebook{	
	height:30px;
	left:486px;
	top:62px;
	width:85px;
	}
ul#header-widgets #head_onlinestore{
	height:76px;
	left:90px;
	top:95px;
	width:215px;
	}
ul#header-widgets #head_collaborate{
	height:76px;
	left:360px;
	top:100px;
	width:215px;
	}


#pagination{
	margin:10px auto;
	position:relative;
	top:30px;
	z-index:5;
	}
	#pagination span a{
		display:block;
		font-weight:bold;
		text-indent:-9999px;
		height: 76px;
	    width: 250px;
		}
		#pagination span a:hover {
			cursor:pointer;
		}
		#pagination a img.new {
			float:right;
		}
		#pagination a img.old {
		float:left;
		margin-left:50px;
		}

.alignnone, .aligncenter{
	margin:0 auto;
	text-align:center;
	display:block;
	width:auto;
	}	
	
.alignleft{
	float:left;
	}
.alignright{
	float:right;
	}