/*======================================
Theme Name: Grey Card
Theme URI: http://blog.mohdrazali.com/
Description: Another wordpress theme by <a href="http://www.mohdrazali.com">Razali</a> which is built specifically for photoblogging. 
Version: 1.0
Author: Razali
======================================*/


@import "css/all.css";

@import "css/all.css";

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	background-color: #6f6d6e;
	background-position:top;
	background-repeat:repeat-x;
	line-height:20px;
	color:#4c4c4c;
	scrollbar-arrow-color:#333333;
	scrollbar-track-color:#CCCCCC;
	scrollbar-face-color:#CCCCCC;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-3dlight-color:#FFFFFF;
	scrollbar-darkshadow-color:#FFFFFF;
	scrollbar-shadow-color:#FFFFFF;
}
a {
	color:#9a9b7b;
	text-decoration:none;
}
a:hover {
	color:#4c4c4c;
}


/*LINK STYLES****************/
a {
	text-decoration:underline;
	color:#2574b6;
}
a:hover {text-decoration:none;}


/*LOGO IMAGE*****************/
#logo {

	height:70px;

	width:100%;

}

.bgbg {
	position:absolute;
	left:0px;
	top:10px;
	z-index:10;
}

/*MENU COLORS****************/
#nav {
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-size:22px;
	font-weight:bold;
	text-transform:uppercase;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	top:65px;

	letter-spacing:-1px;
}
#nav ul {
	margin: 0;
	padding: 0;
}
#nav li a {
	display: block;
	color: #cccccc;
	text-decoration: none;
	padding-right:10px;
	margin-right:10px;
	border-right:1px #3f3e39 solid;
}
#nav li a:hover {
	color: #ffd800;
}
#nav li {
	float: left;
	padding: 0px 0px 0px;
}
#nav li ul {
	position: absolute;
	left: -999em;
	margin:0px; /* gap pull here */
	background:#000000;
	z-index:999;
	opacity:0.6;
	filter:alpha(opacity=60);
}
#nav li li {
	float:none;
	list-style:none;
	padding:0px;
}
#nav li ul li a {
	color:#ffffff;
	padding:10px;
	text-transform:none;
	font-size:14px;
	border-right:0px #3f3e39 solid;
	text-transform:uppercase;
}
#nav li ul a:hover {
	color:#ffd800;
	padding:10px;
}
#nav li ul ul {
	margin: -1.1em 0 0 80px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}
#nav li:last-child a{
	border-right:none;
}


/*BANNER COLORS*************/
#banner {
height: 325px; /*BANNER HEIGHT in case you want to change it*/
overflow: hidden;
}


/*TWITTER / SEARCH / RSS***/
#about {
	background-color:#cfcfcf;
	padding:30px;
	margin:0px;
}
#about h1{
	text-transform:uppercase;
	margin:0px 20px 10px 0px;
	padding:0px;
	font-size:24px;
	color:#4c4c4c;
	letter-spacing:-1px;
	font-family:Arial, Helvetica, sans-serif;
}
#about h2{
	text-transform:uppercase;
	margin:0px 20px 10px 0px;
	padding:0px;
	font-size:16px;
	color:#4c4c4c;
	letter-spacing:-1px;
	font-family:Arial, Helvetica, sans-serif;
}
#about p{
	padding:0px 0px 10px 0px;
	margin:0px 0px 10px 0px;
}
.a_left {
	float:left;
	width:380px;
	padding-right:10px;
}
.a_right {
	float:right;
	width:330px;
	border-left:1px #4c4c4c solid;
	padding-left:40px;
}



/*POSTS*******************/
#title {
	display:block;
	position:relative;
	margin:0 auto;
	height:40px;
	z-index:9999;
	background:url(images/post-title.jpg) no-repeat;
	background-color:#2a2a2a;
	color:#d9d9d9;
	font-family:"Zurich Cn BT";
}
#title a {
	color:#d9d9d9;
	text-decoration:none;
	font-weight:bold;
}
#title a:hover {
	color:#ccd300;
}
#title h1{
	margin:0px;
	padding:0px;
	font-size:18px;
	text-transform:uppercase;
	position:absolute;
	left:50px;
	top:10px;
}
#title h1 a {
	color:#d9d9d9;
	text-decoration:none;
	font-weight:bold;
}
#title h1 a:hover {
	color:#ffd800;
}
#title .datecat {
	position:absolute;
	text-transform:uppercase;
	right:10px;
	top:10px;
}
#title .comment1{
	position:absolute;
	text-transform:uppercase;
	right:50px;
	top:10px;
}
#title span{
	margin:0px;
	padding:0px;
	font-size:15px;
	letter-spacing:-1px;
}
#title small {
	font-size:13px;
	margin-right:20px;
}
/* misc */


#title h2{
	margin:10px 90px 0px 0px;
	padding:0px;
	font-size:18px;
	text-transform:uppercase;
	float:left;
	width:160px;
}
#titles {
	display:block;
	position:relative;
	margin:0 auto;
	height:40px;
	z-index:9999;
	background-color:#ebeae2;
	color:#464643;
	font-family:"Zurich Cn BT";
}
#titles h3{
	margin:5px 170px 0px 0px;
	padding:0px;
	font-size:18px;
	text-transform:uppercase;
	font-weight:bold;
	float:left;
}
.title_position {
	margin:0px auto 10px;
	position:relative;
	width:750px;
}

/*COMMENT BOX**************/
.comment {
	/*COMMENT BOX BACKGROUND color*/
	background:#cccccc;
}
.text-box p span,
.text-box p a
{
	/*COMMENTER's LINK COLOR*/
	color:#2574b6;
}
.comment {
	width:810px;	
	margin:0 15px 58px;
	padding:0 0 0;
	height:148px;
	overflow:auto;
}
.text-box {padding:0 12px;}
.text-box p {
	font:11px/25px Verdana, Arial, Helvetica, sans-serif;
	color:#4b4b4b;
	margin:0;
}
/* NEXT / PREVIOUS PAGE ARROWS*/
.arrows {
	list-style:none;
	margin:0;
	padding:0;
	height:1%;
	overflow:hidden;
	background:#0f0f0f;
}
.arrows li {
	font:10px/25px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	text-transform:uppercase;
}
.arrows li.prev {
	float:left;
	padding:0 0 0 29px;
}
.arrows li.next {
	float:right;
	padding:0 16px 0 0;
}
.arrows li a {
	color:#fff;
	text-decoration:none;
}
.arrows li a:hover {text-decoration:underline;}

/*FOOTER LINKS
#footer {
	padding:8px 0 0;
	width:100%;
	font:10px/25px Verdana, Arial, Helvetica, sans-serif;
	color:#b2b2b2;
	text-align:center;
}
#footer p {margin:0;}
#footer a, #footer a:hover, #footer a:visited {
	text-decoration: none;
	color: #b2b2b2;
}
*/
/*NAVIGATION for single posts*/
.navigation {
	width: 850px;
	padding-left: 15px;
}

.alignleft {float: left;}
.alignright {float: right;}

.clear {clear: both;}




/*EDIT IF YOU DARE */




body {
	margin:0;		
}
img {border-style:none; text-align: center; max-width:830px;}
input,
textarea,
select{
	font:100% arial,sans-serif;
	vertical-align:middle;
}
form,fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
/*main container*/
#wrapper { 
	margin: 0 auto;
	width: 850px;
/*	background-color:#0f0f0f;*/
	position:relative;
}
#wrapper2 { 
	margin: 0 auto;
	width: 850px;
/*	background-color:#0f0f0f;*/
	position:relative;
}
/*header*/
#header img {display:block;}
#menu {
	list-style:none;
	margin:0;
	padding:0 0 0px 15px;	
	height:1%;
}
#menu:after {
	content:" ";
	display:block;
	clear:both;
}
#menu li {
	padding:8px 30px 0px 30px;
	float:left;
}
#menu li a {
	height:25px;
	float:left;
	text-align:center;
	text-decoration:none;
}
#menu li.hover a,
#menu li:hover a,
#menu li.hover,
#menu li:hover {
	position: relative;
}
#menu li.hover ul,
#menu li:hover ul {
	display: block;
}
#menu ul {
	padding:14px 0 6px;
	margin:0;
	list-style:none;
	width:147px;
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	background:#e9e6dd;
	opacity: 0.8;
}
#menu ul li {
	padding:0 10px 0 17px;
	width:120px;
}
#menu ul li a {
	text-align:left;
	width:100%;
	background:none;
	color:#7a7a7a;
	line-height:18px;
	height:auto;
	display:block;
}
#menu ul li a:hover {color:#000;}
.holder {
	padding:10px 0px 20px;
	width:850px;
	overflow:hidden;
}
.holder ul {
	list-style:none;
	margin:0;
	padding:0;
	height:1%;
	overflow:hidden;
}
.holder ul li {float:left;}
.holder .text {
	width:420px;
	padding:0 64px 0 17px;
}
.holder ul li.search {
	padding:0 67px 0 95px;
	width:187px;
}
.holder ul li.search label {
	color:#2b2b2b;
	font-size:10px;
	line-height:10px;
	display:block;
	text-transform:uppercase;
	padding:0 0 9px;
}
.holder ul li.search span {
	background:url(images/search.gif) no-repeat;
	display:block;
	width:171px;
	height:33px;
	padding:6px 8px 0;
}
.holder ul li.search span input {
	background:none;
	border:0;
	width:171px;
}
.holder ul li.rss {padding: 11px 0 0 49px;}
.holder ul li.rss a {
	display:block;
	width:43px;
	height:44px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(images/rss.png) no-repeat;
}
/*content*/
#content { 
	width: 850px;
	color:#e3e3e3;
	background-color:#0f0f0f;
	margin: 0 auto;
	padding: 0;
	position:relative;
	z-index:10;
	border-bottom:1px #FFFFFF solid;
}


.post {
	padding:0 10px;
	overflow:hidden;
}
.post p {
	line-height:25px;
	margin:0 0 22px;
}
.image {
	display:block;
	margin:0 0 10px;
}
.image img, img {
	display:block;
	margin:10px 0 10px;
}
.content-box {
	width:814px;
	padding:0 15px 10px;
	overflow:hidden;
}
.coment {
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	overflow:hidden;
	height:1%;
	position:relative;
}
.coment li {
	background:url(images/comments-divider.gif) no-repeat 0 50%;
	padding:0 19px 0 21px;
	position:relative;
	float:left;
	font:10px/25px Verdana, Arial, Helvetica, sans-serif;
	margin:0 19px 0 -21px;
}
.coment li a {
	color:#82817d;
	text-decoration:none;
	outline:none;
}
.coment li a:hover {text-decoration:underline}
.links {
	list-style:none;
	margin:0;
	padding:0 2px 0 0;
	float:right;
}
.links li {
	float:left;
	padding:0 6px 0 0;
}
* html .links li {
	float:left;
	width: 15px;
	padding:0 6px 0 0;
}
* +html .links li {
	float:left;
	width: 15px;
	padding:0 6px 0 0;
}


/*new-comment*/
.new-comment {
	width:640px;
	padding:0px 0 0 257px;
}
.form {
	width:436px;
	padding:0px 35px 30px 28px;
	background:#0f0f0f;
}
.form label {
	display:block;
	color:#bbbbbb;
	font:12px/16px Verdana, Arial, Helvetica, sans-serif;
}
.form-box {
	width:100%;
	overflow:hidden;
}
.left-box {
	float:left;
	width:232px;
	padding:2px 0 0;
}
.right-box {
	float:right;
	width:200px;
}
.right-box textarea {
	width:178px !important;
	height:109px !important;
	padding:10px !important;
	overflow:auto !important;
	border:1px solid #cccccc !important;
}
.form .line {
	padding:0 0 17px !important;
}
.form .line input {
	width:186px !important;
	border:1px solid #ccc !important;
	padding:1px 6px !important;
}

}
.form .bottom {
	height:1%;
	overflow:hidden;
	padding:8px 0 0 144px;
}
.form .bottom input {
	float:left;
	margin:0 19px 0 0;
	padding:2px 0 0;
}
.log_admin{
	padding-left: 234px;
}
.title a {
	text-decoration: none;
}
.comment_form input, .comment_form textarea, .input {
	border:1px solid #ccc !important;
}
.comment_form{
	padding-left: 257px;
	width: 432px;
}
.comment_form .submit{
	border: none !important;
}
.inner {
	padding: 20px;
}
.coment{
	text-transform: uppercase;
}

/************************************************
*	Footer  									*
************************************************/
#sidekick {width:850px; height:280px; margin:auto; background-color:#cfcfcf; color:#ffffff; text-align:left; font-size:12px;}
#footer {
	background: #dfdfdf;
	width: 850px;
	color: #0f0f0f;
	margin: 0px auto 0px;
	text-align: left;
	position: relative;
	line-height: 17px;
	border-top: 5px solid #333333;
	}
	
#footer p {
	color: #333333;
	padding: 0px;
	list-style-type: none;
	margin: 0px;	
	}
	
#footer h2 {
	color: #333333;
	font-size: 12px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	border-bottom: 2px solid #999999;
	padding: 0px 0px 2px 0px;
	margin: 15px 0px 0px 0px;
	text-transform: uppercase;
	}

#footer a {
	color: #333333;
	text-decoration: none;
	}

#footer a:hover {
	color: #999999;
	text-decoration: none;
	}
	
#footer ul {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}

#footer ul li {
	display: inline;
	padding: 0px;
	margin: 0px;
	}
	
#footer ul li a {
	display: block;
	color: #979797;
	text-decoration: none;
	margin: 0px;
	padding: 5px 0px 5px 0px;
	border-bottom: 1px solid #999999;
	}

#footer ul li a:hover {
	background: #2a2a2a;
	color: #d9d9d9;
	}
	
#footerleft {

	float: left;
	width: 40%;
	margin: 0px 20px 0px 0px;
	padding: 0px 0px 20px 10px;
	}
	
#footermiddle {

	float: left;
	width: 25%;
	margin: 0px 20px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
#footerright {
	float: right;
	width: 28%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	}
	
	
#credits {

	color: #FFFFFF;
	width: 850px;
	height: 30px;
	text-align: center;
	margin: 0px auto 0px;
	padding: 0px;
	}

#credits p {
	font-size: 10px;
	font-family: Verdana, Helvetica, Sans-Serif;
	color: #FFFFFF;
	padding: 8px 0px 0px 0px;
	margin: 0px;	
	}
	
#credits a {
	color: #999999;
	text-decoration: none;
	}

#credits a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	}

/************************************************
*	Search Form									*
************************************************/

#searchdiv {
	margin: 0px;
	padding 0px;
	}
	
#searchform {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	}
	
#s {
	background: #E8E8E8;
	color: #333333;
	padding: 2px;
	margin: 9px 0px 0px 0px;
	border: 1px solid #999999;
	}
	
#sbutt {
	background: #878787;
	color: #FFFFFF;
	font-size: 10px;
	font-family: Verdana, Helvetica, Sans-Serif;
	padding: 1px;
	margin: 0px 0px 0px 5px;
	border: 1px solid #333333;
	}