/* 
- common.css shares css with onSugar
- all.css sets up a simple layout
- both are removeable
*/

@import url('/themes/c6/themes.css?_v=174');
@import url('/themes/c6/common.css?_v=174');

body { 
  background: #fff;
  color: #333; 
  font: 62.5% Georgia, "Times New Roman", Times, serif; 
  text-align: center; 
}

* { 
  padding: 0; 
  margin: 0; 
}

li { 
  display:list-item; 
}

#page {
  width:830px;
  margin:15px auto;
}


/**** Navigation ****/

#navigation ul{
  background:transparent url(http://media.onsugar.com/files/upl1/0/2/24_2008/fab_0.gif) repeat-x scroll 0% 0%;
  border-bottom:2px solid #333;
  clear:both;
  float:left;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  padding:0pt 10px;
  width:810px;
}

#navigation li{
  float:left;
  font-family:Helvetica,Arial,sans-serif;
  font-size:1.4em;
  font-size-adjust:none;
  font-stretch:normal;
  font-style:normal;
  font-variant:normal;
  font-weight:bold;
  line-height:normal;
  padding:12px 30px 10px 0pt;
  text-transform:uppercase;
}


#navigation ul li a, 
#navigation ul li a:visited, 
#navigation ul li a:hover {
  color:#2d94c4 !important;
  text-decoration:none;
}


/**** Content ****/

#content{
  width:566px;
  float:left;
  overflow:hidden;
}

#side{
  width:230px;
  float:right;
  overflow:hidden;
  margin-left:10px;
}

#main{
  clear:both;
  text-align:left;
  width:830px;
  margin:0px auto;
}

.date {
  background:transparent url(http://media.onsugar.com/files/upl1/0/2/24_2008/fab_1.gif) no-repeat scroll 0pt 100%;
  margin:0pt 0pt 15px;
  padding:0pt 0pt 12px;
  color:#888888;
  font-family:Georgia,"Times New Roman",Times,serif;
  font-size:1.2em;
  font-size-adjust:none;
  font-stretch:normal;
  font-style:italic;
  font-variant:normal;
  font-weight:normal;
  line-height:normal;
}

.meta {
  background:transparent url(http://media.onsugar.com/files/upl1/0/2/24_2008/fab_1.gif) no-repeat scroll 0pt 0pt;
  margin:15pt 0pt 1px;
  padding:5pt 0pt 5px;
  color:#888888;
  font-family:Georgia,"Times New Roman",Times,serif;
  font-size:1.2em;
  font-size-adjust:none;
  font-stretch:normal;
  font-style:italic;
  font-variant:normal;
  font-weight:normal;
  line-height:normal;
}

h1{
  font-family:Helvetica,Arial,sans-serif;
  font-size:3.6em;
  font-size-adjust:none;
  font-stretch:normal;
  font-style:normal;
  font-variant:normal;
  font-weight:bold;
  letter-spacing:-0.03em;
  line-height:normal;
  border-top:1px solid #CCCCCC;
  clear:both;
  padding:15px 0pt;
  text-align:center;
}

h1 a {
  color:#000;
  text-decoration:none;
}

#header h2 {
  color:#888888;
  font-size:1.8em;
  font-weight:normal;
  margin:0pt 0pt 0.75em;
  text-align:center;
  text-transform:none;
}

h1, 
h2, 
h3, 
h4 {
  font-family:Helvetica,Arial,sans-serif;
  color:#000;
}

#header_img{
  border-bottom:1px solid #000000;
  clear:both;
  float:left;
  margin:0pt 0pt 3em;
  position:relative;
}


/**** Posts ****/

.post h2 {
  line-height:1.2em;
  margin:0pt 0pt 0.1em;
}

h2 {
  font-size:2em;
}

a{
  color:#0099CC;
  text-decoration:none !important;
}

a:hover{
  text-decoration:underline !important;
}


a.visited{
  text-decoration:underline;
}

h2 a {
  color:#000000;
  text-decoration:none;
}

.post{
  margin-bottom:5em;
}

.post_content  {
  font-size:1.4em;
  line-height:1.65em;
}

.post h3.link_content a {
font-style: italic;
font-family: Georgia, serif;
padding-bottom:5px;
}


/**** Widgets ****/

.widget h4{
  background:transparent url(http://media.onsugar.com/files/upl1/0/2/24_2008/fab_0.gif) repeat-x scroll 0pt 100%;
  border-top:2px solid #333;
  font-size:1.077em;
  font-weight:bold;
  letter-spacing:normal;
  margin:0pt 0pt 0.8em;
  padding:0.4em 2px;
  text-transform:uppercase;
}

.widget{
  margin-bottom:2.5em;
  font-size:1.3em;
  line-height:1.4em;
}

.widget ul {
  list-style-image:none;
  list-style-position:inside !important; 
  list-style-type:square !important;
  margin:0pt 0pt 0.5em 0;
}

.widget .widget_content ul li {
  margin:0pt 0pt 0.7em;
  list-style-position:inside !important; 
  list-style-type:square !important;
  padding-left:3px;
}

.meta a:hover {
  background:#333333 none repeat scroll 0%;
  color:#FFFFFF;
  text-decoration:none;
}

.meta a {
  color:#333;
  padding:0.25em;
  text-decoration:none;
}

.widget_search {
 margin-bottom: 10px;
}

.search-form .button {
float:right;
margin-right:5px;
padding-left:5px;
}

.search-form .form-item input {
float:left;
font-size:12px;
margin-bottom:5px;
width:215px;
}


.widget_video_title{
  padding-top: 5px;
  padding-bottom: 10px;
}

.widget_latest_videos{
  text-align: center;
}s

.widget_flickr{
  text-align: center;
}

.widget h4{
  text-align: left;
}


/**** Pager Widget ****/

#pager { 
  margin: 20px 0px 20px 0px; 
  font-size:12px;
  font-family:helvetica,arial,sans-serif;
  padding: 10px 0px;
  text-align: center;
}

#pager .pager-current {
	border: 1px solid #cecece;
	padding: 5px 6px;
	margin: 0px 3px;
	background: #eee;
}

#pager a {
	line-height: 24px;
	border: 1px solid #cecece;
	padding: 5px 6px;
	margin: 0px 3px;
}

#pager a:hover { 
  border: 1px solid #e80c7a; 
}

#footer {
  border-top:1px solid #CCCCCC;
  clear:both;
  float:left;
  padding:1.2em 0pt 0pt;
  width:830px;
  margin-bottom:30px;
  font-family:Helvetica,Arial,sans-serif;
  font-size:1.2em;
  font-size-adjust:none;
  font-style:normal;
  font-variant:normal;
  font-weight:bold;
  line-height:1.4em;
  text-transform:uppercase;
}

img{
  border:0px;
}

.meta2 {
  padding:5px 0pt 5px;
  color:#888888;
  font-family:Georgia,"Times New Roman",Times,serif;
  font-size:1.2em;
  font-size-adjust:none;
  font-stretch:normal;
  font-style:italic;
  font-variant:normal;
  font-weight:normal;
  line-height:normal;
}

.meta2 a{
  padding-right: 10px;
}


/**** Forms, Polls, and Quizzes ****/

.form-item label { 
  color:#888888; 
  padding-top:0px;
}  

.quiz .form-item label {
  margin-top:12px;
  color: #333;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: normal; 
  font-size: 14.5px;
  line-height:18px;
}

.quiz .quiz_info {
background: #eee;
clear:both;
color: #333;
padding: 5px;
}

.take_the_quiz {
  display:block;
  font-weight:bold;
  margin:15px 0;
  font-size:1.3em;
}

.poll .bar .foreground {
	background-color: #666;
	clear: left;
	float: left;
	height: 1em;
}

.poll .vote-form .form-item label {
 color: #333; 
 font-family: Georgia, "Times New Roman", Times, serif;
 font-weight: normal; 
 font-size: 14.5px;
}

.comment_info {
   line-height:14px;
   padding-top: 5px;
}

.comment {
margin-bottom: 10px;
}

.post p span {
  line-height:1.65em !important;
}

span.button input {
  margin:0;
  padding:0;
  background:transparent;
  border:0;
  cursor:pointer;
}

/**** Chats ****/
.chat .post_content ul {
   list-style-image:none;
   list-style-position:outside;
   margin-top: 15px;
}

.chat .post_content ul li .label{
   font-weight: bold;
   padding-right: 5px;
}


.chat .post_content ul li {
   padding: 3px 0px 3px 10px;
}


.chat .post_content ul li.odd {
   background: #eee !important;
}

.chat .post_content ul li.even {
   border-bottom: 0px;
}

/**** Misc. ****/
.mp3 .post_content .caption {
   padding-top: 8px;
}


#content .widget_gallery, #content .widget_video {
  text-align:left;
  height:130px;
}

.widget_gallery .title, .widget_video .title {
  margin-top:.3em;
  font-size:10px;
  letter-spacing:-0.02em;
}

.widget_gallery a:hover .title, .widget_video a:hover .title{
    text-decoration:underline;
}

.widget_gallery .thumb, .widget_video .thumb {
border:1px solid #999;
text-align: center;
display: table-cell;
}

.widget .widget_gallery, .widget .widget_video {common.css?_v=12 (line 472)
text-align:center;
width:100%;
}

.widget_gallery, .widget_video {
width:110px;
}

.widget_gallery a:hover .thumb, .widget_video a:hover .thumb{
border:1px solid #E10370;
}

.widget_archive .widget .widget_content{
text-align: center;
}

.widget_archive .widget .widget_content .calendar {
float:none;
}

.quote .source {
  line-height:15px;
  margin-left:20px;
  margin-right:20px;
  margin-top:5px;
}

/**** Footer ****/
#onsugar_footer {
   text-align:left;
   margin-bottom:10px;
}

/**** About Me Widget ****/

#profile_pic_image {
float: right;
margin-right: 2px;
}


#profile_pic_image img{
width:70px;
padding-left: 10px;
padding-top: 2px;
}

#profile_name, #profile_name a {
margin-left: 3px;
font-weight: bold;
margin-bottom: 5px;
font-size: 15px;
}

#member_for, #last_online{
line-height: 1.1em;
font-size: 10px;
color:#666;
}


.fancybutton {
   left: 0px;
}