/******************************************************/

/*  Text: #361c0a;                                    */

/*  Links: #01b6c9;                                   */

/*  Mouseovers:  #9ac844;                             */                     

/*  Text Boxes Background:  #cccccc;                  */

/*  Text Boxes Link color:  #01b6c9;                  */

/*  Text Boxes Mouseover color: #ffffff;              */

/*  Text Boxes Text Color: #361c0a;                   */   

/*  Fonts: 'Century Gothic', Tahoma,                   */

/******************************************************/









/*BACKGROUND IMAGE************/





body {

background: url('http://www.jakigoodphotography.com/photos/788843691_MbRes-O.jpg');

background-repeat:repeat;

background-position: top center;

background-attachment:fixed; 

background-color: #361c0a;

/*if you want a solid color instead, erase "url('images/bg.jpg') repeat" and write in your color code "#333333"*/

font:14px 'Century Gothic', Tahoma, sans-serif; /*ENTRY FONTS*/

color:#361c0a; /*OVERALL TEXT COLOR*/

}

























/*LINK STYLES****************/





a {

text-decoration:none;

color:#01b6c9;

}



a:hover {text-decoration:none; color:#9ac844;}



a.commentsspecial {

text-decoration:none;

font:14px 'Century Gothic', Tahoma, sans-serif; /*ENTRY FONTS*/

color:#01b6c9; /*OVERALL TEXT COLOR*/

}





a.commentsspecial:hover {text-decoration:none;}





/*LOGO IMAGE*****************/





#logo { 

height:70px;

width:100%;

background:#fff url('images/logo.jpg') no-repeat left;	

}



#menu {

background:#fff;

}



#menu li a {

font:11px 'Century Gothic', Tahoma, sans-serif; /*MENU FONT STYLES*/

text-transform: uppercase;

color:#222;	/*MENU FONT COLOR*/

}



#menu li a:hover {

color:#9ac844; /*MENU FONT COLOR WHEN HOVERING*/

} 





/*BANNER COLORS*************/





#banner {

height: 325px; /*BANNER HEIGHT in case you want to change it*/

overflow: hidden;

}





#slideshowbanner {background: #ffffff; width: 1000px; height: 250px;}



/*TWITTER / SEARCH / RSS***/



.holder {

background:#e9e6dd;

}



.holder .text strong {

display:block;

font-size:10px;

color:#2c2c2c;

font-weight:normal;

line-height:17px;

position:relative;

margin:-4px 0 0;

}



.holder .text p {

font-size:10px;

color:#2c2c2c;

line-height:17px;

margin:0 0 5px;

}



/*POSTS*******************/



.title {



/*POST IMAGE delete background...'s line if you do not wish to have a logo on the side*/



background:url(http://www.jakigoodphotography.com/photos/783912691_XJbHa-O.jpg) no-repeat;

padding:0 0 0 44px;

margin-top: 20px;

}





/*POST TITLE FONT STYLE**/





.ti, .title h2 {

margin:0;

font-size:20px;

font-family: 'Century Gothic', Tahoma, sans serif;

font-weight:normal;

line-height:20px;

color:#01b6c9;

}





/*DATE AND CATEGORY FONT STYLES*/





.title span a, .title span {

color:#9ac844;

font-size:12px;

font-weight:normal;

line-height:24px;

}





/*COMMENT BOX**************/

.img .avatar {display: none;}

.comment {



/*COMMENT BOX BACKGROUND color*/

background:#cccccc;

}



#commentbackground {
background:#cccccc; padding-left:8px;
}

.text-box p span,

.text-box p a {

/*COMMENTER's LINK COLOR*/

color:#01b6c9;

}





.text-box p a:hover{



/*COMMENTER's LINK COLOR*/



color:#ffffff;



}



.comment {





width:950px;
margin-left: 12px;

}





#respond {padding-left:10px}



.text-box {padding:0 12px;

width: 950px;

margin-top: 0pt;

margin-right: 15px;

margin-bottom: 58px;

margin-left: 15px;

padding-top: 8px;

padding-right: 0pt;

padding-bottom: 4px;

padding-left: 0pt;

height: 148px;

overflow-x: auto;

overflow-y: auto;}



.text-box p {

font: 14px/30px  'Century Gothic', Tahoma, sans-serif;

color:#361c0a;

margin:0;

}





/* NEXT / PREVIOUS PAGE ARROWS*/





.arrows {

	list-style:none;

	margin:0;

	padding:0;

	height:1%;

	overflow:hidden;

	background:#ffffff;

}



.arrows li {

	font:10px/25px  'Century Gothic', Tahoma, sans-serif;

	color:#01b6c9;

	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:#01b6c9;

	text-decoration:none;

}



.arrows li a:hover {text-decoration:underline;}





/*FOOTER LINKS*/

#footer {

width:1000px;

font:10px/25px  'Century Gothic', Tahoma, sans-serif;

color:#01b6c9;

text-align:center;



/*        height: 50px; */

		margin:0 auto;



}









/*NAVIGATION for single posts*/





.navigation {

width: 970px;

padding-left: 15px;

}



.alignleft {float: left;}

.alignright {float: right;}

.clear {clear: both;}



/*Edit only if you dare*/





body {

margin:0;		

}



img {border: solid 0px #cccccc;}



input,

textarea,

select{

font:100% arial,sans-serif;

vertical-align:middle;

}



form,fieldset{

margin:0;

padding:0;

border-style:none;

}





#outerwrapper {	

margin:0 auto;

width: 1006px;

background:url('http://www.jakigoodphotography.com/photos/807639609_YcJxy-O.png') repeat-y;

}





/*main container*/





#main {

margin:0 auto;

width: 1000px;

padding:0px 0 20px;

}





/*header*/





#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,

enu 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;

}



#menu ul li {

padding:0 10px 0 17px;

width:120px;

}





#menu ul li a {

width:100%;

background:none;

color:#9ac844;

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:997px;

background:#fff;

padding: 1px 0 0;

margin-top: 0px;

}











.post {

padding:0 15px;

overflow:hidden;

margin-top: 10px;

}



.post p {

line-height:25px;

margin:0 0 22px;

font-size: 14px;

}



.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 'Century Gothic', Tahoma, sans-serif;

margin:0 19px 0 -21px;

font-weight: bold;

}



.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;

}





* +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:#fff;------	

}





.form label {

display:block;

color:#472a0;

font:14px/16px  'Century Gothic', Tahoma, 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;

}





/*CUSTOM CSS*********************/







/*CUSTOM CSS - Header ***********/





#header img {display:none;}

#menu {display:none;}

.holder {display:none;}





#logo {display:none;}





/*CUSTOM CSS - Header Divisions *********/





/* Hide the book sign form */



 



#topbanner {background:url(http://www.jakigoodphotography.com/photos/787246291_hmicr-O.jpg) no-repeat; background-color: #ffffff; width:1000px; height: 165px; display: none; margin-left: 0px;}



#showitbanner {display:block; height: 102px;}



#slideshowbanner {height: 350px; background: #ffffff; display: none;}



#customNavContainer { text-align: center; background:url(http://www.jakigoodphotography.com/photos/787246293_Dcvvn-O.jpg) no-repeat; background-color: #ffffff; height: 30px; margin-top: 0px; margin-left: 0px; display:none;} 



#customNav { font-family: 'Century Gothic', Tahoma, sans-serif !important; font-size: 18px;  list-style-type: none; padding: 0; margin: 0; 

padding-top: 3px; padding-left: 0px; margin-top: 0px; padding-bottom: 5px; margin-left: 0px;} 



#customNav li { display: inline; } 



#customNav li a, #customNav li a:active, #customNav li a:visited, #customNav li a:link { font-family: 'Century Gothic', Tahoma, sans-serif !important; font-size: 18px; color: #361c0a !important; text-decoration: none !important; padding-left: 10px; padding-right: 10px;} 



#customNav li a:hover { font-family: 'Century Gothic', Tahoma, sans-serif !important; font-size: 18px; color: #ffffff !important; text-decoration: none !important; padding-left: 10px; padding-right: 10px;} 









/*CUSTOM CSS - Category List *********/



.cat-list li {

list-style:none;

display:inline;

}



.cat-list ul {

list-style:none;

display:inline;

}





/*CUSTOM CSS - Images in Content Pages ********/











img.alignright {float:right; margin:0 0 1em 1em; border: 0px !important;}

img.alignleft {float:left; margin:0 1em 1em 0; border: 0px !important;}

img.aligncenter {display: block !important; margin-left: auto !important; margin-right: auto !important; margin-top: auto !important; margin-bottom: auto !important; border: border: solid 2px #cccccc;}









/*CUSTOM CSS - Footer Divisions *********/





#footer {display:block;}

#sitefooter {display:block;}

#webfooter {display:none; }

#oldblogfooter {display:block;}





.postend{



background-color: transparent;

background-image: url(http://www.jakigoodphotography.com/photos/807646554_5jzsG-O.png);

background-repeat: no-repeat;

background-attachment: scroll;

height: 45px;

width: 970px;

margin-left: 15px;

background-position: top center;

}









.postmetadata {

	font-size: 12px;

	padding: 0px;

font-family:  'Century Gothic', Tahoma, sans-serif;

padding-left: 10px;

padding-right: 10px;

}



.postmetadata a {

	color:#01b6c9;

	text-decoration:none;

	outline:none;

}



.postmetadata a:hover {text-decoration:none; color: #9ac844; }



.postmetadata ul, .postmetadata li {

display: inline;

list-style-type: none;

list-style-image: none;

	}





.center {text-align: center;}

.center2 {

	display: block;

	margin-left: auto;

	margin-right: auto;

}











/* =================== ADDED FOR ARCHIVE LISTINGS (Rob Smith - rob@quirky-bird.com) */







.archiveList {

	width:950px;

	list-style:none;

	margin:0 25px 0 25px;

	padding:0;

	float:left;

	overflow:hidden;

	position:relative;

	height: 40px;

	padding: 3px 0 3px 0;

	background-color: #cccccc;

}





.archiveList li {

	color: #361c0a; 

	width: 73px;

	text-align:center;

	position:relative;

	float:left;

	font:12px  'Century Gothic', Tahoma, sans-serif;

	height: 30px;

	padding: 4px;



}





.archiveList a, .archiveList a:link, .archiveList a:visited, .archiveList a:active {

	color:#01b6c9;

	text-decoration:none;

}



.archiveList li a:hover {text-decoration:none; color: #FFFFFF;}



.archiveYear { border-right:solid 1px; color: #361c0a; }







/*CUSTOM CSS - Footer Divisions *********/

#footer {width: 1000px; margin-bottom: 10px;}



#footer p {margin:0; font:10px;}



#footer a, #footer a:link, #footer a:visited, #footer: a:active {

text-decoration: none;

color: #01b6c9;

font:10px;

}



#footer a:hover {

text-decoration: none;

color: #ffffff;

font:10px;

}



#sitefooter {display: block; width: 1000px; height: 200px; margin-top: 10px;}

.sitefooterfb {background:url(http://www.jakigoodphotography.com/photos/777606733_oi94k-O.jpg) no-repeat; width:50px; text-decoration: none !important; }

.sitefooterfb a, .sitefooterfb a:link, .sitefooterfb a:visited, .sitefooterfb a:hover, .sitefooterfb a:active {text-decoration: none;}

.sitefootertw {background:url(http://www.jakigoodphotography.com/photos/777606796_wjen6-O.png) no-repeat; width:50px;  text-decoration: none !important; }

.sitefootertw a, .sitefootertw a:link, .sitefootertw a:visited, .sitefootertw a:hover, .sitefootertw a:active {text-decoration: none;}

.sitefooterrss {background:url(http://www.jakigoodphotography.com/photos/777606766_5fX2V-O.png) no-repeat; width:50px;  text-decoration: none !important; }

.sitefooterrss a, .sitefooterrss a:link, .sitefooterrss a:visited, .sitefooterrss a:hover, .sitefooterrss a:active{text-decoration: none;}


.sitefootersm {background:url(http://www.jakigoodphotography.com/photos/794343819_BpM3a-O.png) no-repeat; width:50px;  text-decoration: none !important; }

.sitefootersm a, .sitefooterrss a:link, .sitefooterrss a:visited, .sitefooterrss a:hover, .sitefooterrss a:active{text-decoration: none;}







.ContentTextFooter {  font-family: 'Century Gothic', Tahoma, sans-serif;

font-size: 14px;

font-weight: normal;

font-style: none;

color: #361c0a;}



.ContentTextFooter a {  font-family:   'Century Gothic', Tahoma, sans-serif;

font-size: 14px;

font-weight: normal;

font-style: none;

color: #01b6c9;}



.ContentTextFooter a:link {  font-family: font-family:   'Century Gothic', Tahoma, sans-serif;

font-size: 14px;

font-weight: normal;

font-style: none;

color: #01b6c9;}



.ContentTextFooter a:visited {  font-family:   'Century Gothic', Tahoma, sans-serif;

font-size: 14px;

font-weight: normal;

font-style: none;

color: #01b6c9;}



.ContentTextFooter a:hover{  font-family:   'Century Gothic', Tahoma, sans-serif;

font-size: 14px;

font-weight: normal;

font-style: none;

color: #9ac844;}







.ContentTextFooter a:active {  font-family:   'Century Gothic', Tahoma, sans-serif;

font-size: 14px;

font-weight: normal;

font-style: none;

color: #01b6c9;}



.ContentTextFooterSmall {  font-family:   'Century Gothic', Tahoma, sans-serif;

font-size: 10px;

font-weight: normal;

font-style: none;

color: #361c0a;}



.ContentTextFooterSmall a {  font-family:  'Century Gothic', Tahoma, sans-serif;

font-size: 10px;

font-weight: normal;

font-style: none;

color: #01b6c9;}



.ContentTextFooterSmall a:link {  font-family: font-family:  'Century Gothic', Tahoma, sans-serif;

font-size: 10px;

font-weight: normal;

font-style: none;

color: #01b6c9;}



.ContentTextFooterSmall a:visited {  font-family:  'Century Gothic', Tahoma, sans-serif;

font-size: 10px;

font-weight: normal;

font-style: none;

color: #01b6c9;}



.ContentTextFooterSmall a:hover{  font-family:  'Century Gothic', Tahoma, sans-serif;

font-size: 10px;

font-weight: normal;

font-style: none;

color: #9ac844;}



.ContentTextFooterSmall a:active {  font-family: 'Century Gothic', Tahoma, sans-serif;

font-size: 10px;

font-weight: normal;

font-style: none;

color: #01b6c9;}











