/*  

Theme Name: Full Frame (FX)

Theme URI: http://www.mohdrazali.com

Description: Full Frame (FX) untuk jurugambar perkahwinan

Version: 1.0

Author: Mohd Razali

Author URI: http://blog.mohdrazali.com

Tags: wedding photographer, jurugambar perkahwinan, one column, 

*/



@import "css/all.css";





/*BACKGROUND IMAGE************/

body {

	background: url('images/bg.jpg') repeat; 

	/*if you want a solid color instead, erase "url('images/bg.jpg') repeat" and write in your color code "#333333"*/

	font:13px Arial, Helvetica, sans-serif; /*ENTRY FONTS*/

	color:#777; /*OVERALL TEXT COLOR*/

}





/*LINK STYLES****************/

a {

	text-decoration:underline;

	color:#c17e09;

}

a:hover {text-decoration:none;}





/*LOGO IMAGE*****************/

#logo {

	height:70px;

	width:100%;

	background:url('images/logo.png') no-repeat left;	

}





/*MENU COLORS****************/

#menu {

	background:#000;

}



#menu li a {

	font:14px Arial, Helvetica, sans-serif; /*MENU FONT STYLES*/

	text-transform: uppercase;

	color:#555;	/*MENU FONT COLOR*/

}



#menu li a:hover {

	color:#7a7a7a; /*MENU FONT COLOR WHEN HOVERING*/

} 





/*BANNER COLORS*************/

#banner {

height: 325px; /*BANNER HEIGHT in case you want to change it*/

overflow: hidden;

}





#menu ul li a:hover {color:#000;}

/*TWITTER / SEARCH / RSS***/

.holder {

	background:#000;

	border-bottom: 1px solid #d8d8d8;

	width:970px;

	padding: 15px;

	overflow:hidden;

}

.profile {

	width:500px;

	float: left;

}

.bio {

	padding-top: 10px;

}

.twitter {

	width: 350px;

	float: right;

	padding: 32px 20px 0px 0px;

}

.search{

	width: 350px;

	float: right;

	padding: 30px 20px 15px 0px;

}

.search label {

	color:#2b2b2b;

	font-size:10px;

	line-height:10px;

	display:block;

	text-transform:uppercase;

	padding:0 0 9px;

}

.search span {

	background:url(images/search.gif) no-repeat;

	display:block;

	width:171px;

	height:33px;

	padding:6px 8px 0;

}

.search span input {

	background:none;

	border:0;

	width:171px;

}

.icons {

	float: right;

	padding: 20px 10px 0px 0px;

}





/*POSTS*******************/

.title {

	/*POST IMAGE delete background...'s line if you do not wish to have a logo on the side*/

	background:url(images/post-title.jpg) no-repeat; 

	padding:0 0 0 44px;

	margin-top: 20px;

}

	/*POST TITLE FONT STYLE**/

.ti, .title h2 {

	margin:0;

	font-size:28px;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-weight:normal;

	line-height:20px;

	color:#b23300;

}

	/*DATE AND CATEGORY FONT STYLES*/

.title span a, .title span {

	color:#c9591a;

	font-size:11px;

	font-weight:normal;

	line-height:24px;

}





/*COMMENT BOX**************/

.comment {

	/*COMMENT BOX BACKGROUND color*/

	background:#373738;

}

.text-box p span,

.text-box p a

{

	/*COMMENTER's LINK COLOR*/

	color:#3366cc;

}

.comment {

	width:970px;	

	margin:0 15px 58px;

	padding:8px 0 4px;

	height:148px;

	overflow:auto;

}

.text-box {padding:0 12px;}

.text-box p {

	font:11px/25px Verdana, Arial, Helvetica, sans-serif;

	color:#cccccc;

	margin:0;

}

/* NEXT / PREVIOUS PAGE ARROWS*/

.arrows {

	list-style:none;

	margin:0;

	padding:0;

	height:1%;

	overflow:hidden;

	background:#464646;

}

.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: 970px;

	padding-left: 15px;

}



.alignleft {float: left;}

.alignright {float: right;}



.clear {clear: both;}









/*EDIT IF YOU DARE */









body {

	margin:0;		

}

img {border-style:none;}

input,

textarea,

select{

	font:100% arial,sans-serif;

	vertical-align:middle;

}

form,fieldset{

	margin:0;

	padding:0;

	border-style:none;

}

/*main container*/

#main {

	margin:0 auto;

	width: 1000px;

	padding:0 0 20px;

}

/*header*/

#header img {display:block;}

#menu {
	list-style:none;
	margin:0;
	padding:15px 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 15px 20px;

	width:970px;

	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:1000px;

	background:#000;

	padding:23px 0 0;

}

.post {

	padding:0 15px;

	overflow:hidden;

}

.post p {

	line-height:25px;

	margin:0 0 22px;

}

.image {

	display:block;

	margin:0 0 19px;

}

.image img, img {

	display:block;

	margin:0 auto;

}

.content-box {

	width:970px;

	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:#ffffff;

	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:#000;

}

.form label {

	display:block;

	color:#4c4c4c;

	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 #ccc !important;

}

.form .line {

	padding:0 0 17px !important;

}

.form .line input {

	width:186px !important;

	border:1px solid #ccc !important;

	padding:1px 6px !important;

}

.form  .cancel {

	display:block;

	width:38px;

	height:12px;

	overflow:hidden;

	background:url(images/cansel.gif) no-repeat;

	text-indent:-9999px;

}

.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;

}

.profilepic {
float: left;
margin: 0px 15px 15px 0px;
background-image: images/about.jpg;
}

.profileh2 {
font-family: Georgia, "Times New Roman", Times, serif;
color: #cc0000;
font-weight: normal;
font-size: 18px;
padding: 5px;
margin: 0px;
}

.profileh3 {
font-family: Georgia, "Times New Roman", Times, serif;
color: #a4a4a4;
font-weight: normal;
font-size: 12px;
padding: 5px;
margin: 0px;
}



.breaker {height: 20px; width: 100%;}

.fl {float: left;}

.fr {float: right;}