/*  

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/fibre.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:#fff; /*OVERALL TEXT COLOR*/

}





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

a {

	text-decoration:underline;

	color:#3b5998;

}

a:hover {text-decoration:none;}





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

#logo {

	height:70px;

	width:100%;

	no-repeat left;	

}





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

#menu {

	background:#000;

}



#menu li a {
	text-transform: uppercase;
        font-size : 11px;
        font-weight : bold;
        font-family : verdana, arial, san-serif, helvetica;
        color : white;
        /*text-align : right;*/
        /*background-color : #d8d8d8;*/
        /*font:11px Arial, Helvetica, sans-serif;*/ /*MENU FONT STYLES*/
	/*color:#222;*/	/*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:#d4d4d4;

}

	/*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:#656568;

}

.text-box p span,

.text-box p a

{

	/*COMMENTER's LINK COLOR*/

	color:#0e416b;

}

.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:#fff;

	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:33px 0 20px;

}

/*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:20px 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:#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:#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;

border: 10px solid #000000;

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