/*

Theme Name: Jonathan Connolly Photography

Theme URI: http://www.jonathanconnolly.con/blog/

Description: The default WordPress theme Jonathan Connolly Blog>.

Version: 1.0

Author: Creative Volition

Author URI: http://creativevolition.com/

Tags: clean, black and white, georgia



	

*/







/* HERE COMES THE CSS REST  */



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-weight: normal;

	font-style: inherit;

	font-size: 100%;

	font-family: Georgia, Helvetica, sans-serif;

	vertical-align: baseline;

}

/* remember to define focus styles! */



:focus {

	outline: 0;

}

body {

	line-height: 1;

	color: black;

	background: white;

}

ol, ul {

	list-style: none;

}

/* tables still need 'cellspacing="0"' in the markup */

table {

	border-collapse: separate;

	border-spacing: 0;

}

caption, th, td {

	text-align: left;

	font-weight: normal;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: "";

}

blockquote, q {

	quotes: "" "";

}



/* ---------   END RESET    ---------- */





body {

background: url(images/overlaytile.jpg) #FFFFFF top left;

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

font-size: 16px;

color: #333333;

}



a {

color: #ff0078;

text-decoration: none;

}



a:hover {

text-decoration: underline;

}



#wrapper {

background: url(images/top_bg.gif) repeat-x top left;

width: 100%;

margin: auto;

}



#header {

width: 795px;

height: 147px; 

margin: auto;

}





#logo {

background: url(images/jc_logo_05.jpg)no-repeat center top;

height:86px;

position:relative;

top: 31px;

width:248px;

z-index:999;

float: left;

}



#logo a {

display: block;

width: 100%;

height: 100%;

text-decoration: none;

}



#logo a span {

visibility: hidden;

}



#subscribe {

float: right; 

width: 148px;

height: 29px; 

}



#subscribe a {

display: block; 

background: url(images/subscribe_02.jpg) no-repeat top left; 

width: 100%; 

height: 100%; 

}



#subscribe a:hover {

background-position: 0px -29px; 

}



#search {

color: #E6D8B4;

position: relative;

font-size: 13px;

top: 12px;

float:  right;

}



#search input.search {

border: 1px solid #000000;

height: 19px;

background: url(images/lense.gif) #cccccc no-repeat top left;

width: 130px;

padding: 3px 0 3px 5px;

color: #FFFFFF;

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

font-size: 14px;

float: left;

}



#search input.button {

float: left;

cursor: pointer;

height: 27px;

padding: 0px 6px 2px 6px; 

background: #000000;

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

font-size: 18px; 

font-style: italic;

font-weight: bold;

color: #FFFFFF;

border: 0px; 

float: right;

margin: 0px;

}



#search input.button:hover {

background: #ff0078;

}



#menu {

width: 795px; 

margin: auto;

position: relative;

height: 52px;

clear: both;

}



#menu ul {

text-align: left;

position: relative; 

top: 16px;

}





#menu ul li {

float: left;

margin-left: 4px;

text-align: left;

font-weight: bold;

font-size: 20px; 



color:#000000;

font-size:20px;

font-style:italic;

font-weight:bold;

text-decoration:none;

}







#menu ul li a {

text-decoration: none;

color: #000000;

font-size: 20px; 

font-weight: bold;

font-style: italic;

padding:5px;

}



#menu ul li a span {

font-weight: bold;

}



#menu ul li a:hover {

background: #000000;

color: #cccccc;

}





/* hide the sub levels and give them a positon absolute so that they take up no room */

#menu ul li ul {

visibility:hidden;

position: absolute;

top: 25px;

padding-top: 11px;

width: 135px;

}



#menu ul li ul li { 

/*border: 1px solid #cccccc;*/

height: 35px; 

background: rgba(0, 0, 0, 0.85);

font-weight: lighter; 

color: #ffffff;

display:block;

margin: 0px;

text-align: center;

width: 135px;

/*border-top: 0px;*/

height: 34px;

}



#menu ul li ul li a {

font-weight: lighter; 

padding: 9px 0px;

/*border: 1px solid #ffffff;

border-bottom: 1px solid #b2b2b2;

border-top: 0px;*/

color: #FFFFFF;

background: none;

margin: 0px;

margin-top: -1px;

text-align: center;

font-size: 16px;

display: block;

height: 16px;

width: 133px; 

}



#menu ul li ul li a:hover {

color: #FF0078;

background: none;

}







#menu table {position:absolute; top:0; left:0; z-index: 999;}



#menu ul ul a, #menu ul ul a:visited { 

 }



#menu ul li:hover ul,

#menu ul a:hover ul{visibility:visible; }







/*

#navbar {

   margin: 0;

   padding: 0;

   height: 1em; }

#navbar li {

   list-style: none;

   float: left; }

#navbar li a {

   display: block;

   padding: 3px 8px;

   background-color: #5e8ce9;

   color: #fff;

   text-decoration: none; }

#navbar li ul {

   display: none; 

   width: 10em; /* Width to help Opera out 

   background-color: #69f;}

#navbar li:hover ul, #navbar li.hover ul {

   display: block;

   position: absolute;

   margin: 0;

   padding: 0; }

#navbar li:hover li, #navbar li.hover li {

   float: none; }

#navbar li:hover li a, #navbar li.hover li a {

   background-color: #69f;

   border-bottom: 1px solid #fff;

   color: #000; }

#navbar li li a:hover {

   background-color: #8db3ff; }

   */





#content {

width: 750px;

padding: 10px 0px 70px 0px;

margin: auto;

}



#actualcontent {

margin: auto;

margin-bottom: 30px;

}





#actualcontent h1, 

#actualcontent h1 a {

margin-bottom: 10px;

font-size: 62px;

color: #000000;

line-height: 1.2;

font-weight: bold;

font-style: italic;

letter-spacing: -2px;

text-decoration: none;

padding: 0px;

margin: 50px 0px 10px 0px;

}



#actualcontent h1 a:hover { 

background: #e7e7e7;

}





#actualcontent h2 {

margin-bottom: 10px;

font-size: 24px;

color: #333333;

font-weight: bold;

}



#actualcontent h3 {

margin-bottom: 10px;

font-size: 14px;

color: #B4612D;

font-weight: bold;

}





#actualcontent p {

margin: 15px 0;

line-height: 1.5;

}



#actualcontent hr {

border: 0px;

border-bottom: 3px dotted #cccccc;

border-left: 0px;

height: 0px;

clear: both;

width: 100%;

}



#actualcontent img { 

padding: 1px; 

border: 1px solid #cecece; 

background: #ffffff;

}



#actualcontent ul li {

background: url(images/ul_arrow.png) no-repeat top left;

background-position: 7px 8px; 

padding-left: 35px;

}







#actualcontent #share { 

background: #cccccc;

padding: 4px 10px;

float: left;

display: inline;

color: #ffffff;

}



#share a { 

color: #ffffff; 

text-decoration: none;

font-size: 18px;

font-weight: bold;

margin: 0px 3px;

}





#share a.share {

background: url(images/share_icon.png) no-repeat top left;

background-position: 0px 2px; 

padding-left: 28px; 

}



#share a.subscribe {

background: url(images/subscribe_icon.png) no-repeat top left;

background-position: 0px 2px; 

padding-left: 28px; 

}





#share a:hover { 

color: #ff0078;

background-position: 0px -18px;

}



span.date {

color: #ff0078;

font-weight: bold;

font-size: 18px;

}





span.category { 

color: #cccccc;

font-weight: bold; 

font-size: 18px; 

}



span.category a {

color: #cccccc;

font-weight: bold;

text-decoration: none; 

}



span.category a:hover { 

color: #000000; 

text-decoration: none;

}



div.comments {

float: right;

display: inline;

width: 150px;

margin-bottom: 25px;

margin-top: -3px;

}





div.comments a {

background: #ff0078;

float: right;

font-weight: bold; 

color: #ffffff;

padding: 5px 4px 5px 6px;

text-decoration: none;

font-size: 18px; 

}





div.comments a:hover {

background: #000000;

}











#contact-archive  {

width: 100%; 

background: #000000;

padding: 40px 0px 50px 0px;

border-top: 1px solid #cccccc; 

overflow: auto;

}



#contact-archive h1 { 

color: #ff0078;

font-size: 60px; 

font-weight: bold; 

font-style: italic;

letter-spacing: -2px;

margin-bottom: 15px;

}



/*

#contact-archive #contactform form { 

background: #2a2a2a;

padding: 33px 0px 1px 33px;

overflow: auto;

width:443px;

}





#contact-archive #contactform { 

width: 476px; 

float: left; 

}



#contact-archive #contactform #formelement { 

width: 195px;

float: left; 

color: #FFFFFF;

margin-right: 22px;

margin-bottom: 15px;

font-size: 18px; 

font-weight: bold;

}



#contact-archive #contactform input { 

width: 186px; 

height: 24px; 

padding: 4px; 

background: #b9b9b9;

border: 0px;

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

font-size: 16px;

margin: 7px 1px 10px 0px;

}



#contact-archive #contactform input.button { 

width: 145px; 

height: 32px;

padding: 4px 4px 6px; 

background: #ff0078;

border: 0px;

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

font-size: 18px;

font-weight: bold;

float: right; 

color: #FFFFFF;

margin: 38px 11px 10px 0px;

}



#contact-archive #contactform input.button:hover {

background: #b9b9b9;

color: #000000;

cursor: pointer;

}







#contact-archive #contactform textarea { 

width: 402px; 

height: 150px; 

padding: 4px; 

background: #b9b9b9;

border: 0px;

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

font-size: 16px;

margin: 7px 1px 10px 0px;

}



*/



#contact-archive #archive { 

width: 300px; 

float: right; 

}



#contact-archive #archive ul { 

background: #2a2a2a;

list-style: disc;

color: #b9b9b9;

list-style-position: outside;

padding: 20px 1px 20px 45px;

height: 477px;

}



#contact-archive #archive ul li {

padding: 7px 0px; 

}



#contact-archive #archive ul li a { 

color: #b9b9b9; 

margin: 10px 0px;

font-weight: bold;

}





#contact-archive #archive ul li a:hover {

color: #ffffff;

text-decoration: none;

}





#actualcontent .comment-body {

background: #b9b9b9; 

padding: 20px;

overflow: auto;

margin: 10px 0px; 

}



#actualcontent form.comment-body {

padding: 35px;

width: 540px;

margin-bottom: 30px;

}



#actualcontent form.comment-body h2 {

font-size: 18px;

margin: 15px 0px; 

}





#actualcontent form.comment-body input {

background: #ffffff;

padding: 5px;

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

font-size: 16px;

width: 270px;

border: 0px;

margin-bottom: 10px;

}



#actualcontent form.comment-body input#submit {

float: right; 

padding: 3px;

color: #ffffff;

background: #ff0078;

border: 0px;

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

font-size: 16px;

width: 130px;

margin-right: 13px;

font-weight: bold;

}



#actualcontent form.comment-body textarea {

background: #ffffff;

padding: 9px;

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

font-size: 16px;

border: 0px;

width: 510px;

margin-bottom: 10px;

}







a.url {font-size: 18px; 

color: #000000;

text-decoration: underline;

font-style: italic;

}







em {

font-style: italic;

}



strong, b {

font-weight: bold;

}





#footer {

width: 100%;

background: #b9b9b9;

padding: 40px 0px;

margin: auto;

overflow: auto;

}



#footer #footerlinks {

position: relative;

float:left;

color: #000000;

width: 430px;

font-weight: bold;

font-size: 13px;

font-style: italic;

}





#footer a {

text-decoration: none;

font-weight: bold;

color:#000000;

}



#footer a:hover {

color: #666666;

text-decoration: none;

}

 

#footer p { 

float: left; 

text-align: left;

line-height: 1.9;

font-weight: bold; 

}



#footer #copyright {

color: #D0C4A9;

font-size: 12px;

}



a.jc {

display: block; 

position: relative;

float: left; 

width: 156px;

height: 46px;

background: url(images/footer_jc.png) no-repeat top left; 

 -moz-opacity: 1;

opacity: 1;

}





a.cv {

display: block; 

position: relative;

float: right; 

width: 183px;

height: 43px;

background: url(images/footer_cv.png) no-repeat top left; 

 -moz-opacity: 1;

opacity: 1;

}



a.jc:hover {

background-position: 0px -46px;

}



a.cv:hover {

background-position: 0px -43px;

}





#footer span.author {

font-size: 12px;

position: relative;

left: 180px;

top: 5px;

}

















.clear {

clear: both;

}