/*-----------------------------------------------------------------------------
Theme Name: journal
Theme URI: http://www.fearless-future.com/
Description: Fearless Future Journal Design
Version: 3.0
Author: Jonathan Silberman
Author URI: http://www.fearless-future.com/

-----------------------------------------------------------------------------*/

* {
padding: 0px;
margin: 0px;
}

a:link{
color:#353739;
text-decoration:none;
}

a:hover{
color:#747C80;
}
a:visited{
color:#747C80;
text-decoration:none;
}

body {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
color:#353739;
text-rendering: optimizeLegibility;
}

#wrapper {
width:960px;
background: url(images/body_bg.jpg) repeat-y 0 20px;
padding-bottom:20px;
}

#logo {
background: url(images/logo.gif) no-repeat;
width:225px;
height:125px;
top:16px;
left:5px;
position:absolute;
text-indent:-9999px;
overflow:hidden;
}


dl.social {background: url(images/social_icons.gif) no-repeat;
width:99px;
height:46px;
top:28px;
left:825px;
position:absolute;}
.social a.LINK0 {left:0px; top:1px; background:transparent;}
.social a.LINK0 {display:block; width:44px; height:0; padding-top:42px; overflow:hidden; position:absolute;}
.social a.LINK1 {left:54px; top:2px; background:transparent;}
.social a.LINK1 {display:block; width:42px; height:0; padding-top:41px; overflow:hidden; position:absolute;}

#header {
height:149px;
width:960px;
background: url(images/header_bg.jpg) no-repeat;
padding-bottom:27px;
}

#footer {
height:53px;
width:957px;
background: url(images/footer.jpg) 0 -1px no-repeat;
padding-bottom:20px;
}

#navigation {
position:absolute;
top:110px;
left: 280px;
font-family: 'Rock Salt', Arial, Helvetica, sans-serif;
font-size:10px;
color:#353739;
}

#navigation li {
list-style:none;
float:left;
padding-right:25px;
}

p {
margin-bottom:32px;
line-height: 32px;
}

#content {
width: 800px;
margin-left:57px;
}

h2 {
font-family: 'Rock Salt', Arial, Helvetica, sans-serif;
font-size:30px;
color:#830000;
line-height: 40px;
}

h3 {
font-family: 'Rock Salt', Arial, Helvetica, sans-serif;
font-size:15px;
width:100%;
line-height: 34px;
color:#353739;
margin-top:28px;
}

h3 a:hover{
color:#8C8C8C;
}

#who {
width:575px;
}

#news {
width:237px;
height:202px;
background: url(images/news_bg.gif) no-repeat;
top:142px;
left:660px;
position:absolute;
}

#news h2 {
color: #fbfbfb;
padding-left:10px;
font-size:22px;
}

.twitterwidget-title, .from-meta {
display:none;
}

.time-meta a {
display:block;
font-style:italic;
color:#A0A0A0;
}

#news li {
list-style:none;
font-size:10px;
padding:10px;
width:205px;
margin:0 auto;
}

*:first-child+html #news li {
padding: 5px;
}

#center {
margin-left:25px;
display: block;
width:800px;
text-align:center;
margin-top:-7px;
}

#center h3 {
margin-top:-5px;
}

#center p {
margin-bottom:22px
}

#colA, #colB {
width:370px;
float:left;
height:320px;
}

#col1, #col2, #col3 {
width:240px;
float:left;
}

#col1, #col2, #colA, #colB {
margin-right:16px;
}

#col1, #col2, #col3, #colA, #colB  h3 {
margin-bottom:-2px;
}

.no-p p {
display:none;
}

#mary {
width:364px;
height:170px;
background: url(images/mary.png) no-repeat;
}

#mary a {
width:100%;
height:100%;
display:inline-block;
}


#jonathan {
width:365px;
height:170px;
background: url(images/jonathan.png) no-repeat;
}

#des {
width:239px;
height:138px;
background: url(images/des.png) no-repeat;
}

#yvonne {
width:238px;
height:136px;
background: url(images/yvonne.png) no-repeat;
}

#patricia {
width:242px;
height:135px;
background: url(images/patricia.png) no-repeat;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.hr {
width:749px;
height:13px;
background: url(images/hr.gif) no-repeat;
margin-bottom: 55px;
margin-top: 58px;
display:block;
margin-left:auto;
margin-right:auto;
}

#cat {
width:225px;
height:225px;
background: url(images/cat.gif) no-repeat;
float:left;
margin-left:27px;
}

#hr1 {
width:648px;
height:37px;
margin-left:63px;
margin-bottom: 74px;
margin-top: 35px;
display:block;
}

#dog {
width:293px;
height:237px;
background: url(images/dog.gif) no-repeat;
float:right;
margin-left:27px;
}

#roll_over {
width:108px;
height:64px;
background: url(images/roll_over.gif) no-repeat;
float:right;
margin-left:10px;
margin-top:-156px;
}

#hr2 {
width:619px;
height:40px;
margin-left:91px;
margin-bottom: 56px;
margin-top:57px;
display:block;
}

#hr3 {
width:490px;
height:41px;
background: url(images/hr3.gif) no-repeat;
margin-left:152px;
margin-bottom: 55px;
margin-top:70px;
display:block;
}

#rocket1 {
width:222px;
height:237px;
background: url(images/rocket1.gif) no-repeat;
float:left;
margin-left:27px;
}

#planet1 {
width:92px;
height:90px;
background: url(images/planet1.gif) no-repeat;
float:right;
margin-top:-180px;
display:block;
}

#planet2 {
width:214px;
height:177px;
background: url(images/planet2.gif) no-repeat;
float:left;
margin-left:27px;
}


#testimonial1 {
width:363px;
height:81px;
background: url(images/testimonial1.gif) no-repeat;
margin-left:460px;
margin-bottom:32px;
display:block;
}

#testimonial2 {
width:399px;
height:84px;
background: url(images/testimonial2.gif) no-repeat;
margin-left:420px;
margin-top:63px;
}

#testimonial3 {
width:550px;
height:81px;
background: url(images/testimonial3.gif) no-repeat;
margin-left:300px;
margin-top:120px;
margin-bottom:80px;
}

#footer_box {
width:538px;
height:409px;
background: url(images/footer_box.gif) no-repeat;
margin-left:280px;
margin-top:50px;
margin-bottom:20px;
}

#services {
margin-left:22px;
margin-bottom:32px;
margin-top:32px;
}

#services li {
list-style:url(images/li.gif);
line-height:32px;
}

#awards {
margin-left:22px;
margin-top:32px;
margin-bottom:32px;
}

#awards li {
list-style:url(images/li.gif);
line-height:32px;
}

.gallery {
margin-left:23px;
margin-top:28px;
}


.gallery li {
width:171px;
height:165px;
background: url(images/img_border.gif) no-repeat;
float:left;
margin-right:23px;
list-style:none;
margin-bottom:31px;
}

.title {
margin-left:30px;
line-height:auto;
font-size: 28px;
}

.size-thumbnail {
margin-left:7px;
margin-top:3px;
}

.spacer {
margin-bottom:20px;
}

#workshops p {
margin-bottom:30px;
}

#workshops ul {
margin-left:20px;
margin-bottom:32px;
}

#workshops li {
list-style:url(images/li.gif);
line-height:32px;
}

#workshops {
padding-bottom:44px;
}