<style type="text/css">
* {

}
/****link tags****/

a:link {
	color:#555;
	text-decoration:underline;
	font-weight:500;
}
a {
	font-weight: 500;
}

a:visited {
	color:#777;
}
a:hover {
	color:#777;
}

a:active {
	outline:none;
}
a:focus {
	-moz-outline-style: none;
}

body {
text-align:left;
color:#333;
font-family:verdana;
font-size:12px;
background-color:#fff;
background-repeat: no-repeat;
background-attachment:fixed;
background-position: center left;
}


#crazy{
position:absolute;
width:100%;
bottom:0px;
right:0px;
z-index:1000;
}

.crazy{
width:4%;
height:3%;
float:left;
padding:4px;
}


#enclose {
margin-left:auto;
position:relative;
background:#fff;
margin-right:auto;
text-align:left;
width:1100px;
background-image:url(thecool.png);
background-repeat: no-repeat;
background-position: top left;
}

#badck_left {
position:absolute;
z-index:-4;
width:370px;
height:590px;
background-image:url(works_left.jpg);
opacity:.5;
filter:alpha(opacity=50);
background-repeat: no-repeat;
background-position: center;
left:-370px;
top:50px;
}






/***home page***/


#nav{
margin-top:10px;
position:relative;
background:#e5e5e5;
}

.smallcontent {
float:left;margin:3px;height:100px;width:145px;
position:relative;
}
.smallcontent img {
z-index:0 ;
}
.smallcontent img {
opacity:.80;
filter:alpha(opacity=80);
}
.smallcontent img:hover {
opacity:1;
filter:alpha(opacity=100);
}
.smallcontent a, .smallcontent a:link {
color:white;
text-decoration: none;
font-size:10px;
font-weight:bold;
}
.smallcontent a:hover {
color:#ccc;
text-decoration:none;
}

.content {
position:relative;
float:left;
background:#fff;
margin:7px;
height:210px;
width:225px;
}
.content img {
z-index:0 ;
}
.content img {
opacity:.80;
filter:alpha(opacity=80);
}
.content img:hover {
opacity:1;
filter:alpha(opacity=100);
}

#adbox {
float:right;
margin:7px;
height:210px;
width:225px;
background:#fff;
}

#countdownholder{
float:left;
width: 200px;
}



#social a, #social a:link, #social a:visited {
margin-right:5px;
width:32px;
height:32px;
display: block;
text-decoration:none;
float:left;
}

#icon_rss  {

background:url(icon_feed.png);
}
#icon_twitter  {

background:url(icon_twitter.png);
}
#icon_favorite{

background:url(icon_favorite.png);
}
#icon_facebook {
background:url(icon_facebook.png);
}



#about {
 margin:10px;float:right;padding:6px;font-size:12px;width:auto;background:#f5f5f5;
color:#999;
}

#about a, #about a:link {
text-decoration:none;
color:#555;
}
#about a:hover{
text-decoration:underline;
color:black;
}

.topright {
position:absolute;
top:0px;
right:0px;
background:url(tr_white.png);
z-index:14;
width:30px;
height:30px;
}
.bottomleft {
position:absolute;
bottom:0px;
left:0px;
background:url(bl_white.png);
z-index:15;
width:30px;
height:30px;
}

.topright_small {
position:absolute;
top:0px;
right:0px;
background:url(tr_white_small.png);
z-index:15;
width:16px;
height:16px;
}
.bottomleft_small {
position:absolute;
bottom:0px;
left:0px;
background:url(bl_white_small.png);
z-index:15;
width:16px;
height:16px;
}



.infobox {
position:absolute;
top:0px;
z-index:13;
color:white;
width:auto;
padding:2px;
}

.infobox a, .infobox a:link {
color:white;
font-size:10px;
text-decoration:none;
font-weight: bold;
}
.infobox a:hover {
color:white;
text-decoration:underline;
}


.darkbox {
background:url(dark.png);
}


#logo {
position:absolute;
width:auto;
top:-5px;
left:-5px;
z-index:10;
}

#subnav{
width:700px;
float:right;
}
#subnav  li {
display:block;
float:left;
}
#subnav li a{
font-weight: bold;
color:#222;
font-size:13px;
text-decoration:none;
padding:15px;
height:30px;
line-height:30px;
display:block;
float:left;
padding:5px 9px;
/*background:url(rm.png) right top no-repeat;*/
}

#subnav li a:hover, #subnav li a:active{
color:#FFF;
}


#subnav li.home {
background:#ccc;
  }  /* category ID #7, etc */
#subnav li.current-cat {
}

#subnav li.current-cat a {
color:#fff;
}



.Design {
background:url(darkblue.png);
}

.Entertainment {
background:url(darkgreen.png);
}

.Fashion {
background:url(darkpurple.png);
}

.Gadgets {
background:url(darkorange.png);
}

.Lifestyle {
background:url(darkred.png);
}


.Photography {
background:url(darkbrown.png);
border-color:#427929;
}
.Tech {
background:url(dark.png);
}



.boxtext {
z-index:12;
position:absolute;
font-size:11px;
padding-left:10px;
bottom:0px;
color:#fff;
}



div#register_name_div, div#register_email_div, div#register_pass_div {
	position:relative;
    cursor:text;
  	margin-right:5px;
}
div#login_email_div, div#login_pass_div {
	position:relative;
    float:left;
    width:150px;
}


#loginbar label.overlabel {
color:#999;
font-size:12px;
}
#loginbar label.overlabel-apply {
	position:absolute;
	top:5px;
	font-size:11px;
	left:5px;
	z-index:1;
	color:#BBB;
}


label.overlabel {
color:#999;
font-size:14px;
}
label.overlabel-apply {
	position:absolute;
	top:10px;
	font-size:14px;
	left:20px;
	z-index:1;
	color:#BBB;
}


/***********************CONTACTS*************/
#recipient_list{
width:300px;
display:compact;
border:1px solid #ccc;
height:205px;
color:#777;
}

#messagebox{
width:298px;
color:#333;
display:compact;
border:1px solid #f5f5f5;
height:160px;
}


/*****validation****/
.success {
padding:10px;
border:1px solid #82C0FF;
background: #D9ECFF;
}

.info {
padding:10px;
border:1px solid #95D88B;
background: #E6F2E7;
}

.error {
padding:10px;
border:1px solid #E1524A;
background: #F3BDBA;
}

.warning {
padding:10px;
background-color:#FFFFE1;
border:1px solid #FED01B;
}

.oops {
color:white;
background:#B43F42;
padding:10px;
}


.log_warning {
padding:5px;
color:#DE1439;
}

/**********TOP BAR ****************/
#topbar{
border-bottom:1px solid #999;
background:#fff;
padding:7px;
min-height:30px;
font-size:12px;
}

#opaque{
height:10px;
width:100%;
position:absolute;
background:url(clear2.png);
z-index:9;
}


.option_hold{
margin-left:15px;
}


/***********************SETTINGS & OTHER OPTIONS********************/
#mainoptions{
position:absolute;
right:0px;
width:950px;
z-index:10;
}


.mainoptions{
background:url(clear.png);
padding:10px;
padding-top:0px;
padding-right:0px;
}

#Settings_there{
padding:10px;
border:1px solid #ccc;
border-top:none;
background: #fff;
}

#Help_there{
padding:10px;
border:1px solid #e5e5e5;
border-top:none;
border-right:none;
background: #fff;
}

#About_there{
padding:10px;
border:1px solid #e5e5e5;
border-top:none;
border-right:none;
background: #fff;
}

.showabout {
margin:20px;
height: 300px;
overflow:scroll;
}


#buttons a, #buttons a:link,  #buttons a:visited,  #buttons a:active {
display:block;
float:left;
padding:5px;
border-bottom:solid 3px #000;
border-left:solid 3px #000;
background:#444;
margin-right:4px;
font-size:18px;
text-decoration:none;
color:white;
}
#buttons a:hover {
color:#2CAA28;

background:#000;
}


/***********ADS*************************/
.whitead{
border:2px solid #ddd;
background-color:white;
text-align:center;
padding:12px;
float:left;
margin-bottom:10px;
}

.whitead:hover {
border:2px solid #777;

}



/*********************BOXES******/
.indent{
margin-left:20px;
}


h1 {
background:url(bullet.png);
background-position: left;
background-repeat:none;
padding: 4px 4px 4px 20px;
font-size:14px;
font-weight:bold;
}

h2 {
background:url(bullet2.png);
background-position: left;
background-repeat:none;
padding: 4px 4px 4px 20px;
font-size:14px;
font-weight:bold;
}




.clear{
clear:left;
clear:right;
clear:both;
}




/* HTML Elements */

.settings_message {
padding:5px;
background:#FFEDB0 ;
border:1px solid #FFDF80 ;
}

.error_message {
padding:5px;
background:#F4A2A2 ;
border:1px solid #D67878;
}

* {
	margin:0;
	padding:0;
	}

/*	Headers */




img, div, a, input { behavior: url(../iepngfix/iepngfix.htc) }

</style>
