/*
Theme Name: ClockWorkMint
Theme URI: http://clockworkblogger.com/theme-clockworkmint/
Description: A simple, fresh theme featuring theme options, comment numbering and email subscription, author comment highlighting, a built-in breadcrumb and social bookmarking links wrapped up in an elegant shell by <a href="http://clockworkblogger.com">ClockWorkBlogger</a>. Please use the <a href="http://clockworkblogger.com/theme-clockworkmint/">ClockWorkMint theme</a> page for comments and suggestions.
Version: 1.2.1
Author: Lukasz Sobek
Author URI: http://sobek.pl
Tags: fixed width, 2 columns, two columns, widgets, widget ready, valid CSS, simple, right sidebar, white, blue, black, green, orange, clean, 3 columns, three columns, valid XHTML, breadcrumb, author highlight, gravatars, count
*/

* 					{margin: 0; padding: 0; font-family: arial,sans; font-size: 12px;}


body 				{background: #fff url('images/bg.gif') top left;}

a {text-decoration: none;}
a:hover 				{text-decoration: underline;}

/*
pre {
	white-space: pre-wrap; white-space: -moz-pre-wrap !important; white-space: -pre-wrap;
	white-space: -o-pre-wrap; word-wrap: break-word;
}
*/

blockquote, pre		{border-left: 1px solid #327eb0; padding: 10px; font-style: italic; background: #ddd; margin: 10px 0;}

img					{border: none;}

#wrapper 			{margin: 20px auto; width: 900px; padding: 30px; background: #fff; border: 5px solid #d6e2f7;}
#wrapper_top		{margin: 20px auto; width: 900px; padding: 30px; background: #fff; border: 5px solid #6F6F6F;}

/* ---- Header part */

#topmenu {margin: -30px 0 20px 0; border-bottom: 1px dotted #ccc;}
#topmenu  .descri {color: #666; padding: 6px 0 0 5px; font-weight: bold; font-size: 16px; }
#topmenu ul {list-style: none; float: right;}
#topmenu ul li	{display: inline;}
#topmenu a {display: block; float: left; padding: 6px 10px; color: #AAA; border-right: 1px solid #fff; font-weight: bold; font-size: 11px;}
#topmenu a:hover {background: #d6e2f7; color: #000; text-decoration: underline;}
#topmenu a.feed {background: #f57100; color: #fff;}
#topmenu a.feed :hover { background: #f57100; color: #fff; text-decoration: underline;}

/* ---- */
#header {margin: 0 0 20px 0; }
#header h1 {background: #d6e2f7; padding: 5px 10px; height: 35px; line-height: 35px; }
#header h1, #header h1 a	 { color: #4169e1; letter-spacing: -1px; text-decoration: none; font-size: 22px; }

/* new header */
#header_top {margin: 0 0 0px 0; }
#header_top h1 {background: #E5E5E5; padding: 10px; }
#header_top h1, #header_top h1 a { color: #000000; letter-spacing: -1px; text-decoration: none; font-size: 24px; }

#searchform			{float: right; margin: 10px 10px 0 0;}

#s					{padding: 3px; border: 2px solid #ccc; width: 300px; color: #333;}
#s:hover			{border: 2px solid #999;}

#teaser 				{font-weight: bold; color: #666; padding: 5px; border-top: 1px solid #333; border-bottom: 1px dotted #ccc;}
#teaser a			{color: #333; text-decoration: underline; }
#teaser a:hover		{text-decoration: none;}


/* ---- Content */

#content 			{float: left; width: 615px; padding-right: 30px; border-right: 5px solid #d6e2f7; line-height: 150%; font-size: 14px; color: #222; margin-top: 20px;}
#content_email		{float: left; width: 700px; padding-right: 30px; border-right: 5px solid #d6e2f7; line-height: 150%; font-size: 14px; color: #222; margin-top: 20px;}

#email_box { width: 900px; }
#email_box td { padding: 5px; }
#email_top { text-align:center; font-size: 14px; margin-bottom: 30px; }

#content ul		{margin: 10px 0 10px 10px; list-style: none;}
#content ul li		{background: url('images/bullet.gif') 0 5px no-repeat; margin: 5px 0; padding-left: 15px; font-size: 14px; }

#content ol		{margin: 10px 0 10px 10px; list-style: decimal inside;}
#content ol li		{margin: 5px 0; font-size: 14px; }

#content p		{margin: 10px 0; font-size: 12px;}



#content a		{color: #327eb0; font-weight: bold;}
#content a:hover	{color: #40a2e3;}

#content .indicator 	{float: left; margin-left: -30px; font-size: 30px; color: #999;}

#content h1 {
	background: #d6e2f7;
	/* background: #d6e2f7; */
	margin-left: -30px;
	padding: 5px 10px 5px 30px;
	text-align: center;
}

#content h2	{
	background: #d6e2f7;
	/* background: #d6e2f7; */
	margin-left: -30px;
	padding: 5px 0 5px 30px;
}

#content h1, #content h2, #content h1 a, #content h2 a	{color: #4169e1; letter-spacing: -1px; text-decoration: none;}
#content h1, #content h1 a { font-size: 16px; }
#content h1 .numbercomments a	{font-size: 13px; color: #999;}
#content h2, #content h2 a					{font-size: 17px; margin-bottom: 10px;}

#content h1 a:hover,
#content h2 a:hover			{color: #000; text-decoration:underline;}

#content h2					{margin-top: 10px; }

#content h3					{font-size: 14px; margin-top: 10px; color: #666; }

#content .metadata			{color: #666; margin: 5px 0 30px 0; padding: 5px; border-bottom: 1px dotted #ccc;}
#content .metadata_bottom	{color: #666; padding: 5px; }

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

/* ---- Comments listing  */

#content .comments-template 		{margin-top: 50px;}
#content .commentlist 			{list-style: none; margin: 10px 0 0 0;}
#content .commentlist li			{margin: 0; padding: 0;}
#content .commentmetadata 		{padding: 5px 10px; background: #d6e2f7; margin: 5px 0 5px -30px; }
#content .avatar					{float: left; padding: 2px; margin: 5px 10px 5px 0; border: 1px solid #000; position: relative;}
#content .commentmetadata_author {padding: 5px 10px; background: #d6e2f7; margin: 5px 0 5px -30px; border-right: 3px solid #f57100;}
#content .commentnumber			{color: #fafcf8; font-size: 30px; font-weight: bold; float: right; font-style: italic;}

/* ---- Sidebar */

#sidebar { 
	width: 220px;
	float: right;
	line-height: 180%;
	color: #333;
	margin-top: 0px;
}

#sidebar .leftbar	{width: 150px;}
#sidebar .rightbar	{float: right; width: 150px;}

#sidebar a {color: #333; }
#sidebar a img		{ border: 5px solid #d6e2f7; }
#sidebar a img:hover { border: 5px solid #71A6CE; }


#sidebar h4, #sidebar h5			{color: #4169e1; letter-spacing: -1px; margin: 25px 0 5px 0;}
#sidebar h4			{font-size: 14px;}
#sidebar h5			{font-size: 13px;}

#sidebar h4 a {color: #4169e1; letter-spacing: -1px; margin: 25px 0 5px 0; font-size: 14px;}

#sidebar ul			{margin: 10px 0 10px 5px; list-style: none;}
#sidebar ul li			{background: url('images/bullet_pale.gif') 0 5px no-repeat; padding-left: 15px;}
#sidebar ul.new li		{background: url('images/bullet_new.gif') 0 5px no-repeat; padding-left: 15px;}

#sidebar ol			{margin: 10px 0 10px 5px; list-style: decimal inside;}

/* ---- subfooter */

#subfooter			{color: #ccc; background: #d6e2f7; padding: 5px 10px; margin: 30px 0 20px 0;}
#subfooter a			{color: #327eb0; font-weight: bold;}
#subfooter a:hover		{color: #40a2e3;}

#subsubfooter			{ text-align: center; font-size: 18px; color: #000; background: #E5E5E5; padding: 5px 10px; margin: 30px 0 20px 0;}
#subsubfooter a		{ font-size: 18px; color: #000; font-weight: bold;}
#subsubfooter a:hover	{ font-size: 18px; color: #000;}

/* ---- Footer */

#footer {border-top: 1px dotted #ccc; color: #666; padding: 5px 5px 10px 5px; margin-bottom: -30px;}
#footer a					{color: #333; text-decoration: underline;}
#footer a:hover	{	text-decoration: none;}

#footer a.authorlink 		{color: #666; text-decoration: none;}
#footer a.authorlink:hover 	{text-decoration: underline;}

#foot { 
	padding-top: 5px;
}
#foot a { 
	font-size: 9px;
	padding-top: 3px;
}

#foot li { display: inline; }

/* ---- Comments form */

#author, #email, #url, #comment { border: 1px solid #ccc; padding: 5px; margin-top: 5px;}

#author 		{width: 250px; }
#email 		{width: 250px; }
#url 		{width: 250px; }
#comment 	{width: 400px; }
#submit 		{background: #e35c00; color: #fff; padding: 10px; border: 1px solid #ccc; margin-top: 10px;}

/* ---- Social bookmark icons */

#content .socialize  		{border: 1px dotted #ccc; border-left: none; border-right: none; padding: 5px; font-weight: bold; text-align: center;}
#content .socialize span	{text-align: left;}
#content .socialize  a	{display:block; padding:4px 0; padding-left:21px; display: inline; margin-right: 10px; background-position: left 5px; background-repeat: no-repeat;}
 
#content .digg 		{background-image: url('images/digg.png'); }
#content .delicious	{background-image: url('images/delicious.png');}
#content .technorati	{background-image: url('images/technorati.gif');}
#content .google		{background-image: url('images/google.gif');}
#content .stumbleupon{background-image: url('images/stumbleupon.gif');}
#content .yahoo		{background-image: url('images/yahoo.png');}

/* ---- Required by WordPress */

.aligncenter,
div.aligncenter 	{ display: block; margin: 0 auto; }

.alignleft 		{ float: left; }

.alignright 		{ float: right; }

.wp-caption 	{border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px;
				/* optional rounded corners for browsers that support it 
		   		-moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;  */
				}

.wp-caption img 		{ border: 0 none; }

.wp-caption p.wp-caption-text 	{ font-size: 11px; line-height: 17px; padding: 0 4px 5px; }

#topimage {
	height: 183px;
	background: #fff url('http://www.rayandlisaj.com/wp-content/themes/clockworkmint/images/header1.jpg') top left no-repeat;
	border-top: 1px solid #333;
}

#video {
	float: left;
	width: 320px;
	height: 240px;
	padding: 10px;
	margin-top: 10px;
	margin-right: 10px;
	background-color: #d6e2f7;
}

#main-table 
{
	text-align: center;
}

#main-table td { padding: 3px; font-size: 10px; font-weight: bold; }
#contact-info { font-size: 11px; font-weight: bold; }
.namnum { font-size: 18px; line-height: 100%; margin-top: 20px; }

#side-vid { border: 5px solid #d6e2f7; width: 220px; }
#side-vid:hover { border: 5px solid #71A6CE; }

#content strong { color: #4169E1; }
#content h4 { color: #313D77; font-size: 18px; padding-top: 10px; }

#safe { text-align: center; font-size: 11px; font-style:italic; line-height: 15px; margin-top: 10px; }


#content p.success {
	font-size: 20px;
}

#tran { background-color: #E4E4E4; padding: 5px; margin-top: 5px; }
#tran p { padding: 5px; font-size: 13px; }

.linkcat { 
	list-style: none;
}

.linkcat h2 { 	font-size: 18px; padding-bottom: 10px; padding-top: 10px; }
.blogroll { list-style: square; padding: 5px; }
.blogroll a { font-size: 13px; }