/*
Theme Name: appfarm
Theme URI: http://www.theapplicationfarm.com/
Description: Appfarm theme.
Version: 1.1
Author: http://www.injoit.com/
Author URI: http://www.injoit.com/
*/ 

html, body {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	background: #F5F5F5;
}

html, body, #wrapper {
	min-width: 999px;
}



/* Font Size*/

body {
	font: 62.5%/1.4 Helvetica, Tahoma, Verdana, Arial, sans-serif;
}

input, select { font-size: 1em; }
h1, h2, h3, h4 { font-size: 1em; font-family: Helvetica, "Trebuchet MS", Georgia, Verdana, Tahoma; clear: both; }


/* Header */

#header {
	height: 168px;
	background: #fff;
	position: absolute;
	width: 100%;
}

/* Logo */

	#header h1 {
		position: relative;
		top: 14px;
		margin-left: 23px;
	}
	
	#header h1 a {
		font-family: Helvetica, "Trebuchet MS", Georgia, Verdana, Tahoma;
		width: 304px;
		height: 84px;
		overflow: hidden;
		display: block;
		position: relative;
		font-size: 60px; 
		text-align: center;
		line-height: 90px; 
		text-decoration: none;
		color: #03974D;
		font-weight: bold;
	}
	
	#header h1 a span {
		position: absolute;
		width: 304px;
		height: 84px;
		top: 0;
		left: 0;
		background: transparent url(images/logo.gif) no-repeat 0 0;
	}	
	
	#logo-the {
		color: #B7B7B7;
		position: absolute;
		top: -27px;
		left: 36px;
		font-size: 35px;
	}

	#logo-farm {
		color: #818181;
	}

	/* Top Menu */
	
	#top-menu {
		height: 46px;
		width: 100%;
		background: url(images/top-menu-bcg.gif) repeat-x 0 5px;
		position: absolute;
		top: 122px;	
	}
	
	#top-menu ul {
		margin-left: 26px;
	}
	
	#top-menu ul li {
		display: block;
		float: left;
		height: 46px;
		margin-left: 1px;
	}
	
	#top-menu ul li.current_page_item, 
	#top-menu ul li.current_page_ancestor, 
	#top-menu .blog .page-item-51 {
		background: url(images/menu-item.gif) #009A49 no-repeat 0 -46px;
	}	
	
		#top-menu ul li a {
			display: block;
			float: left;
			height: 46px;
			text-transform: lowercase;
			text-decoration: none;
			font: bold 1.4em "Trebuchet MS", Georgia, Verdana, Tahoma;
			padding: 0 19px;
			line-height: 46px;
			color: #049751;
		}
		
		#top-menu ul li.current_page_item a, 
		#top-menu ul li.current_page_ancestor a, 
		#top-menu .blog .page-item-51 a {
			background: url(images/menu-item.gif) no-repeat 100% 0;
			color: #fff !important;			
		}
		
	#advanced {
		position: absolute;
		height: 37px;
		top: 127px;
		right: 13px;
	}
		
		#advanced div {
			display: block;
			float: left;
		}
		
		#advanced #rss a {
			display: block;
			width: 90px;
			background: url(images/rss.gif) no-repeat left 4px;
			height: 37px; 
			line-height: 37px;
			text-align: right;
			padding-right: 15px;
			color: #000;
			text-decoration: none;
		}
		
		#advanced #rss a:hover {
			text-decoration: underline;
		}
		
		#advanced #twitter {
			display: block;
			position: relative;
			top: 2px;			
		}

/* Left Menu */

#left-menu {
	width: 185px;
	background: #fff;
	position: absolute;
	top: 193px;
	left: 25px;
	font: bold 1.2em "Trebuchet MS", Georgia, Verdana, Tahoma;
	text-transform: lowercase;
}

	#left-menu .tr {
		padding: 20px 10px 20px 20px;
	}

	#left-menu a {
		text-decoration: none;
		color: #0B9547;
		line-height: 1.4em;
		font-size: 1.2em;
	} 
	
		#left-menu ul ul a {
			font-size: 1em !important;
			font-weight: bold;
		}
	
	#left-menu a:hover {
		color: #7D7D7D;
	}
	
	#pages ul {
		margin-left: 15px !important;	
	}
	
	#pages li.current_page_item > a {
		color: #808080;
		border-bottom: 3px #808080 solid;
	}

/* Right Menu */

#right-menu {
	width: 155px;
	background: #fff;
	position: absolute;
	top: 193px;
	right: 10px;
	font: bold 1.2em "Trebuchet MS", Georgia, Verdana, Tahoma;
	text-transform: lowercase;
	color: #818181;
}

	#right-menu a {
		text-decoration: none;
		color: #0B9547;
		line-height: 1.4em; 
	} 
	
	#right-menu a:hover, #right-menu .current-cat {
		text-decoration: underline;
	} 
	
	#right-menu ul ul {
		margin-left: 10px !important;	
	}


/* Pages Menu */

#pages li li {
	display: none;
}

#pages li.current_page_ancestor li {
	display: block;
}

#pages li.current_page_item li {
	display: block;
}

#pages li.current_page_item > a {
	display: inline;
}

#pages li a {
	display: inline;
}

/* Content */

#wrapper {
	font-size: 1.2em;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -98px;
	background: #F5F5F5;
}

#content {
	padding-top: 189px;
	/*width: 828px;*/
}

	#content.dates .post-header, #content.dates .post, #content.dates .pagetitle, #content.dates .navigation {
		margin-left: 129px;
	}
	
	.without-menu .post-header, .without-menu .post {
		margin-left: 129px;
	}
	
	
		.pagetitle {
			font-size: 2em;
			font-weight: normal;
			color: #8F8F8F;	
		}
	
	.post-header, .post {
		margin-left: 230px;
		width: 699px;
	}
	
	.post-header {
		display: block;
		background: #029B49 url(images/tl.gif) no-repeat 0 0;
	}

	.in1, .in2, .in3 {
		display: block;
	}

	.post-header .in1 {
			background: url(images/tr.gif) no-repeat 100% 0;
	}
		.post-header .in2 {
				background: url(images/br.gif) no-repeat 100% 100%;
		}
			.post-header .in3 {
					background: url(images/bl.gif) no-repeat 0 100%;
					padding: 10px;
					color: #fff;
			}
			
		.post-header a {
			color: #fff;
			font-size: 1.4em;
			text-decoration: none;
			
		}
		
		.post-header a:hover {
			text-decoration: underline;
		}
		
		.date {
			display: block;
			position: absolute;
			width: 99px;
			margin-left: -114px;
			margin-top: -10px;
			background: #fff;
			color: #818181 !important;
		}
		
		a:hover.date {
			text-decoration: none;
		} 

			a:hover.date span {
				color: #616161;
			} 

			.date span {
				display: block;
				text-align: right;
				line-height: 1.1em;
			}
			
			.date .month, .date .year {
				font-size: 0.8em;
				font-weight: bold;
			}
			
			.date .day {
				font-size: 1.7em;
				color: #009D4C;
			}
	
	.post {
		background: url(images/post-bcg.gif) #fff;
		margin-top: 4px;
		margin-bottom: 12px;
	}
	
	.game .post {
		background: none;
		margin-left: 100px;
	}
	
	.post .in1 {
		 background: url(images/post-top-bottom.gif) no-repeat -699px 0;
		 height: 8px;
	}

	.post .in2 {
		 background: url(images/post-top-bottom.gif) no-repeat 0 100%;
		 height: 8px;
	}

	.post .txt {
		padding: 7px 15px 0px 15px;
	}



/* Footer */

#footer {
	background: url(images/footer-bcg.gif) #A1D7BA;
}

#footer {
	height: 98px;
	
}

	#bottom-menu {
		margin-left: 30%;
		margin-right: 30%;
	}

	#bottom-menu li {
		display: block;
		float: left;
		height: 34px;
		position: relative;
		bottom: -40px;
		line-height: 34px;
	}

	#bottom-menu li.current_page_item, #bottom-menu li:hover, #bottom-menu .blog .page-item-51 {
		border-bottom: 5px /* #02D464 */ #BEBEBE solid;
	}

	#bottom-menu li a {
		font: bold 1.2em Tahoma, Verdana, Arial, sans-serif;;
		color: #fff;
		padding: 0 14px;
		text-transform: lowercase;
		text-decoration: none;
		line-height: 34px;
		display: block;
	}
	
	#bottom-menu li a:hover {
		color: #BEBEBE;
	}


#push {
	height: 118px;
}

	#flower {
		height: 40px;
		width: 44px;
		background: url(images/footer-flower.gif);
		float: right;
		margin-right: 106px;
	}
	
/* Universal  Rounded Corners */

.t, .b, .l, .r, .bl, .br, .tl, .tr {
	display: block;
}

.t {background: url(images/dot.gif) 0 0 repeat-x; }
.b {background: url(images/dot.gif) 0 100% repeat-x; }
.l {background: url(images/dot.gif) 0 0 repeat-y; }
.r {background: url(images/dot.gif) 100% 0 repeat-y; }
.bl {background: url(images/bl2.gif) 0 100% no-repeat; }
.br {background: url(images/br2.gif) 100% 100% no-repeat; }
.tl {background: url(images/tl2.gif) 0 0 no-repeat; }
.tr {background: url(images/tr2.gif) 100% 0 no-repeat; padding: 10px; }

/* WP Tags */

a.post-edit-link {
	margin-top: 10px;
	background: #009C49;
	padding: 5px;
	color: #fff !important;
	text-decoration: none;
}	

a:hover.post-edit-link {
	background: #7F7F7F;
}

	.postmetadata .post-edit-link {
		background: none;
		padding: 0;
		color: #01803C !important;
		text-decoration: underline;
	}
	
	.postmetadata a:hover.post-edit-link {
		background: none;
	}

/* Typography */

.txt {
	color: #212121;
	font: 110%/1.4 Helvetica, Tahoma, Verdana, Arial, sans-serif;
}

	.txt p {
		margin-bottom: 10px;
	}

	.txt h1, .txt h2, .txt h3, .txt h4, .txt h5, .txt h6 {
		margin-top: 15px;
	} 

	.txt h1 {
		font-size: 2.0em;
	}
	
	.txt h2 {
		font-size: 1.7em;
	}
	
	.txt h3 {
		font-size: 1.5em;
	}
	
	.txt h4 {
		font-size: 1.3em;
		font-weight: bold;
	}
	
	.txt h5 {
		font-size: 1.1em;
		font-weight: bold;
	}
	
	.txt h6 {
		font-size: 0.9em;
		font-style: italic;
		font-weight: bold;
	}
	
	.txt ul, .txt ol {
		margin: 0 0 15px 25px;
		/* color: #017E3B; */
	}
	
		.txt ul li {
			list-style-type: disc;
		}
		
		.txt ol li {
			list-style-type: decimal;
		}
	
	.txt blockquote {
		margin-left: 30px;
		border-left: 3px #029B49 solid;
		padding-left: 15px !important;
	}
	
	.txt textarea {
		width: 99%;
	}
	
	.txt a {
		color: #01803C;
	}
	
	.txt a:hover {
		text-decoration: none;
	}
	
/* Search */

#search {
	position: absolute;
	right: 10px;
	top: 80px;
}

#s {
	width: 180px;
	height: 15px !important;
	line-height: 14px;
	font-size: 1.1em;
	padding: 5px;
	color: #009C49;
	background: #E9E9E9;	
}

#searchsubmit {
	width: 30px;
	height: 27px !important;
	line-height: 27px;
	margin-left: -1px;
	cursor: pointer;
	background: url(images/search.gif) no-repeat 7px 4px #E9E9E9;
	
}

#s, #searchsubmit {
	display: block;
	float: left;
	border: 1px solid #AFAFAF;
}

/* Navigation */

.navigation {
	margin-left: 230px;
	margin-bottom: 10px;
	width: 699px;
	font: bold 1.1em Arial, "Trebuchet MS", Georgia, Verdana, Tahoma;
}

	.navigation a {
		text-decoration: none;
		color: #018A41;
	}
	
	.navigation a:hover {
		color: #4C4C4C;
	}
	
	.navigation .alignleft {
		margin-right: 20px;
	}
	
	.navigation .alignright {
		display: inline;
	}	

.singlemessage {
	font: normal 2em "Trebuchet MS", Georgia, Verdana, Tahoma, Arial;
	margin-left: 40px;
}

/* WP Styles */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

.in2 {
	clear: both;
}

strong {
	font-weight: bold;
}

.iphone {
	height: 396px; /* 429 - 33 */
	width: 599px; /* 719 - 120 */ 
	background: url(iphone-bcg.png) no-repeat;
	padding-top: 33px;
	padding-left: 120px;
	margin-bottom: 10px;
}

pre {
	overflow: auto;
	padding: 5px;
	font-family: monospace;
	font-size: 1.1em;
	background: #F5F5F5;
	margin-bottom: 10px;
}