/*



Theme Name: Mad Theme



Theme URI: http://mad.com



Description: Theme designed by Warah



Version: 1.0



Author: Warah



*/



@charset "utf-8";

/* RESET CSS */

* {

	margin: 0;

	padding: 0;

}



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

dl, dt, dd, ol, ul, li,

fieldset, form, input, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-weight: inherit;

	font-style: inherit;

	font-size: 100%;

	font-family: inherit;

	vertical-align: baseline;

	text-decoration: none

	}

/* remember to define focus styles! */

:focus {

	outline: 0;

	}

ol, ul {

	list-style: none;

	}

/* tables still need 'cellspacing="0"' in the markup */

table {

	border-collapse: separate;

	border-spacing: 0;

	}

caption, th, td {

	text-align: left;

	font-weight: normal;

	}

blockquote:before, blockquote:after,

q:before, q:after {

	content: "";

	}

blockquote, q {

	quotes: "" "";

	}

/* END OF RESET */	



body {

	top: 0;

	color: #333;

	background: #D8D8D8 url(images/background.png) repeat-x;

	font-size: 11px;

	line-height: 1;

	font-family: Arial;

}



div.clear {

	clear: both;

}



a {

	color: #333;

}



strong {

	font-weight: bold;

}

div#main{

	position: relative;

	width: 789px;

	margin-left: 423px;

}

div#top_bg1{

	position: absolute;

	left: -423px;

	width: 423px;

	height: 345px;

	border: 0;

	background-image: url(images/top_bg1.jpg);

}

div#header{

	width: 789px;

	height: 345px;

	position: relative;

	background-image: url(images/top_bg2.jpg);

}

a div#subscribe {

	width: 45px;

	height: 154px;

	position: absolute;

	bottom: -200px;

	left: -45px;

	background-image: url(images/subscribe_00.png);

}

a:hover div#subscribe {

	background-image: url(images/subscribe_01.png);

}

div#logo {

	position:absolute;

	width: 755px;

	height: 300px;

	top: -20px;

	left: -350px;

}

#slideshoww {

    position:relative;

    height:300px;

}



#slideshow IMG {

    position:absolute;

    top:0;

    left:0;

    z-index:8;

}



#slideshow IMG.active {

    z-index:10;

}



#slideshow IMG.last-active {

    z-index:9;

}



.post blockquote {

background:url("../../../images/quote.jpg") no-repeat scroll left top transparent;

color:#333333;

font-style:italic;

margin:10px 20px;

padding-left:3px;

}



div#top_button {

	width: 42px;

	height: 50px;

	margin-top: 20px;	

	margin-right: 5px;

	float:right;

	

}

div#top_button a img{

	width: 38px;

	height: 46px;

	position: relative;

	top: 0;

	left: 0;

}

div#top_button a:hover img{

	top: 1px;

	left: 1px;

}

form#search_content {

	width: 280px;

	height: 34px;

	position: absolute;

	right: 40px;

	top: 160px;

	background: url(images/search_bg.png) no-repeat 80px;

}

form#search_content p{

	float: left;

	width: 80px;

	font-weight: bold;

	padding-top: 11px;

}

form#search_content input{

	float: left;

	width: 140px;

	height: 24px;

	margin-left:20px;	

	padding-top: 9px;

}

form#search_content button{

	float:right;

	width: 22px;

	height: 34px;

	border: 0;

	background: transparent url(images/input_button.png);

}

div#top_content {

	position: absolute;

	width: 769px;

	height: 90px;

	left: 10px;

	bottom: 0;

}

div#title_content {

	float: left;

}

div#title_content p{

	font-size: 16px;

	color: #999;

}

div#title_content p.title{

	font-size: 20px;

	color: #666;

	font-weight: bold;

	padding: 20px 0 5px 0;

}

div#icon_button {

	float: right;

	width: 105px;

	height: 72px;

	margin-left: 2px;

	text-align: center;

	background-image: url(images/icon_button_bg.jpg);

}

div#icon_button a {

	text-decoration: none;

	font-weight: bold;

}

div#icon_button a:hover {

	color: #666;

}

div#icon_button a img{

	width: 88px;

	height: 48px;

	margin-top: 15px;

}

div#icon_button a p{

 padding-top: 10px;

}

div#main_content {

	width: 789px;

	background-color: #FFF;

	padding: 20px 0px 15px 0px;

	border-color: #CCC;

	border-width: 2px 0 0 0;

	border-style: solid;

}

div#left_content {

	width: 570px;

	float: left;

}

div#right_content {

	width: 187px;

	padding-right: 15px;	

	float: right;

}

div#img_content {

	width: 527px;

	padding: 14px;

	margin-left: 15px;

	background-color: #EFEFEF;

}

div#img_content p {

	padding-bottom: 20px;

	line-height: 15px;

}

div#img_content p.title{

	font-size: 20px;

	padding: 15px 0 15px 0;

	font-weight: bold;

}

div#img_content a {

	font-weight: bold;

	margin-top: 10px;

}

div#img_content a:hover {

	color: #666;

}

ul#number_bar {

	padding-top: 40px;

}

ul#number_bar  li {

	width: 25px;

	height: 19px;

	float: left;

	margin-right: 5px;

	text-align: center;

	padding-top: 6px;

	background-color: #FFF;

}

ul#number_bar  li a {

	margin: 0;

}

ul#number_bar li:hover a {

	color: #FFF;

}

ul#number_bar li:hover {

	background-color: #FFFF4A;

}

ul#img_bar {

	margin-left: 15px;

	margin-top: 10px;

}

ul#img_bar li {

	float: left;

	height: 95px;

	margin-right: 17px;

	border-width: 1px;

	border-style: solid;

	border-color: #CCC;

}

ul#img_bar li.last {

	margin-right: 0px;

}

ul#img_bar li a img{

	width: 93px;

	height: 93px;

	border-width: 1px;

	border-style: solid;

	border-color: #FFF;

}

ul#img_bar li a img:hover{

	border-color: #FFFF49;

}

div#latest_content {

	margin: 10px 0 20px 15px;

	width: 555px;

	height: 154px;

	position: relative;

}

div#adwords {

	float: left;

	width: 345px;

}

div#advertising {

	float: right;

	width: 210px;

	height: 100%;

	background: url(images/advert_bg.jpg);

}

div#advertising span{

	background-color: #FFF;

	padding: 3px 1px 3px 20px;

	float: right;

	margin-top: 10px;

}

div#latest_title {

	width: 260px;

	height: 27px;

	padding: 15px 0 10px 100px;

	position: absolute;

	left: -15px;

	bottom: 0; 

	font-size: 20px;

	background: url(images/latest_bg.jpg) no-repeat; 

}

div#tiny_logo {

	width: 127px;

	height: 69px;

	position: absolute;

	left: -35px;

	bottom: 0; 

	background-image: url(images/tiny_logo.png); 

}

div.article {

	width: 540px;

	padding: 15px;

	border-width: 1px 0 0 0;

	border-style: dotted;

	border-color: #CCC; 

}

div.article img{

	width: 170px;

	height: 170px;

	float: left;

	border-width: 1px;

	border-style: dotted;

	border-color: #CCC;

}

div.article .info {

	width: 360px;

	float: right;

}

div.article .info p.title{

	font-size: 20px;

	font-weight: bold;

	color: #000;

}

div.article .info a {

	color: #3399FF;

}

div.article .info a:hover {

	text-decoration: underline;

}

div.article .info ul {

	padding-top: 10px;

}

div.article .info ul li{

	float: left;

	margin-right: 5px;

	color: #CCC;

}	



div.article .info .article-content {

	margin-top: 10px;

	padding-top: 10px;

	line-height: 15px;

}



div.article-content p {

	font-size:13px;

	line-height:16px;

}



div#twitbox {

	width: 187px;

	background-image: url(images/twitbox.jpg);

}

div#twitbox_top {

	height: 90px;

	background-image: url(images/twitbox_top.jpg);	

}

div#twitbox_bottom {

	height: 36px;

	background-image: url(images/twitbox_bottom.jpg);	

}

div#twitbox p{

	line-height:15px;

	padding: 0 15px 10px 15px;

}

div#twitbox p.date{	

	color: #003399;

	font-weight: bold;

}



#sidebar ul li h3 {

	width: 181px;

	height: 27px;

	position: relative;

	margin-top: 10px;

	background-image: url(images/rightbox_top.jpg);

	padding: 17px 15px 15px 0px; 

	font-size: 14px;

	font-weight: bold;

}

#sidebar ul li .box ul {

	width: 181px;

}



#sidebar ul li .box ul li {

	float: left;

	width: 171px;

	padding: 0 5px 15px 5px;

	margin-bottom: 10px;

	line-height: 15px;

	border-style: dotted;

	border-width: 0 0 1px 0;

	border-color: #333;  

}



#sidebar ul li .box ul li a{

	color: #FF6600;

	font-size: 12px;


	padding-bottom: 5px;

}



#sidebar ul li .box ul li.link a{

	color: #666;

	font-size: 11px;

	font-weight: bold;

	padding-bottom: 5px;

}



#sidebar ul li .box ul li a:hover{

	text-decoration: underline;

}



#sidebar ul li .box ul li p{

	margin-top: 5px;

	font-size: 10px;

}

#sidebar ul li .box ul li.view {

	border: 0;

	text-align: right;

}

#sidebar ul li .box ul li.view a{

	color: #333;

	font-size: 10px;

	font-weight: bold;

	padding-bottom: 5px;

}



img.advert {

	width: 181px;

	height: 180px;

	position: relative;

	margin-top:-17px;

}

div#youtube_icon {

	width: 36px;

	height: 36px;

	position: absolute;

	right: 7px;

	top: 10px;

	background-image: url(images/youtube_icon.png);

}

img.tags_img {

	width: 157px;

	height: 98px;

	padding: 0 12px 0 12px;

}

ul#foot_nav {

	width: 689px;

	margin-top: 30px;

	padding: 0 50px 0 50px;

}

ul#foot_nav li{

	float: left;

	margin-right: 2px;

	font-size: 11px;

	font-family: Helvetica;

	color: #000;

}

ul#foot_nav li.right{

	float: right;

	margin: 0;

}

ul#foot_nav li a{

	color: #000;

}

ul#foot_nav li a:hover{

	text-decoration: underline;

}

div#footer {

	position: relative;

	width: 789px;

	height: 107px;

}

div#foot_top {

	position: absolute;

	width: 890px;

	height: 6px;

	top: 0;

	left: -50px;

	background-image: url(images/footbar_top.png);

} 

div#foot_bar {

	position: absolute;

	width: 890px;

	height: 100px;

	bottom: 0;

	left: -50px;

	background: url(images/footer_bg.jpg);

}

div#foot_bar p{

	float: right;

	margin: 76px 10px 0 0;

	font-weight: bold;

	font-family: Helvetica;

}

div#footer_logo {

	position: absolute;

	width: 492px;

	height: 117px;

	top: 11px;

	left: -100px;

	background-image: url(images/footer_logo.png);
	background-repeat:no-repeat;

}



/* Layout 2 */

div.postt {

	width: 555px;

	margin-left: 15px;
	font-size:16px;
	padding-bottom: 15px;

}

div.post {

	width: 555px;

	margin-left: 15px;

	padding-bottom: 50px;

}

div.post p.header{

	color: #999;

}	

div.post p.header span{

	color: #000000;

}

div.post p.title{

	background: url(images/post_title_arrow.jpg) no-repeat;

	color: #FF6600;

	margin: 10px 0 10px 0;

	font-size: 26px;

	font-weight: bold;

	line-height: 30px;

	padding-left: 35px;

}

div.post img {

	/* width: 503px; height: 349px; margin-left: 35px; */

}

div.post .post-content p {

	/* margin: 15px 14px 0 35px; */

	font-family: Helvetica;

}	

.post-content p {

	color:#444444;

	font-family:helvetica;

	font-size:13px;

	line-height:24px;

	/* margin:0 10px 10px; */

	margin:5px 10px 30px;

}



.post-content h2 {

color:#333;

font-size:20px;

margin:30px 0 5px 10px;

}



.post-content ul {

	list-style:disc outside none;

	margin:23px;

}



.post-content ul li {

color:#555555;

font-family:helvetica;

font-size:12px;

margin:27px 10px 10px;

}



/* PIC LIST */



ul.pic_list {

margin:20px 0 20px 3px;

}



ul.pic_list li {

display:inline;

margin-right:15px;

}

ul.pic_list li.last {

margin-right:0;

}

ul.pic_list li img {

border:1px solid #B9B9B9;

padding:2px;

}