@charset "utf-8";
/* CSS Document */

*{
margin:0px;
padding:0px;
border:none;
text-decoration:none;
clear:none;
}

ul#menu-left {
	position:relative;
}
ul#menu-left li {
	position:relative;
}
#header_nav {
	position:relative;
}

#nav_new {
	background-image: url(/images/icon-new.png);
	background-repeat: no-repeat;
	display: block;
	height: 26px;
	width: 26px;
	position: absolute;
	top: -16px;
	right: 0px;
}

.spacer {
clear:both;
}


#wrapper {
	width:900px;
	margin-left:auto;
	margin-right:auto;
	position: relative;
}


#wrap-middle{

	float: right;
	width: 500px;
	
}


/* Used for all content left of sidebar */
#content {
	width: 675px;
	float:left;
	position: relative;
}


/* title info div {} has a unique border bottom, so its spread across other css sheets */

#title-info{
	margin-bottom: 25px;
	padding-bottom: 25px;

}

#title-info h1 {
	float: left;
	width: 40%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	line-height:1em;
	font-weight: bold;
	color: #000000;
}
#title-info h2{
	float: right;
	width: 60%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	font-weight:normal;
	color: #999999;
}

#article-sidebar {
	float: left;
	width: 150px;
	margin-right: 25px;
}

/* to hold article content */
#entry {

}

#entry p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
	line-height: 1.7em;
	margin-right:50px;
	margin-bottom: 20px;
}

#entry p a {
	text-decoration:none;
	color: #21b3db;
	font-weight: bold;
}

#entry p a:hover {
	text-decoration:none;
	color: #FFFFFF;
	background-color: #21b3db;
}


#entry h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	color: #21b3db;
	margin-right:50px;
	margin-bottom: 20px;
}

#sidebar {
	float: right;
	width: 200px;
	margin-left: 25px;
}
#sidebar p {
	font-family: Helvetica, "Helvetica LT Std", Arial, sans-serif;
	font-size: 0.7em;
	color: #999;
	
}


.img_header{
	width:200px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #409fd0;
	padding-top: 3px;
	margin-top: 3px;	
	margin-bottom:15px;
}

ul.sidepostings + .img_header{

	margin-top: 50px;
}

ul.sidepostings {
	list-style-type: none;
}

ul.sidepostings li {

	margin-bottom: 10px;
	line-height:0.7em;
}

ul.sidepostings li:hover h5 {
	text-decoration: none;
	background-color: #dadada;
}
ul.sidepostings li:hover h5 a {

}

ul.sidepostings li:hover p {
	color: #808080;
	text-decoration: none;
	background-color: #e6e6e6;
}

ul.sidepostings h5{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dadada;
	padding-bottom: 4px;
	padding-top: 4px;
}
ul.sidepostings h5 a{
	color: #000000;
	text-decoration: none;
}


ul.sidepostings p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	color: #808080;
	text-decoration: none;
	line-height: 1.2em;
	padding-top: 4px;
}
ul.sidepostings p a{
	color: #808080;
	text-decoration: none;
}

ul.sidepostings p a:hover{

	border-bottom-color: #cee9ef;
}


ul.sidecomment {
	list-style-type: none;
}

ul.sidecomment li {
	margin-bottom: 20px;
}

ul.sidecomment p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	color: #808080;
	margin-bottom: 5px;
}

ul.sidecomment p a {
	font-weight: bold;
	color: #21b3db;
	text-decoration:none;
}

ul.sidecomment p a:hover {
	color:#FFFFFF;
	text-decoration: none;
	background-color: #21b3db;
}


ul.sidecomment h6{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
ul.sidecomment h6+h6{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
ul.sidecomment h6 a{
	color:#21b3db;
	text-decoration: none;
}

ul.sidecomment h6 a:hover{
	color:#FFFFFF;
	text-decoration: none;
	background-color: #21b3db;
}



#comment{}

#comment-submit{}

.per-comment{
	clear:both;
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}

.comment-left{
	float: left;
	width: 25%;
}

.comment-left p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000000;
}
.comment-left p+p{
	color: #666666;
}
.comment-left p+p+p{
	color: #999999;
}

.comment-left p a{
	color: #000000;
	font-style: italic;	
	text-decoration:none;
}

.comment-left p a:hover{
	color: #FFFFFF;
	text-decoration:none;
	background-color: #000000;
}


.comment-right{
	float: right;
	width: 75%;
}

.comment-right p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
	line-height: 1.4em;
	margin-right:20px;
	margin-bottom: 20px;
}

#comment-submit input {
	color: #FFFFFF;
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	text-transform: lowercase;
	padding: 10px;
}
#comment-submit input:hover {
	color: #FFFFFF;
	background-color: #666666;
	cursor: pointer;
}

#comment-submit textarea {
	border: 1px solid #666666;
	width:100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #000000;
}

#paginate {
	margin-top: 15px;
}
#paginate-left a {
	background-image: url(/images/site/arrow-left.gif);
	background-repeat: no-repeat;
	float:left;
	display: block;
	height: 42px;
	width: 42px;
}

#paginate-left a:hover {
	background-image: url(/images/site/arrow-left-roll.gif);
	background-repeat: no-repeat;
}

#paginate-right a {
	background-image: url(/images/site/arrow-right.gif);
	background-repeat: no-repeat;
	float: right;
	display: block;
	height: 42px;
	width: 42px;	
}

#paginate-right a:hover {
	background-image: url(/images/site/arrow-right-roll.gif);
	background-repeat: no-repeat;
}


#featured {
	float: left;
	position: relative;
}

#featured ul {
	list-style-type: none;
	position: relative;
	float:left;
	margin-top: 25px;
	margin-right: 15px;
	padding-right: 15px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #999999;
	display: block;
	height: 100px;
}

#featured li {
	float: left;
	position:relative;
}

#featured li+li {
	display:none;
	position: absolute;
	left: 0px;
	bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #000000;
	width: 100px;
}

#featured ul:hover li+li {
display:block;
}

#loginregister {}
#loginregister p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
}
#loginregister p a:link {
	font-weight: bold;
	color: #21b3db;
	text-decoration:none;
}
#loginregister p a:visited {
	font-weight: bold;
	color: #21b3db;
	text-decoration:none;}
#loginregister p a:hover {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration:none;
	background-color: #21b3db;
}
#loginregister p a:active {
	font-weight: bold;
	color: #21b3db;
	text-decoration:none;}
	

#comm-num h5{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	text-transform: uppercase;
	color: #000000;
}
#comm-num h6{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	text-transform: lowercase;
	color: #000000;
	line-height: 0.7em;
}
#comm-num h6 a:link{
	text-decoration:none;
	color: #000000;
}
#comm-num h6 a:visited{
	text-decoration:none;
	color: #000000;
}
#comm-num h6 a:hover{
	text-decoration:none;
	color: #FFFFFF;
	background-color: #000000;
}
#comm-num h6 a:active{
	text-decoration:none;
	color: #000000;
}

/* Sidebar for individual articles - paragraph styling
Headers have unique border colors so are on color sheets */
#article-sidebar p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000000;
	margin-bottom: 5px;
}
#article-sidebar p a:link{
	color: #000000;
	text-decoration:none;
}
#article-sidebar p a:visited{
	color: #000000;
	text-decoration:none;
}
#article-sidebar p a:hover{
	color: #FFFFFF;
	text-decoration:none;
	background-color: #000000;
}
#article-sidebar p a:active{
	color: #000000;
	text-decoration:none;
}

#article_headline_image {
	width:675px;
	height:300px;
	position:relative;
	padding-bottom:20px;	
}

.image_blank img {
	width:100%;
	height:100%;
	position: absolute;
	left: 0px;
	top: 0px;
}

#user_form input {
	border: 1px solid #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #000000;
	background-color: #FFFFFF;
}


#user_form textarea {
	border: 1px solid #666666;
	width:100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	color: #000000;
	background-color: #FFFFFF;
}



#headlines {
	width: 675px;
	height: 300px;
	padding: 0px;
	margin:  0px;
	position: relative;
} 

.headline_container {
	position:absolute;
	top:0px;
	left:0px;
}

.headline_image {
    width: 675px;
    height: 300px;
    top:  0px;
    left: 0px;
}

#latest_news{
	margin: 0px;
	padding: 0px;
	height: 75px;
	width: 75px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 25;
}

.headline_info {
	width: 100%;
	position: absolute;
	bottom: 20px;
	background-image: url(/images/bg-black.png);
	background-repeat: repeat;	
}

.headline_info h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	font-weight: normal;
	color: #21b3db;
	padding-top: 5px;
	padding-right: 20px;
	padding-left: 20px;	
}
.headline_info a h2{
	color: #21b3db;
	text-decoration:none;
}

.headline_info a:hover h2{
	color: #FFFFFF;
	text-decoration:none;
}

.headline_info p{
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 0.8em;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}




.featured_image {

}

li.nolink {
	display:block;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 7px;
	padding-bottom:10px;
}

#pagernav{}

#nav { width: 300px; margin: 15px }
#nav li { width: 50px; float: left; margin: 8px; list-style: none }
#nav a { width: 50px; padding: 3px; display: block; border: 1px solid #ccc; }
#nav a.activeSlide { background: #88f }
#nav a:focus { outline: none; }
#nav img { border: none; display: block }


#cse-search-box {
	padding-bottom:20px;
	height:25px;
}


#cse-search-box #q {
	width: 165px;
	float:left;
	
}
#cse-search-box #sa {
	background-color: #1aa5c6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
	height:23px;
	width:23px;
	background-image: url(/images/site/icon-search.gif);
	padding:0px;
	margin:0px;
	float:right;

}

#gallery {}

.home_section_column_left {
	float:left;
	width: 325px;
}
.home_section_column_right {
	float:right;
	width: 325px;
}


.home_section_container {
	margin-top:40px;
	border-top-width: 5px;
	border-top-style: solid;
	padding-top:5px;	
}


.homesec_seen {
	border-top-color: #3ec409;
}
.homesec_artdesign {
	border-top-color: #f34b0a;
}
.homesec_fashion {
	border-top-color: #cd1b1b;
}
.homesec_music {
	border-top-color: #812990;
}


.bg_seen {
	background-color: #3ec409;
}
.bg_artdesign {
	background-color: #f34b0a;
}
.bg_fashion {
	background-color: #cd1b1b;
}
.bg_music {
	background-color: #812990;
}




ul.home_section_article + ul.home_section_article {
	border-top-width: 1px;
	border-top-style: dotted;
}
.homesec_music > .home_section_article {
	border-top-color: #812990;
}
.homesec_artdesign > .home_section_article {
	border-top-color: #f34b0a;
}
.homesec_fashion > .home_section_article {
	border-top-color: #cd1b1b;
}
.homesec_seen > .home_section_article {
	border-top-color: #3ec409;
}



.home_section_article h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #000000;
	line-height:1em;
}
.home_section_article h2 a {
	color: #000000;
	text-decoration:none;
	display:block;
	width:100%;
	padding-bottom: 6px;
}
.home_section_article h2 a:hover {}

/* Used for different color hover formatting on home page */

ul.home_section_article:hover h2.text_seen a {
	color: #3ec409;
}
ul.home_section_article:hover h2.text_artdesign a {
	color: #f34b0a;
}
ul.home_section_article:hover h2.text_fashion a {
	color: #cd1b1b;
}
ul.home_section_article:hover h2.text_music a {
	color: #812990;
}

.home_section_article h3 {
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 0.75em;
	font-weight: normal;
	color: #999999;
}
.home_section_article h3 a {
	color: #999999;
	display:block;
	width:100%;	
}

ul.home_section_article {
	list-style-type: none;
	position:relative;
	padding-bottom:15px;
	padding-top:15px;

}
ul.home_section_article li {
	list-style-type:none;
}
ul.home_section_article li ul {
	display:none;
	width: 100%;
	padding-top: 3px;
	padding-bottom: 3px;
	position: absolute;
	bottom: 0px;
}
ul.home_section_article:hover li ul {
	display:block;
}
ul.home_section_article li ul li{}



li.home_details_author,
li.home_details_date,
li.home_details_comments {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.6em;
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
}
li.home_details_author b,
li.home_details_date b,
li.home_details_comments b{
	font-size: 1.1em;
	color: #FFF;
	text-transform: none;
	font-weight: normal;
}
li.home_details_comments a{
	color: #FFF;
	text-decoration: none;
}
li.home_details_comments a:hover{
	color: #000;
}


li.home_details_author {
	float: left;
	width: 45%;
	padding-left:2%;
}

li.home_details_date{
	float: left;
	width: 20%;
}
li.home_details_comments{
	text-align:right;
	float: right;
	width: 25%;
	padding-right:2%;
}

#latest_list {}
#latest_list ul {}
#latest_list ul li {
	float: left;
	list-style-type: none;
}

.ad {
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	margin-bottom:20px;
	width:100%;
	text-align:center;
}

.ad p {
	width:100%;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.7em;
	color: #999;
	text-align: left;
	margin-bottom: 2px;
	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}

#sidesubscribe{

}

#side_social_icons {
margin-top:15px;
}

a.socialicon_left {
	float:left;
}
a.socialicon_right {
	float:right;
}
a.socialicon_right + a.socialicon_right {
	margin-right: 5px;
	padding-right: 5px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCC;
}