/* 
- themes.css sets basic styling
- it is removeable
*/

@import url('http://media2.onsugar.com/v831/themes/c6/themes.css');

/*** GRACEANDJASON.COM CSS ***/
/* headings */
h1, h2, h3, h4, h5 {
font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight:300;
}

h2 {
margin:0pt 0pt 3px 0px;
border-bottom:1px dotted #CCCCCC;
padding-bottom:3px;
font-size:22pt;
line-height:1.2em;
letter-spacing:-1px;
color:#990000;
}

h4 {
font-size: 16px;
}

a, a:link {
color:#990000;
}

/*** PAGE STRUCTURE ***/
#page {
margin:0px auto;
width:994px; 
font-size:11px; /* Resets 1em to 10px */
font-family:'Helvetica Neue', 'Helvetica', 'Lucida Grande', Verdana, Arial, Sans-Serif;
_font-family:'Helvetica', 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

#fullcontent{
background-image:url(http://media.onsugar.com/files/ons/246/2466720/51_2008/divider.gif);
background-position:660px 0px;
background-repeat:repeat-y;
margin-top: 10px;
margin-bottom:0px;
overflow:hidden;
width: 992px;
}


/** This is the area containing your posts **/
#pagecontent {
   margin-right: 20px;
   padding: 0;
   width: 640px;
   float: left; 
}

#widgets{
   padding: 0px 0 0 20px;
   width: 310px;
   float: left;
   overflow:hidden;
}


/*** HEADER ***/

#logo {
margin: 10px 0px;
}

#descrip {
margin: 0px;
border: 1px solid #BFBFBF;
padding: 2px 10px;
background: #E2E2E2;
font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight:300;
}

/** NAVIGATION **/
#navigation ul li {
background:transparent none repeat scroll 0% 0%;
float:left;
font-weight:normal;
list-style-image:none;
list-style-type:none;
margin:0pt;
padding:0pt;
}

#navigation ul li a, #navigation ul li a:visited {
float: left;
margin: 0px 6px 6px 0px;
padding: 70px 0px 0px 0px;
height: 18px;
width: 92px;
border: 1px solid #BFBFBF;
background: #E2E2E2;
font-size:12px;
font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight:300;
text-align:center;
text-decoration:none;
letter-spacing:1px;
color:#000000;
}

#navigation ul li a:hover {
background: #646464;
color:#FFFFFF;
}

#navigation ul li a, #navigation ul li a:hover, #navigation ul li a:visited {
background-position:6px 6px;
background-repeat:no-repeat;
}

#navigation ul li#videos a {
margin-right:0px;
}

#navigation #olivia a {
background-image:url(http://media.onsugar.com/files/2010/04/16/1/246/2466720/IMG_3132.jpg);
}
#navigation #lucas a {
background-image:url(http://media.onsugar.com/files/2010/04/16/1/246/2466720/lucas_week_70_29.jpg);
}
#navigation #just_us a {
background-image:url(http://media.onsugar.com/files/upl1/0/4/46_2008/just_us.jpg);
}
#navigation #family a {
background-image:url(http://media.onsugar.com/files/upl1/0/4/46_2008/family_0.jpg);
}
#navigation #friends a {
background-image:url(http://media.onsugar.com/files/upl1/0/4/46_2008/friends_0.jpg);
}
#navigation #travel a {
background-image:url(http://media.onsugar.com/files/upl1/0/4/46_2008/travel_0.jpg);
}
#navigation #our_wedding a {
background-image:url(http://media.onsugar.com/files/upl1/0/4/46_2008/our_wedding_0.jpg);
}
#navigation #weddings a {
background-image:url(http://media.onsugar.com/files/upl1/0/4/46_2008/weddings_0.jpg);
}
#navigation #random a {
background-image:url(http://media.onsugar.com/files/upl1/0/4/46_2008/random_0.jpg);
}
#navigation #videos a {
background-image:url(http://media.onsugar.com/files/upl1/0/4/46_2008/movies_0.jpg);
}

/** POST FORMAT **/
.post h3 {
margin: 0px 0px 3px 0px;
padding: 0px 0px 3px 0px;
font-size: 18px;
}

.date {
border-bottom:1px dotted #CCCCCC;
margin-bottom: 10px;
padding-left: 0px;
margin-top: 5px;
padding-bottom: 5px;
}

.post{
margin-bottom:5em;
}

.post_content  {
color:#222222;
font-size:13px;
line-height:18px;
}

.post_content .gallery_thumbnail {
float:left;
margin:6px 10px 10px 6px;
background: url(http://media.onsugar.com/files/upl1/0/4/48_2008/shadowAlpha.png) no-repeat bottom right !important;
background: url(http://media.onsugar.com/files/upl1/0/4/48_2008/shadow.gif) no-repeat bottom right;
}

.post_content .gallery_thumbnail a {
display: block;
position: relative;
margin: -6px 6px 6px -6px;
border: 0px solid #BFBFBF;
background-color: #FFFFFF;
font-weight:normal;
font-size:13px;
line-height:1.0em;
text-decoration: none;
color:#000000;
}

.post_content .gallery_thumbnail a:hover {
background-color: #646464;
color:#FFFFFF;
}

.post_content .thumb_right {
float:right;
margin:0px 10px 10px 10px;
}

.post img {
margin:0px;
border:1px solid #BFBFBF;
padding:10px;
}

.post_content .see_photos {
float:left;
padding:0px;
width:500px;
font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:16px;
font-weight:300;
}

.post .geoloc {
clear: both;
}

.labelspost {
border-top:1px dotted #CCCCCC;
border-bottom:1px dotted #CCCCCC;
padding-top:3px;
padding-bottom: 3px;
padding-left:0px;
margin-top:15px;
margin-bottom:15px;
text-transform:capitalize;
font-size:13px;
font-weight:normal;
}

.categories{
font-weight: bold;
text-transform:capitalize;
}

/** RIGHT COLUMN - WIDGETS **/
#widgets h4 {
padding-bottom:5px;
}

/** SEARCH **/
.form-item {
display:inline;
margin-right:10px;
}

/** PROFILE PIC **/
.widget #profile_pic_image {
width:130px;
height:90px;
margin:6px 0px 0px 0px;
border:0px solid red;
text-align:center;
}

.widget #profile_pic_image a {
float:left;
background: url(http://media.onsugar.com/files/upl1/0/4/48_2008/shadowAlpha.png) no-repeat bottom right !important;
background: url(http://media.onsugar.com/files/upl1/0/4/48_2008/shadow.gif) no-repeat bottom right;
margin: 0px 0px 0px 6px !important;
margin: 0px 0px 0px 0px;
}
        
.widget #profile_pic_image img {
display: block;
position: relative;
background-color: #FFFFFF;
border: 1px solid #BFBFBF;
margin: -6px 6px 6px -6px;
padding: 4px;
}

.widget #profile_pic_image img:hover {
display: block;
position: relative;
background-color: #646464;
border: 1px solid #BFBFBF;
margin: -6px 6px 6px -6px;
padding: 4px;
}

/** USER CONTAINERS **/
.widget .site_cont_small, .widget .user_cont_small {
float: left;
margin: 0px 5px 0px 0px;
}

#see_followers, #followme, .calendar_more a {
font-size: 12px;
font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight:300;
}

/** LATEST COMMENTS **/
.widget_content li {
list-style-image: url(http://media.onsugar.com/files/2010/05/18/5/246/2466720/bullet_0.gif);
margin-left:20px;
padding-left:0px;
}

/** ARCHIVES CALENDAR **/
.calendar {
margin-right:10px;
margin-bottom:10px;
}

/** PAGE GALLERY & VIDEO **/
#pagecontent .widget_gallery, #pagecontent .widget_video, .widget .widget_gallery, .widget .widget_video {
float: left;
width:196px;
background: url(http://media.onsugar.com/files/upl1/0/4/48_2008/shadowAlpha.png) no-repeat bottom right !important;
background: url(http://media.onsugar.com/files/upl1/0/4/48_2008/shadow.gif) no-repeat bottom right;
margin: 20px 10px 0px 6px;
}

#pagecontent .widget_gallery a, .widget .widget_gallery a, #pagecontent .widget_video a, .widget .widget_video a {
display: block;
position: relative;
height:175px;
margin: -6px 6px 6px -6px;
border: 1px solid #BFBFBF;
background-color: #FFFFFF;
font-weight:normal;
font-size:13px;
line-height:1.0em;
text-decoration: none;
color:#000000;
}

#pagecontent .widget_gallery a:hover, .widget .widget_gallery a:hover, #pagecontent .widget_video a:hover, .widget .widget_video a:hover {
background-color: #646464;
color:#FFFFFF;
}

.widget_gallery .thumb, .widget_video .thumb{
margin:10px auto 0px;
border:0px;
width:160px;
height:120px;
}

.widget_video .thumb img{
width:160px;
height:90px;
}

.widget_gallery .title, .widget_video .title {
height:30px;
margin-top:7px;
padding:0 10px;
text-align:bottom;
font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight:300;
}

/** GALLERY THUMBS **/
.gallery_table, #slideshow {
margin:0px;
}

.gallery_table_cell, .screenshot {
float:left;
width:212px;
height:180px;
margin:6px 0px 0px 0px;
border:0px solid red;
text-align:center;
}

.gallery_table_cell a, .screenshot a {
float:left;
background: url(http://media.onsugar.com/files/upl1/0/4/48_2008/shadowAlpha.png) no-repeat bottom right !important;
background: url(http://media.onsugar.com/files/upl1/0/4/48_2008/shadow.gif) no-repeat bottom right;
margin: 0px 0px 0px 6px !important;
margin: 0px 0px 0px 0px;
}
        
.gallery_table_cell img, .screenshot img {
display: block;
position: relative;
background-color: #FFFFFF;
border: 1px solid #BFBFBF;
margin: -6px 6px 6px -6px;
padding: 4px;
}

.gallery_table_cell img:hover, .screenshot img:hover {
display: block;
position: relative;
background-color: #646464;
border: 1px solid #BFBFBF;
margin: -6px 6px 6px -6px;
padding: 4px;
}

/** GALLERY PAGE **/
.gallery_nav_number {
margin-left:0px;
}

.post_content a {
text-align:center;
}

/** SLIDESHOW NAV **/
.gallery_nav {
padding-right:76px;
}

.gallery_nav_prev_next a {
border:1px solid #990000;
background-color:#990000;
color:#FFFFFF;
font-weight:normal;
line-height:20px;
}

.gallery_nav_prev_next a:hover {
border:1px solid #990000;
color:#990000;
background-color:#FFFFFF;
}

.gallery_nav_previous a {
padding:0px 5px;
}

.gallery_nav_next a {
padding:0px 16px;
}

/** SLIDESHOW SLIDE **/
.gallery_slide {
margin:16px 0px 0px 0px;
text-align:center;
}

.gallery_slide a {
float:left;
background: url(http://media.onsugar.com/files/upl1/0/4/48_2008/shadowAlpha.png) no-repeat bottom right !important;
background: url(http://media.onsugar.com/files/upl1/0/4/48_2008/shadow.gif) no-repeat bottom right;
margin: 0px 0px 0px 6px !important;
margin: 0px 0px 0px 0px;
}
        
.gallery_slide .preview {
display: block;
position: relative;
background-color: #FFFFFF;
border: 1px solid #BFBFBF;
margin: -6px 6px 6px -6px;
padding: 10px;
}

.gallery_slide .preview:hover {
display: block;
position: relative;
background-color: #646464;
border: 1px solid #BFBFBF;
margin: -6px 6px 6px -6px;
padding: 10px;
}

.photo_description {
float: left;
width: 575px;
}

/** PAGER **/
#pager a:hover, .post_navigation a:hover {
border:1px solid #990000;
}

#pager a,
#pager span,
#pager .pager-current{
    padding: 10px 10px;
}

/** OTHER **/
.clear_all {
clear:both;
height:0px;
}

/** SHARING **/
.fblike {
float:left;
padding-top:5px;
width:400px;
height:60px;
overflow:hidden;
}

.post-share-container {
float:right;
width:240px;
height:60px;
}

/** POLL **/
.poll .form-item {
display:block;
margin: 15px 0px;
}