/*
Theme Name: Android
Theme URI: http://l0uy.com/themes/android/
Description: Andriod theme for WordPress.
Author: Louy Alakkad
Author URI: http://l0uy.com/
Version: 1.1
Tags: blue, red, green, white, light, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, rtl-language-support, editor-style, custom-menu 
*/
/*
Main Colors:
#a4ca39
#91b232
#bae53e
#e7f6bb
*/

/*==== Elements ====*/
body {
	font-family: Verdana, Geneva, sans-serif;
}

a:link {
	color: #a4ca39;
	text-decoration: underline;
}
a:visited {
	color: #91b232;
}
a:active, a:hover {
	color: #bae53e;
}

a img {
	border: none;
}

input[type=submit], input[type=button] {
	color: #FFF;
	background: #a4ca39;
	border: 1px solid #91b232;
	display: inline-block;
	padding: 2px 5px;
}

p {
	margin-bottom: 10px;
}
ul {
	list-style: square;
	margin: 0 0 10px 1em;
}
ol {
	list-style: decimal;
	margin: 0 0 10px 1em;
}
ol ol {
	list-style:upper-alpha;
}
ol ol ol {
	list-style:lower-roman;
}
ol ol ol ol {
	list-style:lower-alpha;
}
ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom:0;
}
dl {
	margin:0 0 24px 0;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 10px;
}
strong {
	font-weight: bold;
}
cite,
em,
i {
	font-style: italic;
}
big {
	font-size: 131.25%;
}
ins {
	background: #ffc;
	text-decoration: none;
}
blockquote {
	font-style: italic;
	padding: 1px 2em;
	margin: 3px 1em;
	border-left: solid 2px #a4ca39;
	display: block;
}
blockquote cite,
blockquote em,
blockquote i {
	font-style: normal;
}
code {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	color: #666;
}
pre {
	font-family: "Courier 10 Pitch", Courier, monospace;
	display: block;
	color: #222;
	line-height: 10px;
	margin-bottom: 10px;
	padding: 1em;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	position: relative;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
input[type="text"],
textarea {
	padding: 2px;
	background: #f9f9f9;
	border: 1px solid #ccc;
}

input,
textarea {
	color: #333;
	font-size: 14px;
	line-height: 20px;
}
p,
ul,
ol,
dd,
pre,
hr {
	margin-bottom:24px;
}
ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom:0;
}
pre,
kbd,
tt,
var {
	font-size: 15px;
	line-height: 21px;
}
code {
	font-size: 13px;
}
dt,
th {
	color: #000;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	color: #000;
	margin: 0 0 5px 0;
	line-height: 1.5em;
}
table {
	border: 1px solid #e7e7e7;
	text-align: left;
	margin: 0 -1px 24px 0;
	width: 100%;
}
tr th,
thead th {
	color: #888;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding: 9px 24px;
}
tr td {
	border-top: 1px solid #e7e7e7;
	padding: 6px 24px;
}
tr.odd td {
	background: #F2F7FC;
}

/*==== Meta boxes ====*/
.meta {
	font-size: 14px;
	color: #FFF;
	background: #a4ca39;
	border: 1px solid #91b232;
	display: inline-block;
	padding: 2px;
	z-index: 3;
}

.meta a:link, .meta a:hover, .meta a:active {
	color: #FFF;
	text-decoration: none;
}

.meta a:hover {
	color: #e7f6bb;
	text-decoration: underline;
}

.meta a:visited {
	color: #EEE;
}

div.post-date{
	float: left;
	margin: 5px 0;
}

.post.has-thumbnail div.post-date{
	position: absolute;
	margin: 0;
	top: 5px;
	left: 0;
}

/*==== Basic Layout ====*/
#wrapper {
	text-align: center;
}

.wrap {
	width: 950px;
	position: relative;
	display: inline-block;
	text-align: left;
	height: 100%;
}

/*=== Header ===*/
#header {
	height: 140px;
	border-bottom: #a4ca39 7px solid;
}

#site-title, #site-description {
	display: none;
}

#logo img {
	background: #a4ca39;
	border: none;
	padding: 0;
	margin: 0;
}

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

#s {
	width: 175px;
	margin: 0;
}
#searchsubmit {
	width: 70px;
	margin: 0;
}

#social-icons {
	position: absolute;
	top: 65px;
	right: 10px;
}

#social-icons a {
	display: inline-block;
	margin: 0 3px;
	width: 32px;
	height: 32px;
}

/*== Top Navigation ==*/
#navigation {
	position: absolute;
	top: 100px;
	margin-top: 7px;
	right: 10px;
	text-align: right;
}

.theme-navigation ul {
	list-style: none;
	padding: 0;
}

.theme-navigation li {
	display: inline-block;
	position: relative;
	width: auto;
	margin: 5px 2px;
	padding: 5px 10px;
}

.theme-navigation li a {
	text-decoration: none;
	display: inline-block;
}

.theme-navigation li a:hover {
	text-decoration: underline;
}

.theme-navigation li.current_page_item,
.theme-navigation li.current-menu-item {
	background-color: #a4ca39;
	border: 1px solid #999;
	color: #FFF;
}

.theme-navigation li li.current_page_item,
.theme-navigation li li.current-menu-item {
	background: none;
	border: none;
	padding: 0;
}

#navigation li.current_page_item,
#navigation li.current-menu-item {
	border-bottom: none;
}

.theme-navigation .current_page_item a,
.theme-navigation .current-menu-item a,
.theme-navigation li:hover a {
	color: #FFF;
}

.theme-navigation li:hover {
	background-color: #91b232;
	color: #FFF;
}

.theme-navigation li ul.sub-menu {
	display: none;
	position: absolute;
	top: 27px;
	right: 0;
	z-index: 10;
	width: 200px;
	background-color: #91b232;
	padding: 0;
	margin: 0;
}

.theme-navigation li:hover ul.sub-menu {
	display: block;
}

.theme-navigation li li {
	width: 200px;
	margin: 0;
	padding: 0;
}
.theme-navigation li li a {
	display: inline-block;
	text-align: right;
	margin: 0;
	padding: 7px;
}

.theme-navigation li ul.sub-menu ul.sub-menu {
	display: none;
	position: absolute;
	top: 0;
	right: 200px;
	z-index: 10;
	width: 200px;
	background-color: #91b232;
}

.theme-navigation li ul.sub-menu li:hover ul.sub-menu {
	display: block;
}

.theme-navigation li ul.sub-menu li:hover li ul.sub-menu {
	display: none !important;
}

.theme-navigation li ul.sub-menu li li:hover ul.sub-menu {
	display: block !important;
}

.theme-navigation li ul.sub-menu li li:hover li ul.sub-menu {
	display: none !important;
}

.theme-navigation li ul.sub-menu li li li:hover ul.sub-menu {
	display: block !important;
}

/*== 2nd Navigation ==*/
#navbar {
	text-align: left;
	margin: 0;
	padding: 0;
}

#navbar ul {
	margin: 0;
}

#navbar ul ul {
	margin: 0;
}

#navbar li {
	margin-top: 0;
	margin-bottom: 0;
}

#navbar li.current-menu-item {
	border-top: none;
}

#navbar li ul.sub-menu {
	top: 26px;
	right: auto;
	left: 0;
}

#navbar li ul.sub-menu ul.sub-menu {
	top: 0;
	right: auto;
	left: 200px;
}

/*=== Colmuns ===*/
#main {
	font-family: Tahoma, Geneva, sans-serif;
}

/*== Content ==*/
#content {
	float: left;
	width: 668px;
	padding: 10px 5px;
}

#content.onecolumn {
	width: 940px;
}

#content img {
	margin: 0;
	max-width: 660px;
}

#content.onecolumn img {
	max-width: 940px;
}

/*= Post =*/
.post {
	padding-bottom: 5px;
}

.home .sticky {
	background: #e7f6bb;
	border-top: 4px solid #a4ca39;
	margin: 5px -7px;
	padding: 0 5px 7px;
}

.home .tip {
	border-right: 2px solid #a4ca39;
}

.post-title {
	color: #a4ca39;
	border-bottom: solid 1px #a4ca39;
	margin: 0;
}

.post-title a {
	color: #a4ca39;
	text-decoration: none;
}

.post-wrap {
	position: relative;
	margin: 0; padding: 0;
}

.post-content {
	padding: 5px 0;
}

.post-meta {
	float: right;
	background-color: #fff;
	font-size: 13px;
	padding: 5px;
}

.post-meta a:link, .post-meta a:active, .post-meta a:visited {
	text-decoration: none;
}

.post-meta span {
	margin: 3px;
	padding-left: 16px;
	background: top left no-repeat none #a4ca39;
}

.post-meta span span, .post-meta span a {
	margin: 0;
	padding: 0 4px;
	background: none #fff;
}

.post-meta span span a {
	padding: 0;
}

.post-meta span.post-author {
	background-image: url(images/author.png);
}
.post-meta span.post-category {
	background-image: url(images/category.png);
}
.post-meta span.post-tags {
	background-image: url(images/tags.png);
}
.post-meta span.post-comments-count {
	background-image: url(images/comments.png);
}
.post-meta span.post-edit-link {
	padding-left: 2px;
}

div.post-thumbnail {
	z-index: 1;
	margin: 4px !important;
}

.onecolumn div.post-thumbnail {
	margin: 4px 0 !important;
}

/*= Post Author =*/
#post-author {
	border-top: solid 3px #a4ca39;
	margin: 7px 0;
	padding: 0;
	background-color: #e7f6bb;
	height: 124px;
}

#post-author #author-avatar {
	margin: 10px;
	width: 100px;
	height: 100px;
	float: left;
	display: inline-block;
	padding: 2px;
	background-color: #FEFEFE;
}

#post-author #author-name {
	margin: 5px 0;
	padding: 0;
	width: 540px;
	height: 25px;
	float: left;
	display: inline-block;
}

#post-author #author-description {
	margin: 0 5px;
	padding: 0;
	width: 530px;
	height: 60px;
	float: left;
	display: inline-block;
	font-size: 14px;
}

#post-author #author-links {
	margin: 2px 0;
	padding: 0;
	width: 530px;
	height: 15px;
	float: left;
	display: inline-block;
	font-size: 14px;
}

#post-author #author-links #author-url {
	float: left;
}

#post-author #author-links #posts-link {
	float: right;
}

/*= Gallery =*/
#content .gallery {
	margin: auto;
}
#content .gallery .gallery-item {
	float: left;
	margin-top: 10px;
	text-align: center;
	width: 25%;
}
#content .gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
#content .gallery dl {
	margin: 0;
}
#content .gallery img {
	border: 5px solid #e7f6bb;
}
#content .gallery br+br {
	display: none;
}

/*= Comments =*/
#comments ol, #comments ul {
	list-style: none;
	padding: 0;
	margin: 0 0 0 15px;
	font-size: 14px;
}

.comment {
	border-left: solid 3px #a4ca39;
	padding: 5px 0 5px 7px;
	margin: 5px 0;
}

.comment.odd {
	border-left: solid 3px #91b232;
}

.comment .avatar {
	float: right;
	border: 1px solid #ccc;
	margin: 5px;
}

#commentform {
	
}

#commentform .comment-form-comment label {
	display: block;
}

#commentform .comment-form-comment textarea {
	width: 100%;
}

#submit {
	float: right;
	margin-right: 0;
}

/*== Page Navigation ==*/
.navigation {
	margin: 10px 0;
	padding: 10px 0;
	border-top: 3px solid #a4ca39;
	font-size: 14px;
	width: 668px;
}

.navigation.post-navigation {
}

.navigation div a {
	background-color: #a4ca39;
	border: 1px solid #91b232;
	display: inline-block;
	padding: 2px;
	color: #FFF;
	text-decoration: underline;
}

.navigation div a:visited {
	color: #EEE;
}

.navigation div.older a {
	float: left;
}

.navigation div.newer a {
	float: right;
}

/*== Sidebar ==*/
#sidebar {
	float: right;
	width: 260px;
	border-left: solid 2px #a4ca39;
	margin: 10px 5px;
	padding: 0;
}

#sidebar ul.widgets {
	list-style: none;
	padding: 7px;
	margin: 0;
}

#sidebar .widget-container {
	position: relative;
	margin-bottom: 10px;
}

#sidebar .widget-title {
	color: #a4ca39;
	border-bottom: solid 1px #a4ca39;
	margin-bottom: 5px;
}

#sidebar a:link, #sidebar a:active, #sidebar a:visited  {
	text-decoration: none;
}

#sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#sidebar .widget-container ul li {
	padding: 3px 0 3px 5px;
}

#sidebar .widget-container ul li:hover {
	border-left: 2px solid #a4ca39;
	margin: 0 0 0 -7px;
	padding-left: 9px;
}

/*=== Footer ===*/
#footer {
	clear: both;
	border-top: solid 2px #a4ca39;
	text-align: center;
	padding-top: 10px;
}

#site-generator {
	font-style: italic;
}
#site-generator a {
	color: #666;
	display:inline-block;
	text-decoration: none;
	background: url(images/wordpress.png) center left no-repeat;
	padding-left: 20px;
	line-height: 16px;
}
#site-generator a:hover {
	text-decoration: underline;
}
img#wpstats {
	display: block;
	margin: 0 auto 10px;
}

/*==== Wordpress Styles ====*/
#content .alignleft,
#content img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
#content .alignright,
#content img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
#content .aligncenter,
#content img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#content img.alignleft, 
#content img.alignright, 
#content img.aligncenter {
	margin-bottom: 12px;
}
#content .wp-caption {
	background: #e7f6bb;
	line-height: 18px;
	text-align: center;
	margin-bottom: 20px;
	padding: 4px;
}
#content .wp-caption img {
	margin: 5px 5px 0;
}
#content .wp-caption p.wp-caption-text {
	margin: 5px;
	color: #888;
	font-size: 12px;
	text-align: center;
}
#content .wp-smiley {
	margin:0;
}

/*==== Misc ====*/
.fr {
	float: right;
}

.fl {
	float: left;
}

.fn {
	float: none;
}

.clear {
	display: block;
	height: 1px;
	margin: -1px 0 0 0;
	clear: both;
}