/*
Theme Name: Google Gmail
Theme URI:	http://mywordpressdesign.com/gmail/
Description: A professional Gmail like WordPress theme with AJAX features.
Version: 1.0
Author: Ahmad Fouad
Author URI: http://mywordpressdesign.com
*/



/* Reset */
* {
	font-family: Arial, Tahoma, Verdana, Helvetica;
	font-size: 1em;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
	text-decoration: none;
	vertical-align: baseline;
	white-space: normal;
}

html, body {line-height: 1}
hr {display: none}
blockquote:before, blockquote:after, q:before, q:after {content: ''}
blockquote, q {quotes: "" ""}
ul {list-style-type: none}
ul {margin: 0 0 0 0}
ol {list-style-type: decimal}
ol {margin: 0 0 0 0}
.clear {clear: both;height:1px;}
a {color: #366799}
a:hover {color: #333}

/* Page Layout */
body {
	width: 100%;
	text-align: center;
}

#action {
	width: 100%;
	height: 100%;
	position: relative;
}

#action_box {
	display: none;
	position: absolute;
	left: 40%;
	top: 100px;
	padding: 7px;
	background: #fff5c4;
}

#msg {
	font-size: 0.75em;
	font-weight: bold;
	color: #333;
}

#layout {
	width: 950px;
	margin: 0 auto 0 auto;
	text-align: left;
	font-size: 0.75em;
	color: #666;
}

#sidebar {
	float: left;
	width: 200px;
	font-size: 1.1em;
}

#browser {
	float: right;
	width: 740px;
	font-size: 1.1em;
	margin: 20px 0 0 10px;
}

#footer {
	border-top: 1px solid #eee;
	padding: 10px 0 0 0;
	margin: 20px 0 40px 0;
	font-size: 1.1em;
	text-align: center;
	color: #aaa;
}



/* header */
#header {
	margin: 20px 0 0 0;
	position: relative;
}

/* Page menu - admin links */
#top {
	line-height: 1.2em;
	height: 1.2em;
	padding: 0 0 7px 0;
	border-bottom: 1px dotted #ccc;
}

#top a {
	padding: 2px;
	border: 1px solid #cadfe4;
        color:#369;
}

#top a:hover {
	padding: 2px;
	border: 1px solid #cadfe4;
	background: #e7f8fc;
        color:#333;
}

#top ul li {
	float: left;
	margin-right: 10px;
}

#page_menu {
	float: left;
}

#logged_in {
	float: right;
}

/* Logo - search - advertisement */
#logo {
	float: left;
	margin: 0px 20px 0 0;
}

#logo a {
	display: block;
	width: 200px;
	height: 60px;
	background: url(img/logo.gif) no-repeat;
}

#topadvert {
	position: absolute;
	top: 30px;
	right: 0;
}

#searchform {
	float: left;
	margin: 30px 0 0 0;
}

#searchform input {
	vertical-align: middle;
}

#searchform label {
	font-size: 0.9em;
	margin-left: 7px;
}

#searchform label a {
	text-decoration: underline;
}

#searchform label a:hover {
	text-decoration: none;
}

#searchform .searchfield {
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
	padding: 2px;
	width: 200px;
	color: #333;
}

#searchform .searchfield:hover {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background: #fffffb;
}

#searchform .searchbutton {
	background: #dde9f0;
	cursor: pointer;
	color: #333;
	font-weight: bold;
	padding: 1px;
	border: 1px solid #b5c8d4;
}

#searchform .searchbutton:hover {
	background: #fff;
}

/* jQuery panel - More Search Options panel */
#more_options {
	display: none;
	position: absolute;
	z-index: 1000;
	top: 100px;
	width: 950px;
	background: #eee;
	border-bottom: 1px solid #ddd;
}

#form_pos {
	position: relative;
}

#close_options a {
	position: absolute;
	right: 2px;
	top: 2px;
	background: url(img/close.png) no-repeat right center;
	padding-right: 18px;
	padding-left: 2px;
	font-size: 0.85em;
	font-weight: bold;
	height: 16px;
	line-height: 16px;
	color: #000;
}

#close_options a:hover {
	background: #fff url(img/close.png) no-repeat right center;
}

#as_form * {vertical-align: middle}

#as_form {
	padding: 10px;
	line-height: 1.7em;
}

#as_form fieldset {
	border: 1px solid #ddd;
	padding: 5px 20px 5px 20px;
	margin: 0 0 10px 0;
}

#as_form legend {
	font-weight: bold;
	color: #333;
}

#as_form label, #as_form .but {
	cursor: pointer;
}

#as_form .but {
	font-weight: bold;
}

#as_form input.as_styled {
	border: 1px solid #ddd;
	background-color: #fff;
	padding: 2px;
	color: #333;
}

#as_form input.as_styled:hover {
	border: 1px solid #bbb;
}

#as_form select {
	border: 1px solid #ddd;
}

#as_form .as_sort {
	width: 40%;
	float: left;
}

/* sidebar */
#sidebar a {text-decoration: underline}
#sidebar a:hover {text-decoration: none}

#sidebar h2 {
	display: block;
	height: 23px;
	line-height: 23px;
	padding: 0 0 0 20px;
	color: #333;
	position: relative;
}

#sidebar ul {
	padding: 10px 10px 5px 10px;
}

#sidebar ul ul {
	padding: 2px 2px 2px 2px;
}

#sidebar li {
	line-height: 1.3em;
	margin: 20px 0 0 0;
}

#sidebar li li {
	line-height: 1.3em;
	margin: 0 0 5px 0;
}

#sidebar p {
	margin: 0 0 7px 0;
}

#sidebar .bottom {
	display: block;
	height: 2px;
	line-height: 2px;
	overflow: hidden;
}

/* ALL CUSTOM CSS BEGIN HERE */
/**********************************************************/
/* Toggle arrow style */
.arr {
	position: absolute;
	left: 5px;
	top: 8px;
	background: url(img/arrow.png) no-repeat;
	width: 10px;
	height: 8px;
	z-index: 999;
}

/* Comments Widget */
.comments_widget h2 {background: url(img/widget_c_top.png) no-repeat top}
.comments_widget ul {background: url(img/widget_c_main.png) repeat-y}
.comments_widget li {
	background: url(img/comment.png) no-repeat;
	background-position: left 3px;
	padding-left: 22px;
	color: #999;
}
.comments_widget .bottom {background: url(img/widget_c_bottom.png) no-repeat bottom}

/* Tags Widget */
.tags_widget h2 {background: url(img/widget_t_top.png) no-repeat top}
.tags_widget ul {background: url(img/widget_t_main.png) repeat-y}
.tags_widget li a {color: #73ae17}
.tags_widget .bottom {background: url(img/widget_t_bottom.png) no-repeat top;}

/* Form Widget */
.form_widget h2 {background: url(img/widget_c_top.png) no-repeat top}
.form_widget ul {background: url(img/widget_c_main.png) repeat-y}
.form_widget li {color: #999}
.form_widget .bottom {background: url(img/widget_c_bottom.png) no-repeat top}

/* Default Widget */
.default_widget h2 {background: url(img/widget_d_top.png) no-repeat top}
.default_widget ul {background: url(img/widget_d_main.png) repeat-y}
.default_widget li {color: #999}
.default_widget .bottom {background: url(img/widget_d_bottom.png) no-repeat top}

/* Subscription form */
.subscribe #email {
	display: block;
	margin: 0 0 5px 0;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
	padding: 2px;
	width: 170px;
	color: #333;
}

.subscribe #email:hover {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background: #fffffb;
}

.subscribe #join {
	background: #dde9f0;
	cursor: pointer;
	color: #333;
	font-weight: bold;
	padding: 1px;
	border: 1px solid #b5c8d4;
	font-size: 0.9em;
}

.subscribe #join:hover {
	background: #fff;
}

.subscribe .powered {
	padding: 0 0 0 5px;
	font-size: 0.8em;
}

.subscribe .powered .black {
	color: #000;
}

/* browser */
#customfeed {
	border: 1px solid #cadce0;
	background: #eefcff;
	padding: 6px;
	margin: 0 0 2px 0;
	font-size: 0.9em;
}

#customfeed #item {
	float: left;
	color: #999;
}

#customfeed #item a {
	font-weight: bold;
}

#customfeed #item a:hover {
	color: #333;
}

#customfeed #mover {
	float: right;
	position: relative;
}

#customfeed #mover .next a {
	position: absolute;
	right: 0;
	top: 1px;
	width: 12px;
	height: 12px;
	background: url(img/next.png) no-repeat;
}

#customfeed #mover .navigator {
	position: absolute;
	right: 20px;
	top: 1px;
	color: #aaa;
	font-size: 0.8em;
	font-weight: bold;
}

#customfeed #mover .prev a {
	position: absolute;
	right: 77px;
	top: 1px;
	width: 12px;
	height: 12px;
	background: url(img/prev.png) no-repeat;
}

.postlink {
	display: block;
	position: relative;
	padding: 4px 10px 4px 10px;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	background: #f6f6f6;
}
.postlink:hover {background: #fff}
.postlink .title {color: #00f;font-weight:bold;font-size:13px;}
.postlink .excerpt {color: #999}
.postlink .attachment {
	z-index: 999;
	position: absolute;
	width: 16px;
	height: 16px;
	background: #f6f6f6 url(img/attach.png) no-repeat;
	right: 75px;
	top: 4px;
}
.postlink:hover .attachment {background: #fff url(img/attach.png) no-repeat}
.postlink .date {
	z-index: 999;
	position: absolute;
	color: #666;
	background: #f6f6f6;
	right: 10px;
	top: 4px;
}
.postlink:hover .date {background: #fff}

.navi {
	display: block;
	background: #fff;
	border: 1px solid #e5e5e5;
	padding: 10px 5px;
	text-align: right;
	font-weight: bold;
	font-size: 0.9em;
}

/* footer */
#footer a {
	text-decoration: underline;
}

#footer a:hover {
	color: #366799;
}

.poweredby {
	display: block;
	margin: 15px 0 0 0;
	font-size: 0.8em;
}

/* single */

#postzone {
	float: right;
	width: 740px;
	font-size: 1.1em;
	margin: 20px 0 0 10px;
	position: relative;
}

.post {
	float: left;
	width: 570px;
}

.post_sidebar {
	float: right;
	width: 160px;
	margin-left: 10px;
	display: inline;
}

/* Post Links */
#post_links {
	margin: 20px 0 0 0;
}

#post_links a {text-decoration: underline}
#post_links a:hover {text-decoration: none}

#post_links li {
	margin: 0 0 7px 0;
	padding: 0 0 0 22px;
	height: 16px;
	line-height: 16px;
	display: block;
}

.print_it {
	background: url(img/print.png) no-repeat;
	background-position: left center;
}

.email_it {
	background: url(img/email.png) no-repeat;
	background-position: left center;
}

.expand_it {
	background: url(img/expand.png) no-repeat;
	background-position: left center;
}

/* Advertisement space */
#post_ads {
	margin: 20px 0 0 0;
	text-align: center;
	color: #aaa;
}

#post_ads img {
	display: block;
	overflow: hidden;
}

#post_ads span {
	display: block;
	padding: 0 0 15px 0;
}

/* Post styles */
.post h1 {
	font-family: "New Times Roman";
	margin: 20px 0 0 0;
	font-size: 1.5em;
	color: #333;
}

.post p {
	line-height: 1.5em;
	margin: 10px 0 0 0;
	color: #333;
}

.post .content {
	margin: 10px 0 0 0;
	padding: 8px;
	border: 1px solid #ddd;
}

.author {
	float: left;
	color: #888;
}

.author span {
	color: #449409;
	font-weight: bold;
}

.date {
	float: right;
	color: #888;
}

/* post nav */
.postnav {
	display: block;
	background: #fff;
	border: 1px solid #e5e5e5;
	padding: 10px;
	font-weight: bold;
	font-size: 0.9em;
}

/* Positioning and images */
.post img {
	overflow: hidden;
	padding: 2px;
	border: 1px solid #ccc;
}

#comments img {
	border: none;
	padding: none;
}

.alignleft {
	float: left;
	display: inline;
	margin-right: 15px;
}

.alignright {
	float: right;
	display: inline;
	margin-left: 15px;
}

/* post css */
.post ul {
	margin: 15px 0 0 0;
}

.post ol {
	margin: 15px 0 0 20px;
}

.post ul li, .post ol li {margin: 0 0 5px 0}

/* comments */
#comments {
	margin: 15px 0 0 0;
	border-top: 1px solid #e5e5e5;
}

#comments li {
	position: relative;
	display: block;
	margin: 0;
}

#comments img {
	vertical-align: middle;
}

/* the small comment toggled */
.d_comment, .full_comment {
	position: relative;
	display: block;
	padding: 4px;
	border: 1px solid #e5e5e5;
	border-top: 0;
}

.full_comment {
	cursor: default;
}

.d_comment:hover, .d_comment:hover .com_date {
	background: #f5f5f5;
}

.com_user, .com_userf {
	font-weight: bold;
	color: #449409;
}

.com_text {
	color: #aaa;
}

.com_textf {
	display: block;
	color: #333;
	padding: 10px 0 10px 0;
}

.com_textf p {margin-top:0}

.com_date, .com_datef {
	position: absolute;
	right: 4px;
	top: 4px;
	color: #333;
	z-index: 99;
	background: #fff;
}

/* REPLY FORM HERE */
.reply {
	background: #f0f0f0;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 20px;
	padding: 15px;
}

.reply a {
	text-decoration: underline;
}

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

.reply input {
	display: block;
}

.reply label {
	display: block;
	margin: 10px 0 4px 0;
}

.replytext, .replyarea {
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	border-left: 1px solid #d5d5d5;
	border-top: 1px solid #d5d5d5;
	color: #444;
	padding: 2px;
}

.replytext {
	width: 200px;
}

.replyarea {
	width: 450px;
	height: 90px;
}

.replybutton {
	background: #fff;
	border: 1px solid #ddd;
	margin: 10px 0 0 0;
	font-weight: bold;
	cursor: pointer;
	color: #444;
	padding: 2px 5px 2px 5px;
}
.replybutton:hover {color: #366799}

/* cp */
/* Control Panel styles for this theme
Please do not remove, move, or rename this file */
.clear {clear:both;height:0;}

.themeform {
	margin: 20px;
	color: #555;
}

.themeform .dochanges {
	background: #444;
	color: #fff;
	cursor: pointer;
	padding: 2px;
	margin: 15px 0 0 0;
	border: 0;
	outline: 0;
	font-weight: bold;
	font-size: 0.95em;
	font-family: arial;
}
.themeform .dochanges:hover{background:#777}

.cptabs {
	border-bottom: 1px solid #ddd;
	height: 22px;
	padding: 0;
	margin: 0;
}

.cptabs li {
	float: left;
	display: inline;
	margin: 0 2px 0 0;
	height: 22px;
}

.cptabs li a {
	display: block;
	border: 1px solid #ddd;
	border-bottom: 0;
	padding: 0 5px 0 5px;
	background: #366799;
	color: #fff;
	font-family: arial;
	font-size: 0.9em;
	font-weight: bold;
	height: 22px;
	line-height: 22px;
	text-decoration: none;
}

.cptabs li a:hover {
	background: #498fd6;
	color: #fff;
}

.cptabs li a.selected {
	background: #fff;
	color: #333;
	z-index: 9;
}

.cptabs li a.selected:hover {
	background: #fff;
	color: #333;
	z-index: 9;
}

.cptab {
	display: none;
	border: 1px solid #ddd;
	border-top: 0;
	padding: 10px 10px 10px 10px;
	font-family: arial;
	font-size: 1em;
	line-height: 1.5em;
}

.cptab p {
	padding:0;margin:0;
	margin-bottom: 10px;
	line-height: 1.5em;
}

.cptab input {
	margin-right: 20px;
	vertical-align: middle;
}

@media print {
	.cptab {
	display: block !important;
	}
}