/*
Theme Name: Spam Cartoon
Theme URI: 
Description: A Theme Designed for Spam Cartoon by André Carrillo
Version: 0.9
Author: TuomoTee
Author URI: http://www.tuomotee.net/info
Tags: 
*/

/* BODY */

body 
{
	font-size: 62.5%; /* Resets 1em to 10px */
	font-size: 12px; font-family: Georgia, 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: justify; margin-right: 20px; color: #bbbbbb;
	text-align: center;
	background-color: #333333; 
	background-image: url("images/tabs/non_over.jpg"); background-repeat: repeat; background-position: center;
}

/* IMAGES AND LINKS - BASIC FORMAT */

img 			{border: 0px solid #000000 !important; color: none; margin: 0px; padding: 0px; }
a.teebox 		{border: 0px solid #000000 !important; color: none; margin: 0px; padding: 0px; }
a.teebox:link 		{border: 0px solid #000000 !important; color: none; margin: 0px; padding: 0px; }
a.teebox:visited	{border: 0px solid #000000 !important; color: none; margin: 0px; padding: 0px; }
a.teebox:active 	{border: 0px solid #000000 !important; color: none;  margin: 0px; padding: 0px; }
a.teebox:hover 		{border: 0px solid #000000 !important; color: none;  margin: 0px; padding: 0px; }

a.navi_link 					{ text-decoration: none; border: 0px; margin: 0px; padding: 0px; text-align: left !important;}
a.navi_link:link 				{ text-decoration: none; border: 0px; margin: 0px; padding: 0px; text-align: left !important;}
a.navi_link:visited 		{ text-decoration: none; border: 0px; margin: 0px; padding: 0px; text-align: left !important;}
a.navi_link:active 			{ text-decoration: none; border: 0px; margin: 0px; padding: 0px; text-align: left !important;}
a.navi_link:hover 			{ text-decoration: none; border: 0px; margin: 0px; padding: 0px; text-align: left !important;}

a 					{ color: #dddddd; text-decoration: none;}
a:link 			{ color: #dddddd; text-decoration: none;}
a:visited 		{ color: #dddddd; text-decoration: none;}
a:active 		{ color: #dddddd; text-decoration: none;}
a:hover 		{ color: #dddddd; text-decoration: underline;}



/* TEXTUAL ELEMENTS - BASIC FORMAT */

h1{ font-family: Georgia, 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 24px; color: #ffffff; margin-left: 10px; margin-top: 10px; }
p { font-family: Georgia, 'Lucida Grande', Verdana, Arial, Sans-Serif; }

/* THE MAIN STRUCTURE OF THE PAGE */

#page_cont_row		{ width: 745px; text-align: right; margin: 0 auto; padding: 0px; border: 0px; }
#page_container		{ width: 745px; min-height: 640px; background-color: #131313; text-align: left; display: table-cell;margin: 0 auto; background-image: url("images/background.jpg"); background-repeat: repeat-y;background-position: center top; }
#col_left		{ width: 525px; min-height: 640px; float: left; display: table-cell; }
#col_right 		{ width: 220px; min-height: 640px; float: right; } 
#header_image		{ width: 525px; height: 180px; border: 0px; background-image: url("images/spam_logo.jpg"); background-repeat: no-repeat; background-position: left; }
#content		{ text-align: left; margin: 0px; padding: 0px; border: 0px; }

/* TABS  */
#navi							{ width: 525px; height: 30px; text-align: center; }
.navi_link_area				{ width: 130px; height: 30px; text-align: center; }

#navi_videos				{ width: 130px; height: 30px; float: left; background-image: url("images/tabs/tabs_videos_01.jpg"); background-repeat: no-repeat; background-position: center; }
#navi_videos_current	{ width: 130px; height: 30px; float: left; background-image: url("images/tabs/tabs_videos_03.jpg"); background-repeat: no-repeat; background-position: center; }
.navi_videos_over			{ width: 130px; height: 30px; float: left; background-image: url("images/tabs/tabs_videos_02.jpg") !important; background-repeat: no-repeat; background-position: center; }

#navi_press					{ width: 130px; height: 30px; float: left; background-image: url("images/tabs/tabs_press_01.jpg"); background-repeat: no-repeat; background-position: center; }
#navi_press_current		{ width: 130px; height: 30px; float: left; background-image: url("images/tabs/tabs_press_03.jpg"); background-repeat: no-repeat; background-position: center; }
.navi_press_over			{ width: 130px; height: 30px; float: left; background-image: url("images/tabs/tabs_press_02.jpg") !important; background-repeat: no-repeat; background-position: center; }

#navi_about					{ width: 130px; height: 30px; float: left; background-image: url("images/tabs/tabs_about_01.jpg"); background-repeat: no-repeat; background-position: center;}
#navi_about_current 	{ width: 130px; height: 30px; float: left; background-image: url("images/tabs/tabs_about_03.jpg"); background-repeat: no-repeat; background-position: center; }
.navi_about_over			{ width: 130px; height: 30px; float: left; background-image: url("images/tabs/tabs_about_02.jpg") !important; background-repeat: no-repeat; background-position: center; }

#navi_news					{ width: 129px; height: 30px; float: right; background-image: url("images/tabs/tabs_news_01.jpg"); background-repeat: no-repeat; background-position: center; }
#navi_news_current		{ width: 129px; height: 30px; float: right; background-image: url("images/tabs/tabs_news_03.jpg"); background-repeat: no-repeat; background-position: center; }
.navi_news_over		{ width: 129px; height: 30px; float: right; background-image: url("images/tabs/tabs_news_02.jpg") !important; background-repeat: no-repeat; background-position: center; }


.navi_gap 		{ width: 2px; height: 30px; float: left;}

/* FOOTER */
#footer_container		{ width: 745px; height: 30px; background-color: #ffffff; margin: 0 auto; text-align: center; }
#footer_content_top_margin 	{ width: 100%; height: 8px; }
#footer_content p 		{ margin: 0px; padding: 0px; border: 0px; color: #f06127 !important; text-align: center; }
#footer_content a 		{ color: #040404 !important;}


/* SIDEBAR STRUCTURE */

.right_top { width: 220px; height: 180px; background-color: #cccccc; }
.right_mid { width: 220px; height: 30px; text-align: center; background-image: url("images/tabs/non_over.jpg"); background-repeat: repeat-x; background-position: center; }
#sidebar	{ width: 220px; margin: 0px; padding: 0px; border: 0px; text-align: left; }
#sidebar ul 	{ margin: 0px; padding: 0px; border: 0px; text-align: left; }
#sidebar li	{ margin: 0px; padding: 0px; border: 0px; list-style-type: none; list-style-image: none; }
.widgettitle 	{ font-size: 16px; margin-top: 20px; margin-left: 20px; margin-bottom: 4px; color: #ffffff; }
.widgettitle a 	{ font-size: 16px; margin-top: 20px; margin-left: 20px; margin-bottom: 4px; color: #ffffff; }


/* SEARCH FORM */

#search			{ margin: 0px; padding: 0px; border: 0px; }
#searchform label	{ display :none; }
#s 			{ margin: 6px 0px 0px 20px; width: 120px; background-color: #000000; border: 2px solid #333333; color: #eeeeee; }

/* CALENDAR*/

#calendar_wrap 			{ font-size: 12px; letter-spacing: 1px; color: #ffffff !important; margin-left: 25px; margin-top: 10px; }
#calendar_wrap .widgettitle 	{ display: none; }
#calendar_wrap th 		{ color: #ffffff; }
#calendar_wrap caption		{ font-weight: bold; margin: 0px; padding: 0px; border: 0px; text-align: left; }
#wp-calendar td 		{ width: 22px; color: #ffffff !important; }
#wp-calendar a 			{ color: #000000; font-weight: bold; font-size: 11px; }
#wp-calendar a:hover 		{ color: #000000; font-weight: bold; font-size: 11px; text-decoration: underline; }
#wp-calendar tfoot a 		{ color: #ffffff; font-weight: bold; font-size: 11px; }
#wp-calendar tfoot a:hover 	{ color: #ffffff; font-weight: bold; font-size: 11px; text-decoration: underline; }


/* VIDEO GALLERY */

/* VIDEO GALLERY - Front Page List */

ul.video_gallery_list 		{ width: 100%; margin: 0px; padding: 0px; }
li.video_gallery_col 		{ width: 173px; height: 130px; list-style-type: none; list-style-image: none; display: inline; margin: 0px; padding: 0px; text-align: center; margin: 0px; padding: 0px; background-color: #4d4d4d; }
li.video_gallery_search		{ list-style-type: none; list-style-image: none; display:block; margin: 0px; padding: 0px; text-align: left; }

li.video_gallery a 		{ border: 0px solid #000000 !important; color: none; margin: 0px; padding: 0px; }
li.video_gallery a:link 	{ border: 0px solid #000000 !important; color: none; margin: 0px; padding: 0px; }
li.video_gallery a:visited 	{ border: 0px solid #000000 !important; color: none; margin: 0px; padding: 0px; }
li.video_gallery a:active 	{ border: 0px solid #000000 !important; color: none; margin: 0px; padding: 0px; }
li.video_gallery a:hover 	{ border: 0px solid #000000 !important; color: none; margin: 0px; padding: 0px; }


/* VIDEO GALLERY - Front Page List - MouseOver Popup */

.popup_template_class { width: 175px; height: 131px; background-color: #000000; border: 0px; visibility: hidden; position: absolute; left: 150px; top: 150px; z-index: 150; display: table-cell; opacity: 0.8; cursor: default; text-align: left; padding: 0px; }
.popup_template_class p { margin: 0px; width: 155px; height: 121px; padding-left: 10px; padding-right: 10px; padding-top: 10px; font-size: 16px; color: #ffffff; opacity: 1.0;}



/* VIDEO GALLERY - TeeBox = Tuomo's Thickbox */
.teebox_back_class		{ width: 100%; height: 100%; background-color: #000000; opacity: 0.7; position: absolute; left: 0; top:0; visibility: hidden; }
.video_container 		{ background-color: #111111; position: absolute; width: 560px; min-height: 450px; }
.video_container a		{ margin: 0px; padding: 0px; }
#video_container_close 		{ width: 560px; height: 30px; text-align: right; }
#video_container_close img 	{ margin-left: 530px; }
.video_container_video		{ background-color: #000000; margin: 10px 0px 0px 40px; width: 480px; height: 360px; display: block; }
.video_popup_info		{ width: 480px; height: 61px; margin-left: 40px; display: block; text-align: left; }
.video_popup_info_top 		{ width: 480px; height: 41px; }
.video_popup_info_top_left 	{ width: 80px; height: 41px; float: left; }
.video_popup_info_top_right 	{ width: 400px; height: 41px; float: right; }
.video_popup_info_bottom 	{ width: 480px; height: 20px; }
.video_popup_info_bottom_left	{ width: 80px; height: 20px; float: left; }
.video_popup_info_bottom_right	{ width: 400px; height: 20px; float: right; }
p.video_popup 			{ margin: left: 40px; font-size: 10px; color: #808080; margin: 0px; padding: 0px; }


/* ARCHIVE */
.archive_no_posts 		{ color: #eeeeee; font-size: 16px; margin: 10px; }

/* BASICS POSTS */
ul.post_basic_list 		{ list-style-type: none; list-style-image: none; }
li.post_basic 			{ list-style-type: none; list-style-image: none; font-size: 12px; font-family: Georgia, 'Lucida Grande', Verdana, Arial, Sans-Serif; margin-right: 20px; color: #bbbbbb !important; }
.post_basic p 			{ font-size: 12px; font-family: Georgia, 'Lucida Grande', Verdana, Arial, Sans-Serif; margin-right: 20px; color: #bbbbbb; }
.post_basic h2			{ font-size: 20px; color: #ffffff; }

.post_basic_content_text p 	{ font-size: 11px; color: #bbbbbb; font-family: Georgia, 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.post_basic_content_with_line	{ width: 440px; min-height: 150px; display: table-cell; margin-left: 0px; margin-right: 20px; margin-top: 20px; border-top: 1px dotted #eeeeee; }
.post_basic_content		{ width: 440px; min-height: 150px; display: table-cell; margin-left: 0px; margin-right: 20px; margin-top: 20px; border: 0px; }
.post_basic_content_left 	{ width: 200px; min-height: 150px; display: block; float: left; }
.post_basic_content_right 	{ width: 240px; min-height: 150px; display: block; float: right; }
.post_basic_date 		{ font-size: 12px; color: #bbbbbb !important; margin: 0px; padding: 0px; }
.post_basic_title 		{ font-size: 16px !important; color: #ffffff !important; margin: 0px; padding: 0px; }
.post_basic_content_text 	{ font-size: 12px; color: #bbbbbb !important; margin: 0px; padding: 0px; }
.post_basic_content img		{ width: 175px; }


/* COMMENTS */
.content_area_comment 			{ width: 440px; min-height: 150px; display: block; margin-left: 20px; margin-right: 20px; margin-top: 20px; border: 0px; }
.comments_container			{ width: 440px; margin-left: 40px; margin-right: 20px; margin-top: 20px; border-top: 1px dotted #eeeeee; font-family: Georgia, Verdana; font-size: 12px; }
.comments_container p			{ color: #eeeeee; }
.comments_container h2 			{ font-weight: normal; color: #eeeeee; }
#comments 				{ color: #eeeeee; }
.commentlist li 			{ font-weight: bold; }
.commentlist li .avatar 		{  float: right; border: 1px solid #eee; padding: 2px; background: #fff; }
.commentlist cite, .commentlist cite a 	{ font-weight: bold; font-style: normal; font-size: 1.1em; }
.commentlist p 				{ font-weight: normal; line-height: 1.5em; text-transform: none;color: #eeeeee;}
.commentmetadata 			{ font-weight: normal; }
 #comment	 			{ width: 440px; }

/* PLUGIN1 -  Social Bookmarks */

#dropdown8 .nav 			{ display: none; }
#dropdown8 .drop 			{ background-color: transparent; border:0px; }
#dropdown8 .options  			{ display: none; }
#dropdown8 .content  			{ background-color: transparent; border:0px; font-size:1em; padding:3px; }
#dropdown8 .content .bookmarks a  	{ border: 0px !imporant; }
.taskbuttoncontainer 			{ margin-left: 20px; margin-right: 20px; margin-top: 20px; }

/* PLUGINS - Tag Cloud */
.ctc			{ margin-left: 20px; margin-right: 20px; text-align: left; }
.ctc a 			{ color: #f3961f !important; }

/* PLUGINS - Category Posts (for the latest news excerpt) */
.cat_posts h2 a		{ font-size: 16px; margin-left: 0px; }
.cat_posts a		{ color: #dddddd; margin-top: 10px; font-size: 10px; font-weight: bold; }
.cat_posts p		{ margin-left: 20px; margin-right: 20px; color: #888888; font-size: 10px; margin-bottom: 10px; }
.cat_posts li 		{ margin-left: 20px; color: #888888; font-size: 10px; margin-bottom: 10px; }
.cat_posts h2 a 	{ font-size: 16px; margin-left: 0px; margin-bottom: 10px; color: #ffffff;	}
.cat_posts_post_content { text-align: justify; }

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

/* Blogroll = Links */

.xoxo a
{
  margin-left: 20px;
}

.video_gallery_hidden_popup
{
  visibility: hidden;
  opacity: 0;
}

#calendar_wrap
{
  font-size: 11px;
  margin-top: 0px !important;
}

#prev a 
{
  font-size: 11px !important;
}
.right_top { padding: 0px; margin: 0px; border: 0px; }

table { margin: 0px; padding: 0px; }
caption { margin: 0px; padding: 0px; }