/* 
	Theme Name: LessThanTen 3-Column
	Theme URL: http://www.philipcs.com/lessthanten/wordpress/wp-content/themes/lessthanten
	Description: LessThanTen 3-Column is a modern theme created for Wordpress.
	Author: YauYau
	Author URI: http://www.philipcs.com
	Version: 1.0
		
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
	Changelog:
		v1.0 - 05.24.07
			First Release of LessThanTen 3-Column
*/


/*************************************************************************************
General Styles
*************************************************************************************/

body {
	background: url(images/bg.gif) top left;
	color: #3d4751;
	font-size: 11px;
	font-family: Tahoma, Verdana, Helvetica, Sans-Serif;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	line-height: 16px;
	min-height: 580px;
}

a, a:active, a:visited {
	color: #f2a700;
	text-decoration: underline;
	font-weight: bold;
}

#normallink a:hover {
	text-decoration: underline;
}

#normallink a, #normallink a:active, #normallink a:visited {
	color: #3d4751;
	text-decoration: none;
	font-weight: normal;
}

a:hover {
	text-decoration: none;
}


.field {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #7f808e;
	border-bottom: 1px solid #e2e2e2;
	border-top: 1px solid #e2e2e2;
	border-left: 1px solid #e2e2e2;
	border-right: 1px solid #e2e2e2;
	padding: 4px 1px 1px 4px;
	line-height: 15px;
	height: 16px;
}

.textarea {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #7f808e;
	border-bottom: 1px solid #e2e2e2;
	border-top: 1px solid #e2e2e2;
	border-left: 1px solid #e2e2e2;
	border-right: 1px solid #e2e2e2;
	padding: 4px 1px 1px 4px;
	line-height: 15px;
	height: 100px;
}


/*************************************************************************************
Clears
*************************************************************************************/

.clear {
  	clear: both;
}

.clear10 {
  	clear: both;
	height: 10px;
}

.clear20 {
  	clear: both;
	height: 20px;
}


/*************************************************************************************
Header
*************************************************************************************/

.headwrapper {
	width: 100%;
	text-align: center;
	background-color: #202830;
	background: #202830;
	height: 190px;
}

.headcnt {
	width: 920px;
	background: url(images/topbnr.gif) no-repeat;
	height: 190px;
	margin: 0 auto;
}

#mainNavContainer {
	height: 84px;
	width: 400px;
	margin: 0px;
	padding: 0;
	float: right;
}
#mainNavContainer h2 {
	display: none;
	text-indent: -9999px;
}
#mainNavContainer #mainNav {
	background: transparent url("images/mnavi.gif") right top no-repeat;
	width: 400px; 
	height: 84px;
	position: relative;
	display: block;
	text-indent: -9999px;
	float: right;
	z-index: 9990;
	margin: 0;
	padding: 0;
}
#mainNavContainer #mainNav li a { text-indent: -9999px; text-decoration: none; }
#mainNavContainer #mainNav li {
	list-style: none;
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
}
#mainNav li, #mainNav a { height: 84px; display: block; outline: none; }

/* Navigation links slices */
#navHome	{ left: 0px; width: 98px; }
#navAbout	{ left: 98px; width: 98px; }
#navGallery	{ left: 196px; width: 104px; }
#navContact { left: 300px; width: 100px; }

/* Navigation hover slices */
#navHome a:hover, #navHome a.current { background: transparent url("images/mnavi.gif") 0px -84px no-repeat; }
#navAbout a:hover, #navAbout a.current { background: transparent url("images/mnavi.gif") -98px -84px no-repeat; }
#navGallery a:hover, #navGallery a.current  { background: transparent url("images/mnavi.gif") -196px -84px no-repeat; }
#navContact a:hover, #navContact a.current { background: transparent url("images/mnavi.gif") -300px -84px no-repeat; }

/* Toggle links */


/*************************************************************************************
Content Wrappers
*************************************************************************************/

.centerwrapper {
	width: 920px;
	padding: 0px;
	text-align: center;
	background: url(images/allcnt_bg.gif);
	margin: 0px auto 0px;
	height: auto;	
}

.centercnt {
	width: 480px;
	margin: 0px 0px 0px 0px;
	padding: 20px 20px 0px 20px;
	float: left;
	background-color: #FFFFFF;
	text-align: left;
}

.sidecnt {
	width: 400px;
	background-image: url(images/side_bg.gif);
	float: right;
}

.sideleft {
	width: 160px;
	float: left;
	padding: 20px 20px 20px 20px;
	text-align: left;
}

.sideright {
	width: 200px;
	float: left;
	padding: 20px 0px 20px 0px;
	text-align: left;
}

.siderightcnt {
	width: 160px;
	float: left;
	padding: 0px 20px 0px 20px;
	text-align: left;
}

.adverlets {
	width: 170px;
	float: left;
	padding: 0px 15px 0px 15px;
	text-align: left;
}


/*************************************************************************************
Center Content Postings
*************************************************************************************/

#googleadcnt {
	width: 460px;
}

.blue {
	color: #0061ae;
	font-size: 11px;
	font-family: Tahoma, Verdana, Helvetica, Sans-Serif;
	text-decoration: none;
	font-weight: bold;
}

.post {
	padding-bottom: 20px;
	color: #3d4751;
	font-size: 11px;
	font-family: Tahoma, Verdana, Helvetica, Sans-Serif;
	line-height: 16px;
}

.postheader {
	width: 100%;
	position: inherit;
}

div.hrpostheader {
  height: 1px;
  background: url(images/postheader_div.gif) repeat-x;
}

div.hrpostheader hr {
  display: none;
}

.calendar {
	width: 41px;
	height: 45px;
	background: url(images/date_bg.gif) no-repeat;
	text-align: center;
	float: left;
}

.month {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #414b56;
	font-weight: bold;
	line-height: 20px;
	font-size: 10px;
}

.date {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #414b56;
	font-weight: bold;
	line-height: 23px;
	font-size: 18px;
}

#title {
	padding-left: 51px;
}

#title a:link, #title a:active, #title a:visited {
	color: #0061ae;
	font-size: 18px;
	font-family: Tahoma, Verdana, Helvetica, Sans-Serif;
	text-decoration: none;
	font-weight: normal;
}

#title a:hover {
	color: #0061ae;
	font-size: 18px;
	font-family: Tahoma, Verdana, Helvetica, Sans-Serif;
	text-decoration: none;
	font-weight: normal;
}

#comments {
	margin-top: 10px;
	text-align: right;
}

#comments a:link, #comments a:active, #comments a:visited {
	color: #3d4751;
	font-size: 11px;
	font-family: Tahoma, Verdana, Helvetica, Sans-Serif;
	text-decoration: none;
	font-weight: normal;
}

#comments a:hover {
	color: #3d4751;
	font-size: 11px;
	font-family: Tahoma, Verdana, Helvetica, Sans-Serif;
	text-decoration: underline;
	font-weight: normal;
}

a.readmore, a.readmore:active, a.readmore:visited {
	color: #0061ae;
	text-decoration: underline;
	font-weight: bold;
}

a.readmore:hover {
	text-decoration: none;
}

div.hrpost {
  height: 7px;
  background: url(images/post_div.gif) repeat-x;
  padding-bottom: 20px;
}

div.hrpost hr {
  display: none;
}

#utwtags a:link, #utwtags a:active, #utwtags a:visited {
	color: #f2a700;
	text-decoration: none;
	font-weight: normal;
}

#utwtags a:hover {
	text-decoration: underline;
}


/*************************************************************************************
Side Contents
*************************************************************************************/

div.hrside {
  height: 1px;
  background: url(images/side_div.gif) repeat-x;
  padding-bottom: 20px;
}

div.hrside hr {
  display: none;
}

#browse {
	width: 134px;
}

#browse ul {
    list-style: none;
	margin: 0;
	padding: 0;
}
#browse li {
    background: url(images/browse_bg.gif) no-repeat;
    padding: 0px 0px 0px 16px;
    text-align: left;
	list-style: none;
	height: 24px;
}

#browse a:link, #browse a:active, #browse a:visited {
	color: #7f808e;
	font-size: 11px;
	font-family: Tahoma, Verdana, Helvetica, Sans-Serif;
	text-decoration: none;
	font-weight: normal;
}

#browse a:hover {
	color: #7f808e;
	font-size: 11px;
	font-family: Tahoma, Verdana, Helvetica, Sans-Serif;
	text-decoration: underline;
	font-weight: normal;
}

#archives {
	width: 134px;
}

#archives ul {
    list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#archives li {
    background: url(images/archives_bg.gif) no-repeat;
    padding: 0px 0px 0px 16px;
    text-align: left;
	list-style: none;
	height: 24px;
}

#archives a:link, #archives a:active, #archives a:visited {
	color: #7f808e;
	font-size: 11px;
	font-family: Tahoma, Verdana, Helvetica, Sans-Serif;
	text-decoration: none;
	font-weight: normal;
}

#archives a:hover {
	color: #7f808e;
	font-size: 11px;
	font-family: Tahoma, Verdana, Helvetica, Sans-Serif;
	text-decoration: underline;
	font-weight: normal;
}

#bloggers {
	width: 134px;
}

#bloggers ul {
    list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#bloggers li {
    background: url(images/bloggers_bg.gif) no-repeat;
    padding: 0px 0px 0px 16px;
    text-align: left;
	list-style: none;
	height: 24px;
}

#bloggers a:link, #bloggers a:active, #bloggers a:visited {
	color: #7f808e;
	font-size: 11px;
	font-family: Tahoma, Verdana, Helvetica, Sans-Serif;
	text-decoration: none;
	font-weight: normal;
}

#bloggers a:hover {
	color: #7f808e;
	font-size: 11px;
	font-family: Tahoma, Verdana, Helvetica, Sans-Serif;
	text-decoration: underline;
	font-weight: normal;
}

#tags {
	width: 160px;
	line-height: 18px;
}

#tags a:link, #tags a:active, #tags a:visited {
	text-decoration: none;
	font-weight: normal;
}

#tags a:hover {
	text-decoration: underline;
}


/*************************************************************************************
Comments
*************************************************************************************/

.itementry {
	color: #7f808e;
	font-size: 11px;
	font-family: Tahoma, Verdana, Helvetica, Sans-Serif;
	text-decoration: none;
	font-weight: normal;
}

/*************************************************************************************
Advertisements
*************************************************************************************/

#googleadv {
	width: 159px;
	background: url(images/adv_bg.gif);
	text-align:center;
	color: #7f808e;
}

#googleadvcnt {
	padding-left: 14px;
	padding-right: 14px;
	text-align: left;
	color: #7f808e;
	font-size: 11px;
	font-family: Tahoma, Verdana, Helvetica, Sans-Serif;
}

/*************************************************************************************
Gallery
*************************************************************************************/

#titlegallery {
	padding-left: 0px;
}

#titlegallery a:link, #titlegallery a:active, #titlegallery a:visited {
	color: #0061ae;
	font-size: 18px;
	font-family: Tahoma, Verdana, Helvetica, Sans-Serif;
	text-decoration: none;
	font-weight: normal;
}

#titlegallery a:hover {
	color: #0061ae;
	font-size: 18px;
	font-family: Tahoma, Verdana, Helvetica, Sans-Serif;
	text-decoration: none;
	font-weight: normal;
}

#gallery {
	width: 75px;
	height: 75px;
	margin: 8px;
	padding: 10px;
	border-style: dotted;
	border-width: 1px;
	float: left;
	border-color: #7f808e;
}

#gallery img {
	border: none;
}


/*************************************************************************************
Recipe
*************************************************************************************/

.recipetitle {
	font-family: Tahoma, Verdana, Helvetica, Sans-Serif;
	color: #0061ae;
	line-height: 18px;
	font-weight: bold;
	text-decoration: underline;
}

.recipedesc {
	line-height: 18px;
	color: #7f808e;
}

.recipediv {
	background-image: url(images/recipe_div.gif);
	height: 1px;
}

ul.ingredients {
    list-style: none;
	margin: 0;
	padding: 0;
}

li.ingredientstit {
    background: transparent url("images/recipe_ing.gif") left top no-repeat;
    padding: 0px 0px 6px 0px;
	margin: 0px;
    text-align: left;
	line-height: 20px;
	list-style: none;
	color: #7f808e;
	height: 20px;
	text-indent: 25px;
}

li.ingredients {
    background: transparent url("images/recipe_ingcnt.gif") left top no-repeat;
    padding: 0px 0px 6px 0px;
	margin: 0px;
    text-align: left;
	line-height: 20px;
	list-style: none;
	text-indent: 25px;
	color: #7f808e;
	height: 20px;
}


/*************************************************************************************
Footer
*************************************************************************************/

.footwrapper {
	width: 100%;
	text-align: center;
	background-color: #212931;
	height: 50px;
}

#footcnt {
	width: 920px;
	background-color: #3f4a53;
	height: 50px;
	margin: 0 auto;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #b2b7ba;
	line-height: 50px;
	font-size: 11px;
}

#footcnt a:link, #footcnt a:active, #footcnt a:visited {
	color: #b2b7ba;
	font-size: 11px;
	font-family: Tahoma, Verdana, Helvetica, Sans-Serif;
	text-decoration: none;
	font-weight: normal;
}

#footcnt a:hover {
	color: #b2b7ba;
	font-size: 11px;
	font-family: Tahoma, Verdana, Helvetica, Sans-Serif;
	text-decoration: underline;
	font-weight: normal;
}