@import "css/all.css";



/*  

Theme Name: Nuttall Photography

Description: Nuttall Photography Wordpress Theme

Author: iWebMonstter.net

Author URI: http://iwebmonster.net/

.

*/







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



body {

background-color:#b7b4b1; 



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



}



a:hover {text-decoration:none;}











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



#logo {



	height:150px;



	width:100%;



	background:#020202 url('images/Logo4.jpg') no-repeat center;	



}











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



#menu {



	background:#323030;



}







#menu li a {



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



	text-transform: uppercase;



        font-weight:bold;



        text-align:center;



	



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



}







#menu li a:hover {



	color:#e62932; /*MENU FONT COLOR WHEN HOVERING*/



} 











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



#banner {



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



overflow: hidden;



}











/*TWITTER / SEARCH / RSS***/



.holder {



	background:#fffff4;



}



.holder .text strong {



	display:block;



	font-size:25px;



	color:#bb3232;



	font-weight:bold;



	line-height:25px;



	position:relative;



	margin:-10px 0 0;



}



.holder .text p {



	font-size:26px;

	

	text-shadow: 0 1px 0 #FFFFFF;



	color:#333333;

	font-weight:bold;



	line-height:26px;



	margin:0 0 -5px;



        font-weight:normal;



}







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



.title {



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



	background: none; 



	padding:0;



	margin: 30px auto 0 auto;

	text-align: center;

	display: table;



}



	/*POST TITLE FONT STYLE**/



.ti, .title h2 {



	margin:0;



	font-size:30px;



	color:#f8f7e1;



        font-family: Arial;



	font-weight:normal;



	line-height:27px;



	}



	/*DATE AND CATEGORY FONT STYLES*/



.title span a, .title span {



	color:#ffffff;



	font-size:13px;



	font-weight:normal;



	line-height:24px;



}











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



.comment {



	/*COMMENT BOX BACKGROUND color*/



	background:#222222;



}



.text-box p span,



.text-box p a



{



	/*COMMENTER's LINK COLOR*/



	color:#ffffff;

	font-weight: bold;



}



.comment {



	width:500px;	



	margin:0 15px 58px;



	padding:8px 0 4px;



	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:none;



}



.arrows li {



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



	color:#020202;



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



	text-decoration:none;



}



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







/*FOOTER LINKS*/



#footer {



	padding:8px 0 0;



	width:100%;



	font:10px/15px Verdana, Arial, Helvetica, sans-serif;



	color:#444444;



	text-align:left;
	background: #171717;



}



#footer p {margin:0;
padding: 0 30px 30px 30px;}



#footer a, #footer a:hover, #footer a:visited {



	text-decoration: none;



	color: #BB3232;



}







/*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 0 0 15px;



	padding:0;



	border-style:none;



}



/*main container*/



#main {



	margin:0 auto;



	width: 1000px;



	padding:0 0 0px;

	-moz-box-shadow:1px 3px 60px #333333;

	border-right: 1px solid #cccccc;

	border-left: 1px solid #cccccc;



}



/*header*/



#header img {display:block;}



#menu {



	list-style:none;



	margin:0;



	padding:5px;	



	height:1%;



}



#menu:after {



	content:" ";



	display:block;



	clear:both;



}



#menu li {



	padding:8px 10px 0px 10px;



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



}



#menu ul li {



	padding:0 10px 0 17px;



	width:120px;



}



#menu ul li a {



	text-align:left;



	width:100%;



	background:none;



	color:#ffffff;



	line-height:18px;



	height:auto;



	display:block;



}



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



.holder {



	padding:20px 15px 20px;

	background:#e3e2e2; 

	border:#ebeaea;



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



	padding:0;



}



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



	padding:23px 0 0;



}



.post {



	padding:0 15px;



	overflow:hidden;

	

	border-bottom: 1px dotted #333333;



}



.post p {



	line-height:23px;



	margin:0 0 22px;



}



.image {



	display:block;



	margin:0 0 19px;



}



.image img, img {



	display:block;



	margin:0 auto;



}



.content-box {



	width:970px;



	padding:10px 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:center;



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



	margin:0 19px 0 -21px;



}



.coment li a {



	color:#b3b0b0;



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



}



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

	color: #ffffff;



}



.title a:hover {



	text-decoration: underline;

	color: #ffffff;



}



.comment_form input, .comment_form textarea, .input {



	border:1px solid #ccc !important;



}



.comment_form{



	padding-left: 15px;



	width: 432px;



}



.comment_form .submit{



	border: none !important;



}



.inner {



	padding: 20px;



}



.coment{



	text-transform: uppercase;



}



.submitbutton {

    background: none repeat scroll 0 0 #F24B53;

    border: 1px solid #F24B53;

    color: #FFFFFF;

    font-size: 14px;

	margin-left: 5px;

	height: 24px ;
	cursor: pointer;

}



.searchfooter {

    background-color: #ffffff;

    border: 1px solid #F24B53;

    color: #555555;

    font-size: 14px;

	height: 20px ;

	width: 170px ;

}

.commentlist {
list-style-type: none; }