@charset "utf-8";
/*
Theme Name: Cooking Labs
Theme URI: http://uedemo.com/
Description: The Cooking Labs WordPress theme based on the famous <a href="http://uedemo.com/">UEDemo Css Framework</a>.
Version: Alpha 0.1
Author: jeffery
Author URI: http://uedemo.com/
Tags: black, custom header, fixed width, two columns,three columns widgets
*/

/*@-root: Reset CSS */
	/*@-reset:margin & padding*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
	/*@-reset:border*/
fieldset, img {
	border: 0;
}
abbr, acronym {
	border: 0;
	font-variant: normal;
}
	/*@-reset:font*/
address, caption, cite, code, dfn, th, var, optgroup {
	font-style: inherit;
	font-weight: inherit;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight:inherit;
}
abbr, acronym {
	border: 0;
	font-variant: normal;
}
input, button, textarea, select, optgroup, option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}
code, kbd, samp, tt {
	font-size: 100%;
}
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select {
 *font-size: 100%;
}
	/*@-reset:line-height*/
body {
	line-height: 1.5;
}
	/*@-reset:list-style*/
ol, ul {
	list-style: none;
}
	/*@-reset:table*/
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
}
	/*@-reset:sub & sup*/
sup, sub {
	font-size: 100%;
	vertical-align: baseline;
}
	/*@-reset:a & ins text-decoration*/
/* remember to highlight anchors and inserts somehow! */
:link, :visited, ins {
	text-decoration: none;
}
	/*@-reset:q & blockquote*/
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
/*@-root: Base CSS */
body {
	color:#666;
	font-size:14px;
	font-family:Verdana,Tahoma, Arial, Helvetica, sans-serif;
}
a {color:#0286c3; text-decoration:none;}
a:link {color: #0286c3;}
a:visited {color: #0286c3;}
a:hover,a:focus {color: #aaa; text-decoration:underline;}
a:active {color: #aaa; text-decoration:underline;}

a:link.usable,a:visited.usable,a:hover.usable,a:active.usable {
	color:#008000;
	font-weight:700;
}
span.hidden {
	display:none;
}
.even { background-color:#FEFEFE;}/*#feffe8#fffcc7*/
.odd { background-color:#FEFEFE;}/*#eff6fd#e2f5ff*/
.usable {
	color:#008000;
	font-weight:700;
}
.unused {
	color:#f60;
	font-weight:700;
}
/*@-root: Theme CSS*/
#wrapper {
	margin:40px auto 0;
	width:800px;
	width:100%;
}
/*header*/
	/*#header:#header-top,#header-main,#header-bottom*/
#header {
	background:#fff none repeat scroll 0 0;
	border:5px solid #fff;
	height:136px;
	width:auto;
}
	/*#header->#header-top*/
#header #header-top {
	position:relative;
	height:100px;
	margin:0 0 0 15px;
}
#header #header-top #logo {
	padding:5px 0;
}
#header #header-top #logo h1 {
	font-size:24px;
	font-weight:700;
}
#header #header-top #logo h1 a {
	width:335px;
	height:30px;
	overflow:hidden;
}
#header #header-top div.quick-menu {
	position:absolute;
	top:0;
	right:0;
	padding:0 0 0 6px;
}
#header #header-top div.quick-menu ul {
	display:block;
	float:left;
	overflow:hidden;
	height:26px;
	padding:0 6px 0 0;
}
#header #header-top div.quick-menu ul li {
	float:left;
	height:25px;
	line-height:25px;
	padding:0 10px 0 11px;
	margin:0 0 0 -1px;
}
div.quick-menu ul li.help a {
	cursor:help;
}
	/*#header->#header-main*/
#header #header-main {
	height:36px;
	position:relative;
	z-index:9;
}

#header #header-main #nav {
	/*height:30px !important;
	float:left;
	border:1px solid #ace;
	*/
	line-height:normal;
	position:absolute;
	margin:2px;
	width:100%;
	height:32px;
}
#nav li {
	position:relative;
	float:left;
}
#nav li a {
	float:left;
	/*background:#ccc url(images/nav_bg.gif) repeat-x 0 -160px;*/
	color:#aaa;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:700;
	font-size:14px;
	height:30px;
	line-height:30px;
	padding:0 25px;
	margin-right:2px;
}
#nav li a:link {color: #aaa; border:1px solid #aeaeae;}
#nav li a:visited {color: #aaa; border:1px solid #aeaeae;}
#nav li a:hover,#nav li a:focus,#nav li a.selected,#nav li a:active,
#nav li.current-cat a,#nav li.current-cat a:visited {
	color: #222;
	border:1px solid #c4c4c4;
	background:#dedede url(images/nav_bg.gif) repeat-x 0 -250px;
	text-decoration:none;
}
#nav li ul {
	background-color:#f2f2f2;
	border:5px solid #e5e5e5;
	display:none;
	position:absolute;
	left:0;
	top:32px;
	width:182px;
	z-index:10;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
#nav li ul li {
	height:28px;
	line-height:28px;
	margin:1px auto;
}
#nav li ul li a {
	background:#ccc url(images/nav_bg.gif) repeat-x 0 -26px;
	width:130px;
	height:26px;
	line-height:26px;
	font-size:12px;
	margin:0;
}
#nav li ul li a:hover,#nav li ul li a:focus,#nav li ul li a.selected {
	background:#dedede url(images/nav_bg.gif) repeat-x 0 -104px;
}
#nav li ul li a:active {
	background:#dedede url(images/nav_bg.gif) repeat-x 0 -104px;
}

	/*#header->#header-bottom*/
#header #header-bottom {
	width:100%;
	height:30px;
}
#header #header-bottom .crumb {
	line-height:20px;
	margin:7px auto 3px 5px;
}
#header #header-bottom .crumb li {
	float:left;
	margin:0 8px 0 0;
}
#header #header-bottom .crumb li a {
	padding:0 8px 0 0;
	background:url(../images/nav-patch-bg.gif) 100% 45% no-repeat;
}
/*footer*/
#footer {
	background-color:#fff;
	border:5px solid #fff;
	clear:both;
	font-size:11px;
	margin-top:10px;
	padding:10px;
	text-align:center;
	width:auto;
}
#footer #copyright {
	display:block;
	margin:18px 0;
	padding-top:15px;
	border-top:1px solid #e2e2e2;
	line-height:180%;
	text-align:center;
}
#footer #copyright em {
	margin-left:25px;
	color:#ACA9A4;
	font-style:normal;
	font-family:Verdana;
	font-size:12px;
}
#footer #copyright a {
	text-decoration:none;
	color:#ACA9A4;
}
/*main*/
#main {
	margin:10px auto;
	overflow:hidden;
	clear:both;
	width:100%;
	position:relative;
}
#main #container {
	float:left;
	display:inline;
	/*
	width:570px;
	*/
	width:100%;
	text-align:justify;
	margin-right:-230px;
}
#main #container .container-skin {
	margin-right:230px;
}
#main #container div.main-content {
	margin-left:-230px;
	float:right;
	width:100%;
}
#main #container .main-content-skin {
	background-color:#fff;
	border:5px solid #fff;
	*float:right;
	padding:10px;
	margin:10px 0 0 230px;
	overflow:hidden;
}
#main #container div.main-content div.column {
	width:100%;
	margin-bottom:15px;
	overflow:hidden;
}
#main #container div.main-content div.column h2 {
	font-size:16px;
	font-weight:600;
	padding:10px 0 0;
	margin:5px 2px;
}
#main #container div.main-content div.column .articles-meta {
	padding:3px 0;
}
.articles-meta .comments { float:right;}
#main #container div.main-content div.column .articles {
	margin:10px auto;
}
#main #container div.main-content div.column .articles ol,
#main #container div.main-content div.column .articles ul {
	padding:40px;
	list-style:none outside decimal;
}
.articles .runcode_text {
	padding:5px;
}
#main #container div.main-content div.column .articles-images,.wp-caption {
	background-color:#aaa;
	border:5px solid #aaa;
	margin:0 auto 10px;
	position:relative;
	overflow:hidden;
	/*display:inline-block;*/
}
.wp-caption {
	border-width:5px 0;
	border-color:#aaa;
	border-style:solid;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
#main #container div.main-content div.column .articles-images img,.wp-caption img {
	display:block;
	margin:0 auto;
}
#main #container div.main-content div.column .articles-images .desc,
#main #container div.main-content div.column .wp-caption .wp-caption-text {
	background-color:#aaa;
	color:#333333;
	display:block;
	left:0;
	opacity:0.6;
	padding:4px 8px 2px;
	margin:0;
	position:absolute;
	bottom:-1px;
	width:100%;
	text-indent:0;
}
#main #container div.main-content div.column .articles p {
	margin:5px 0 10px;
}
/*
#main #container div.main-content div.column .articles p:first-letter {
	font-size:200%;
}
*/
.articles .thumb img {
	background:#000000 none repeat scroll 0 0;
	border:3px solid #eaeaea;
	float:left;
	padding:1px;
	margin:0 16px 12px 0;
	vertical-align:middle;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	width:20%;/*thumbnail max width*/
}
#main #container div.main-content div.column div.operate {
	border-top:1px solid #111;
	margin-top:12px;
}
#main #container div.main-content div.column div.operate span {
	/*border:1px solid #111111;*/
	color:#aaa;
	font-size:9pt;
	font-style:italic;
	line-height:27pt;
	margin-right:5px;
	padding:8px 10px;
}
/*
#main #container div.main-content div.column div.operate span:hover {
	background-color:#040404;
}
*/
#main #container .next-previous {
	clear:both;
	margin:10px 0 5px;
	overflow:hidden;
}
#main #container .next-previous .previous {
	float:left;
	margin:5px 10px 5px 0;
}
#main #container .next-previous .next {
	float:right;
	margin:5px 0 5px 10px;
}
#main #container .next-previous a {
	/*color:#83ADC8;*/
	text-decoration:underline;
	text-transform:lowercase;
}
.wp-pagenavi {
	clear:both;
	margin:10px 0 5px;
	text-align:center;
	font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited {
	padding: 2px 4px;
	margin: 2px;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #1262B3;
	color: #666;
}
.wp-pagenavi a:hover, .wp-pagenavi a:active {	
	background-color: #DEDEDE;
	border: 1px solid #AEAEAE;
	color: #222;
}
.wp-pagenavi span.pages {
	padding: 2px 4px;
	margin: 2px;
	background-color: #fff;
	border: 1px solid #1262B3;
	color: #666;
}
.wp-pagenavi span.current, .wp-pagenavi span.extend {
	padding: 2px 4px;
	margin: 2px;
	font-weight: bold;
	background-color: #dedede;
	border: 1px solid #aeaeae;
	color: #222;
}

#main #container div.main-content table {
	border-bottom:1px solid #ace;
	border-top:1px solid #ace;
	border-collapse:collapse;
}
#main #container div.main-content table tr {
	height:26px;
	line-height:26px;
}
#main #container div.main-content table thead tr {
	background:#f3f7fa none repeat-x 0 0;
}
#main #container div.main-content table tr th , 
#main #container div.main-content table tr td {
	text-align:center;
	border:1px solid #eee;
	padding:0 2px;
}
th a:link {color: #36c;}
th a:visited {color: #36c;}

/*sidebar*/
#main div.sidebar {
	float:right;
	font-size:12px;
	margin:10px 0 0 -220px;
	width:220px;/*190*/
}
#main #container div.sidebar {
	float:left;
	margin:10px -220px 0 0;
}
#main div.sidebar .column {
	background-color:#fff;
	border:5px solid #fff;
	margin-bottom:5px;
	padding:10px;
	width:190px;
}
#main div.sidebar .column h2 {
	border-bottom:1px solid #0286c3;/*#ace*/
	color:#666;
	display:block;
	height:26px;
	line-height:26px;
	padding:0 0 0 5px;
	margin-bottom:5px;
	font-size:14px;
	font-weight:bold;
}
#main div.sidebar .column .cat-box {
	width:188px;
}
#main div.sidebar .column ul {
	color:#59799F;
	list-style-type:square;
	padding:5px 10px 5px 20px;
	overflow:hidden;
}
#main div.sidebar .column ul li {
	display:list-item;
	margin-bottom:2px;
	line-height:24px;
}
#main div.sidebar .column ul li a {
	color:#0286C3;
	/*display:block;*/
	padding:0 0 0 3px;
	width:160px;
}
#main div.sidebar .column ul li a:link,
#main div.sidebar .column ul li a:visited{
	color:#0286C3;
	text-decoration:none;
}
#main div.sidebar .column ul li a:hover,
#main div.sidebar .column ul li a:active{
	/*background:#666;*/
	color:#aaa;
	text-decoration:underline;
}
#main div.sidebar .column ul li.selected a {
	background:#666;
}
.styleSwitch {
	clear:both;
}
.styleSwitch li {
	background-color:#ace;
	float:left;
	width:8px;
	height:8px;
	margin:3px;
	overflow:hidden;
}
.styleSwitch li a {
	display:block;
	height:8px;
	text-indent:-999em;
}
.styleSwitch li.simple-grey {
	background-color:#f2f2f2;
	border:1px solid #d4d4d4;
}
.styleSwitch li.simple-black {
	background-color:#666;
	border:1px solid #222;
}
.styleSwitch li.simple-blue {
	background-color:#148fcc;
	border:1px solid #1262b3;
}
.commentlist li {
	padding:5px;
	margin:3px auto;
}
.commentlist  li.even {
	border-width:5px 1px 1px 1px;
	border-color:#c4c4c4;/*#F7A900*/
	border-style:solid;
}
.commentlist  li.odd {
	border-width:5px 1px 1px 1px;
	border-color:#900;/*#00a8ff*/
	border-style:solid;
}
.commentlist li .avatar {
	float:left;
	margin-right:12px;
}
.commentlist li .comment-meta{ font-size:9px;}
.commentlist li .children {
	background-color:#fff;/*#e9ffcf*/
	border-width:5px 1px 1px 1px;
	border-color:#eaeaea;/*#61A216*/
	border-style:solid;
	margin:5px;
	padding:5px;
}
.commentlist li .children .odd,
.commentlist li .children .even {
	background-color:#fff;/*#e9ffcf*/
	border:0 none;
}
.commentlist .reply {
	text-align:right;
}
.commentlist .comment-reply-link {
	background:#dedede url(images/nav_bg.gif) repeat-x 0 -26px;
	border:1px solid #666;
	color:#aaa;
	font-size:12px;
	padding:3px 16px;
}
.commentlist .comment-reply-link:hover,
.commentlist .comment-reply-link:focus {
	background:#dedede url(images/nav_bg.gif) repeat-x 0 -26px;
	color:#222;
}
.commentlist .comment-reply-link:active {
	background:#dedede url(images/nav_bg.gif) repeat-x 0 -26px;
	color:#222;
}
#wp-calendar {
	width:100%;
}
#wp-calendar caption {
	height:32px;
	line-height:32px;
	text-align:center;
}
/*search and comment input text color*/
#respond, #comments { clear:both;}
#s,#comment,input[type=text] {color:#222;}
#commentform p {margin:3px 0;}
#commentform p input,#commentform p textarea {
	border:1px solid #222;
	padding:2px;
}
.gototop {
	float:right;
	padding-right:25px;
}