/* Basic Styles */
body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	background-color: #666666;
	background: url(../images/site/bg-wood-004.jpg);
}

a {
	color: #0099FF;
}
p {
	padding-right: 5px;
	padding-left: 5px;
}
h1, h2, h3, h4, h5, h6 {
	padding-right: 5px;
	padding-left: 5px;
	line-height: 1em;
}
p img {
	margin: 0px;
	padding: 0px;
	float: none;
}
p img.imgleft {
	float:left;
	padding:0;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0;
	}
p img.imgright {
	float:right;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding:0;
	}
hr {
	border: thick none #CCCCCC;
	margin-bottom: 2.5em;
	height: 2px;
}
.title-page {
	text-transform: uppercase;
	color: #FF0000;
}

.col-main {
	float: left;
	width: 580px;
	margin-right: 20px;
}
.col-side {
	float: right;
	width: 300px;
}
.col-side .box1 {
	margin-bottom: 2em;
	background-color: #f1f1f1;
	float: left;
	width: 300px;
	background-image: url(../images/site/box-300-lightgrey-top.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.col-side .box1 .box-inner{
	float: left;
	width: 260px;
	margin: 0px;
	background-image: url(../images/site/box-300-lightgrey-bot.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
}
.col-side .box2 {
	float: left;
	margin-bottom: 2em;
	width: 300px;
}
.col-side .box2 .box-inner{
}
.col-side .box-ad {
	float: left;
	margin-bottom: 2em;
	width: 270px;
	padding-right: 10px;
	padding-left: 20px;
}
.col-side .box-ad img{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.col-side .box-options {
	margin-bottom: 2em;
	background-color: #FFFFFF;
	float: left;
	width: 300px;
	background-image: url(../images/site/sidebar-optionsbox.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.col-side .box-options .box-inner{
	float: left;
	width: 260px;
	margin: 0px;
	background-image: url(../images/site/sidebar-optionsbox-top.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
}
/* Container */ 
#container {
	background-image: url(../images/site/header-bg.png);
	background-repeat: repeat-x;
	background-position: top;
	float: left;
	width: 100%;
}
/* Content */

/* Footer */
#footer {
	margin: 0px;
	padding: 0px;
	clear: both;
	float: left;
	width: 100%;
	color: #FFFFFF;
	background-image: url(../images/site/shawdow-mid.png);
	background-repeat: repeat-y;
	background-position: center;
}
#footer .inner {
	padding: 20px;
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	background-color: #202020;
}
#footer a {
	color: #FFFFFF;
}
#footer #copyright {
	text-align: center;
}
#nav-footer ul {
	text-align: center;
}
#nav-footer ul li {
	display: inline;
	padding-right: 1em;
	padding-left: 1em;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;
}
#nav-footer ul li.last {
	border-right-style: none;
}
#nav-footer a {
	text-decoration: none;
}
#nav-footer a:hover {
	text-decoration: underline;
}

/* Blog Page */
.post {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #EAEAEA;
	margin-bottom: 1.5em;
	width: 580px;
	float: left;
}
.post-body {
	width: 460px;
	float: left;
}
.post-author {
	width: 100px;
	margin-right: 20px;
	float: left;
	padding-bottom: 1.5em;
}
.post-author img {
	background-color:#D2D2D2;
	border:4px solid #EAEAEA;
	padding:1px;
	float: left;
}
.post-info {
	color: #666666;
}
.post-more {
	font-style: italic;
}
.post-title {
	margin-bottom: 0px;
}
.post-title a {
	text-decoration: none;
}
.post-date {
	color: #666666;
	font-style: italic;
}
div.right {
	float:right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 20px;
	padding:0;
	}
div.left {
	float:left;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding:0;
	}
div.centre {
	clear: both;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	padding:0;
	}

/* Icons */
.icon-address, .icon-email, .icon-phone, .icon-age, .icon-file, .icon-username, .icon-comment, .icon-comments, .icon-disk, .icon-map, .icon-bullet_go, .icon-page_edit, .icon-image, .icon-music, .icon-writing, .icon-film, .icon-star  {
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left: 30px;
	padding-top: 1px; /* expands the visible line height so background shows */
	padding-bottom: 1px;
}
.icon-image {
	background-image: url(../images/site/icons/famfamfam/picture.png);
}
.icon-music {
	background-image: url(../images/site/icons/famfamfam/music.png);
}
.icon-writing {
	background-image: url(../images/site/icons/famfamfam/page_white_edit.png);
}
.icon-film {
	background-image: url(../images/site/icons/fugue/film.png);
}
.icon-page_edit {
	background-image: url(../images/site/icons/famfamfam/page_edit.png);
}
.icon-address {
	background-image: url(../images/site/icons/famfamfam/building.png);
}
.icon-phone {
	background-image: url(../images/site/icons/famfamfam/phone.png);
}
.icon-email {
	background-image: url(../images/site/icons/famfamfam/email.png);
}
.icon-age {
	background-image: url(../images/site/icons/famfamfam/cake.png);
}
.icon-file {
	background-image: url(../images/site/icons/famfamfam/attach.png);
}
.icon-disk {
	background-image: url(../images/site/icons/famfamfam/disk.png);
}
.icon-username {
	background-image: url(../images/site/icons/famfamfam/user.png);
}
.icon-comment {
	background-image: url(../images/site/icons/famfamfam/comment.png);
}
.icon-comments {
	background-image: url(../images/site/icons/famfamfam/comments.png);
}
.icon-map {
	background-image: url(../images/site/icons/famfamfam/map.png);
}
.icon-bullet_go {
	background-image: url(../images/site/icons/famfamfam/bullet_go.png);
}
.icon-star {
	background-image: url(../images/site/icons/famfamfam/star.png);
}
/* Home Page */
.home-newuser {
	background-color: #EAEAEA;
	margin-bottom: 1.5em;
	text-align: center;
	overflow: hidden;
}
#home-newusers p {
	margin: 0px;
	padding: 0px;
}
#home-promotebox {
	margin-bottom: 2em;
}

/* Magazine Page */
#magazine-list .issue-feature, #magazine-list .issue {
	float: left;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #eaeaea;
	margin-bottom: 2em;
	width: 580px;
}
#magazine-list .issue-feature p {
	margin-left: 200px;
}
#magazine-list .issue-feature h3{
	margin-left: 200px;
}
#magazine-list .issue p {
	margin-left: 160px;
}
#magazine-list .issue h3{
	margin-left: 160px;
}
#magazine-list img {
	float:left;
	border: 4px solid #eaeaea;
	padding: 1px;
	background-color: #d2d2d2;
	margin-bottom: 1.5em;
}
#magazine-list p.current {
	margin-bottom: 0px;
	text-transform: uppercase;
	color: #FF0000;
}
#magazine-list p.issue-date {
	color:#666666;
	font-style: italic;
}

/* Comments */
.comment-avatar {
	float: left;
	width: 80px;
	margin-right: 20px;
	padding-bottom: 1.5em;
}
.comment-avatar img {
	border: 4px solid #EAEAEA;
	background-color: #FFFFFF;
	padding: 1px;
}

#comments {
	float: left;
	width: 580px;
	margin-bottom: 1.5em;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #EAEAEA;
}
.comment-body {
	float: left;
	width: 440px;
}
.comment-author {
	float: left;
	width: 440px;
}
.comment-author a {
	text-decoration: none;
}

.comment-author p {
	background-color: #EAEAEA;
}

.comment-permalink {
	float: right;
}
.comment-permalink a {
	display: block;
	text-decoration: none;
	padding-right: 20px;
	background-image: url(../images/site/icons/famfamfam/link.png);
	background-repeat: no-repeat;
	background-position: right center;
}

.comment {
	width: 540px;
	padding-right: 19px;
	padding-bottom: 0px;
	padding-left: 19px;
	margin-bottom: 1.5em;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	float: left;
	clear: left;
}


#comment-form {
	float: left;
	width: 580px;
	margin-bottom: 1.5em;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #EAEAEA;
	clear: left;
}
.form-row-block label {
	display: block;
	line-height: 1.5em;
}
.form-submit {
	margin-top: 1.5em;

}
#box-newsletter input.text {
	width: 240px;
	margin-bottom: 0;
}
#box-newsletter label {
	font-weight: bold;
}
#box-magazine img {
	float: left;
	border: 1px solid #D2D2D2;
	margin-bottom: 20px;
}
#box-magazine  h3 {
	margin-left: 140px;
}
#box-magazine h3 a {
	text-decoration: none;
}

#box-magazine  p {
	margin-left: 140px;
}
.pagination-links {

}
.profile-summary {
	margin-bottom: 1.5em;
	float: left;
	width: 580px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #eaeaea;
}
.profile-summary img.avatar {
	float:left;
	border: 4px solid #eaeaea;
	padding: 1px;
	background-color: #d2d2d2;
	margin-bottom: 1.5em;
}
/* User Profiles */
.userprofile {
	float: left;
}
.userprofile .userprofile-details {
	margin-left: 195px;
}
.userprofile .userprofile-details-left {
	float: left;
	width: 215px;
	margin-right: 20px;
	overflow: hidden;
}
.userprofile .userprofile-details .userprofile-details-box {
	border: 1px solid #CCCCCC;
	width: 370px;
	float: left;
	font-size: .8em;
	margin-bottom: 1.5em;
	padding-top: 4px;
	padding-right: 4px;
	padding-left: 4px;
}
.userprofile .userprofile-details .userprofile-details-box p{
	margin-bottom: 1em;
}
.userprofile .userprofile-details-right {
	float: left;
	width: 135px;
}

.userprofile .userprofile-summary {
	float: left;
	width: 180px;
}
.userprofile .userprofile-summary .userprofile-avatar {
	border: 4px solid #eaeaea;
	padding: 1px;
	background-color: #d2d2d2;
	margin-bottom: 1.5em;
}
/* my media*/
.mymedia {
	float: left;
	margin-bottom: 1.5em;
	width: 580px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #EAEAEA;
}
.mymedia .mymedia-details {
	margin-left: 145px;
}
.mymedia .mymedia-details-left {
	float: left;
	width: 200px;
	margin-right: 20px;
	overflow: hidden;
}
.mymedia .mymedia-details .mymedia-details-box {
	border: 1px solid #CCCCCC;
	width: 420px;
	float: left;
	font-size: .8em;
	margin-bottom: 1.5em;
	padding-top: 4px;
	padding-right: 4px;
	padding-left: 4px;
}
.mymedia .mymedia-details .mymedia-details-box p{
	margin-bottom: 1em;
}
.mymedia .mymedia-details-right {
	float: left;
	width: 200px;
}

.mymedia .mymedia-summary {
	float: left;
	width: 130px;
}
.mymedia .mymedia-summary .mymedia-avatar {
	border: 4px solid #eaeaea;
	padding: 1px;
	background-color: #d2d2d2;
	margin-bottom: 1.5em;
}
/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}
.col-side .box-options .box-inner ul {
	list-style-type: none;
	margin-left: 0px;
	padding: 0px;
}
.col-side .box-options .box-inner li {
}
.col-side .box-options .box-inner ul li a {
	width: 250px;
	display: block;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding: 5px;
}
.thumb-box, .profile-box {
	float: left;
	width: 580px;
	margin-bottom: 2em;
}
.profile-box {
	width: 600px;
	margin-right: -20px;
}
.profile-box h3{
	margin-right: 20px;
}
.profile-thumb img {
	padding: 1px;
	border: 4px solid #EAEAEA;
	background-color: #D2D2D2;
}

.media-thumb-img {
	height: 98px;
	width: 120px;
	padding: 1px;
	border: 4px solid #EAEAEA;
	background-color: #CCCCCC;
	position: relative;
}
.media-thumb-img.hover {
	cursor: pointer;
}
.sc-writing div.media-thumb-img {

	text-align: justify;
	overflow: hidden;
	font-size: 10px;
	background-color: #CCCCCC;
	border: 4px solid #EAEAEA;
	padding: 1px;
	line-height: 1.4em;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0px;
	font-style: italic;
	z-index: 1;
}
.media-thumb-type {
	font-size: 10px;
	width: 107px;
	line-height: 20px;
	text-align: left;
	float: left;
	position: absolute;
	left: 1px;
	margin: 0px;
	color: #FFFFFF;
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	bottom: 1px;
}
.media-thumb .hover a {
	color: #000000;
}
.media-thumb .media-thumb-type span {
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: left center;
	float: left;
	text-indent: -9999px;
}
.media-thumb .hover .media-thumb-type span {
	text-indent: 0px;
}
.media-thumb .hover .media-thumb-type {
	background-image: url(../images/site/thumb-trans-black.png);
	cursor: pointer;
}

.sc-film .media-thumb-type span{
	background-image: url(../images/site/icons/fugue/film.png);
}
.sc-audio .media-thumb-type span{
	background-image: url(../images/site/icons/famfamfam/music.png);
}
.sc-writing .media-thumb-type span{
	background-image: url(../images/site/icons/famfamfam/page_white_edit.png);
}
.sc-images .media-thumb-type span{

	background-image: url(../images/site/icons/famfamfam/picture.png);
}
.media-thumb a.writing-thumb {
	display: block;
	color: #666666;
	background-color: #FFFFFF;
	height: 93px;
	width: 110px;
	overflow: hidden;
	border-top-width: 5px;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
.sc-writing .writing-thumb-fade {
	display: block;
	height: 40px;
	width: 120px;
	position: absolute;
	left: 1px;
	bottom: 1px;
	background-image: url(../images/site/writing-thumb-fade.png);
	background-repeat: repeat-x;
}
.media-thumb .hover .writing-thumb-fade {
	cursor: pointer;
}

/*.writing-thumb .writing-thumb-fade img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 0px;
	background-color: transparent;
}*/
.profile-thumb {
	text-align: center;
	width: 100px;
	overflow: hidden;
	float: left;
	margin-right: 20px;
	height: 137px;
	margin-bottom: 1em;
}
.media-thumb {
	text-align: center;
	width: 130px;
	overflow: hidden;
	float: left;
	margin-right: 20px;
	height: 145px;
	margin-bottom: 1em;
}
.media-thumb last, .profile-thumb last{
	margin-right: 0px;
}
.media-thumb a, .profile-thumb a {
	text-decoration: none;
}


.thumb-box h3, .profile-box h3{
	padding-top: 5px;
	background-color: #F1F1F1;
	padding-bottom: 5px;
	display: block;
}
.thumb-box div.heading {
	background-color: #F1F1F1;
	display: block;
	float: left;
	margin-bottom: 1.5em;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	width: 575px;
}
.thumb-box div.heading h3 {
	padding-top: 0px;
	margin-bottom: 0;
	background-color: transparent;
	padding-bottom: 0px;
	display: inline;
	float: left;
}
.thumb-box div.heading span {
	float: right;
}

.paginate, .viewall {
	clear: both;
}
#showcase-login {
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0em;
	margin-left: 0px;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 1.5em;
	padding-left: 0px;
}
#showcase-login li {
	float: left;
	width: 140px;
	margin-right: 20px;
}
#showcase-login li.last {
	margin-right: 0px;
}
div.other-work {
	margin-right: -10px;
	margin-left: -10px;
	float: left;
}
.media-thumb a.icon-next {
	background-image: url(../images/site/icons/fugue/arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 20px;
}
.media-thumb a.icon-prev {
	background-image: url(../images/site/icons/fugue/arrow_180.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}
/*
Community Blogs
*/
.sc-blog-list {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.sc-blog-list li.last {
	margin-right: 0px;	
}

.sc-blog-list li {
	float: left;
	margin-bottom: 1.5em;
	width: 240px;
	border: 1px solid #999;
	height: 80px;
	overflow: hidden;
	padding: 19px;
	margin-right: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.sc-blog-img {
	float: left;
	height: 80px;
	width: 80px;	
}

.sc-blog-body {
	float: left;
	width: 140px;
	margin-left: 20px;
}

.sc-blog-body span{
	
}
/* ================================================================ 
DROP DOWN MENU
=================================================================== */
/* common styling */

#nav-main ul .dropdown {
  position:absolute;
  font-size: 0.875em;
  margin:0;
  margin-left:-1px;
  padding:0;
  width: 160px;
  display:none;
  z-index:50;
  background:#FFF;
  border-right-style:none;
}

#nav-main ul li .dropdown li {
  float:none;
}

#nav-main ul li .dropdown li a {
  background-color:#333;
  color:#FFFFFF;
}

#nav-main ul li:hover .dropdown {
  display:block;
}