/* Base
----------------------------------------------- */

html {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

body {
    background: url(../imgs/bg.jpg) #fff repeat-x top left;
	margin: 0px;
	padding: 0px;
	border: 0px;
	text-align:center;
}

/* Article
----------------------------------------------- */

.date-comments {
    border-bottom: 1px solid #aaa;
    font-size: 10px;
	   height: 27px;
	   line-height: 25px; text-align: bottom;
    margin: 0; margin-bottom: 5px; padding: 0;
}

.comment-invite {
    background: url(../imgs/comment.png) no-repeat top left;
    padding-left: 20px; text-align: left;
}
.comment-invite a {
    background: none;
    padding: 0; padding-right: 5px; text-align: left; float: left; 
}

.article-title {
    font-size: 25px; margin-top: 0; clear: both;
}
.article-title a {
    text-decoration: none;
    color: #57a;
}
.article-title a:hover {
    text-decoration: underline;
    color: #57a;
}
.featured-article .article-image {
    text-align: center;
    border: 0;
}
.article-youtube {
    text-align: center;
    border: 0;
}
.article image a {
    border: 0;
}

.article-contents {
    clear: both;
}

.article-snippet {
    margin-bottom: 20px;
}

.article-stub .article-title {
    font-size: 14px; margin: 0; margin-bottom: 5px; clear: both; padding: 0;
}
.article-snippet .article-title {
    font-size: 16px; margin: 0; margin-bottom: 5px; clear: both; padding: 0;
}
.article-snippet .article-image {
    float: left; padding: 0; margin: 0; margin-right: 15px;
}
.article-stub .article-details,
.article-snippet .article-details {
    font-size: 0.8em;
}
.article-snippet .article-details {
    float: left; clear: both; margin-bottom: 10px;
}
.article-stub .article-excerpt {
    float: left;
}

.article-snippet .continue-article {
    float: right; clear: both; display: inline;
    margin-top: 10px;
}
.article-snippet .continue-article a {
    font-weight: bold;
}

/* Gallery
----------------------------------------------- */

#gallery {
    clear: both;
}
#gallery h3 {
    font-size: 18px;
}

#gallery ul {
    list-style: none; padding: 0; margin: 0;
}
#gallery ul li {
    float: left;
    padding: 5px; margin: 0;
}
#gallery ul li a,
#gallery ul li a img {
    border: 0;
}

/* Comments
----------------------------------------------- */

#comments {
    clear: both;
}
#comments h3 {
    font-size: 18px;
}

#comments ol {
    clear: both; list-style: none;
				margin: 0; padding:0;
}
#comments ol li {
    clear: both; margin: 0; margin-bottom: 15px;
}
#comments ol li p {
    margin: 0 0 10px 0; padding: 0; padding-left: 75px;
}
.comment-info {
    font-weight: bold;
}
.gravatar {
    float: left; margin: 5px; display: inline;
}
.comments-form {
    background: #64a6cb url(../imgs/bg-blue.jpg) repeat-x top right;
    border: #64a6cb 1px solid;
    padding: 10px; clear: both;
}
.comments-form h4 {
    font-size: 15px; padding: 0; margin: 0; margin-bottom: 10px;
}
.comments-preview,
.comments-gravatar {
    background: #fff; padding: 5px;
				border: #64a6cb 1px solid;
}
.comments-preview {
    margin-bottom: 10px;
}
p#txpCommentInputForm {
    clear: both; font-weight: bold;
}
.comments p.small {
    font-weight: bold;
}

/* Section
----------------------------------------------- */

h2.section-title {
    font-size: 1.5em; padding: 0; margin: 0;
}
#center_col .browse {
    text-align: center;
    font-weight: bold; 
}
h3.month {
    border-bottom: 1px solid #000;
    clear: both;
}


/* Ads
----------------------------------------------- */

.ad {
    text-align: center;
}

/* Tabs
----------------------------------------------- */

#idTabs {
    background: #9c6 url(../imgs/bg-green.jpg) no-repeat top right;
    border-color: #9c6;
}

.tabs {
	font-size: 10px;
	float:left;
	margin: 0 0 10px 0; list-style: none;
}
.tabs li {
	float:left;
}
.tabs li a {
	background:#fff;
	color:#363636;
	font-weight:bold;
	padding:5px 8px;
	display: block;
	margin: 0 2px 0 0;
	text-align: left;
	border: 1px solid #9c6;
}
.tabs li.last a {
	margin: 0;
}
.tabs li.active a {
	background: url(../imgs/h3-green.gif) #9c6;
	text-decoration: none;
}
.tabs li a:hover {
	background: url(../imgs/h4-green.gif) #9c6;
	text-decoration: underline;
}

#idTabs_comments ul {
    list-style: none; padding: 0;
}
#idTabs_twitter ul li span {
    color: #ccc;
}
#idTabs div {
    clear: both; display: block;
    background: #fff;
    border: 1px solid #9c6;
    padding: 5px;
}
div#idTabs_twitter,
div.box2.twitter {
	background: url(../imgs/twitter_bird.gif) #fff no-repeat bottom right;
}

/* Latest pictures
----------------------------------------------- */

#latest-pics {
    background: #64a6c8 url(../imgs/bg-blue.jpg) no-repeat top right;
    border-color: #64a6c8;
}

#latest-pics h3 {
    color: #fff;
    padding-left: 5px;
}

#latest-pics ul {
    list-style: none; padding: 0; margin: 0;
}
#latest-pics ul li {
    float: left;
    padding: 2px; margin: 0;
}
#latest-pics ul li a,
#latest-pics ul li a img {
    border: 0;
}
#latest-pics ul li a img {
    width: 100px; height: 75px;
}
#latest-pics span {
    clear: both; display: block;
}



/* Layout
----------------------------------------------- */

div#page {
    width: 960px;
    /*margin: 0; margin-left: auto; margin-right: auto;*/
    margin: 0 auto 20px auto;
    padding: 0;
    text-align:left; display:inline-block
}


#top {
    margin: 0; padding: 0; height: 30px; z-index: 2; position: relative;
				text-align: right;
}

#header {
    background: url(../imgs/header.jpg) no-repeat top left; margin: 0;
    height: 220px; width: 960px; clear: both; margin-top: -30px;
				z-index: 1; position: relative;
}
#familyguy #header {
    background: url(../imgs/header-fg.jpg) no-repeat top left;
}
#americandad #header {
    background: url(../imgs/header-ad.jpg) no-repeat top left;
}
#theclevelandshow #header {
    background: url(../imgs/header-tcs.jpg) no-repeat top left;
}
h1#site-name, p#site-slogan {
    display: none;
}

#top ul {
    padding: 0; margin: 0;
    list-style: none;
}
#top ul li {
    margin: 0; padding: 3px 5px 3px 5px; margin-right: 10px; margin-bottom: 10px; display: block;
    text-align: center; vertical-align: middle;
    float: left;
}
#top ul li a {
    color: #fff; text-decoration: none;
}

#topmenu {
    z-index: 3; position: absolute; top: 150px; height: 40px; padding: 0; margin: 0;
}

#topmenu div ul li:hover {
    border-color: #fff;
}

#topmenu div ul {
    list-style: none; padding: 0; margin: 0; /*padding-left: 60px;*/ float:right;
}
#topmenu div ul li {
    margin: 0; padding: 0;
    text-align: center; vertical-align: middle; line-height: 40px;
    float: left;
    border: 0;
}
#topmenu div ul li a {
    color: #fff; text-decoration: none; font-weight: bold; display: block;
				padding: 0 10px 0 10px; border-right: #000 1px solid;
}
#topmenu div ul li.first a {
    border-left: #000 1px solid;
}
#topmenu div ul li a:hover {
    background: #64a6c8 url(../imgs/h4-green.gif); text-decoration: underline; color: #000;
}
#theclevelandshow #topmenu div ul li#topmenu-tcs {
    background: #000;
}

#americandad #topmenu div ul li#topmenu-ad {
    background: #000;
}

#familyguy #topmenu div ul li#topmenu-fg {
    background: #000;
}
#front #topmenu div ul li#topmenu-home {
    background: #000;
}
#seth #topmenu div ul li#topmenu-sm {
    background: #000;
}
#archive #topmenu div ul li#topmenu-archive {
    background: #000;
}

#content {
    clear: both; background: #fff;
}

#footer {
    clear: both;
    border-top: #64a6c8 2px solid;
    background: #4d4d4d; color: #fff;
    margin: 0; padding: 5px;
}
#footer div {
    background: #4d4d4d url(../imgs/footer.jpg) no-repeat top left;
    min-height: 160px;
    padding-left: 300px; width: 660px;
    text-align: left;
}
#familyguy #footer div {
    background: #4d4d4d url(../imgs/footer-fg.jpg) no-repeat top left;
}
#americandad #footer div {
    background: #4d4d4d url(../imgs/footer-ad.jpg) no-repeat top left;
}
#theclevelandshow #footer div {
    background: #4d4d4d url(../imgs/footer-tcs.jpg) no-repeat top left;
}

#bottom {
    clear: both;
    background: #fff;
}

/* Lists
----------------------------------------------- */

.list2 {
    list-style: none; padding: 0; margin: 0; margin-top: 10px;
}
.list2 li {
    padding-bottom: 10px;
}

.cloud {
    list-style: none; padding: 0;
    text-align: center;
}
.cloud li {
    float: none; display: inline; position: static;
    margin: 5px;
}

/* Grid
----------------------------------------------- */

.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}html body * span.clear,html body * div.clear,html body * li.clear,html body * dd.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}

.fl {
    float: left;
}
.fr {
    float: right;
}


/* 
----------------------------------------------- */

.box1 {
    clear: both;
	margin: 0 0 15px 0px;
	padding: 18px;
}
.widget1 {
    clear: both;
    background-color: #fff;
	margin: 0 0 15px 0px;
	padding: 18px;
	border:1px solid #ccc;
}
.widget2 {
    clear: both;
    background: #64a6c8 url(../imgs/bg-blue.jpg) no-repeat top right;
	border:1px solid #64a6c8;
	margin: 0 0 15px 0px;
	padding: 18px;
}

.box2 {
	background: #fff;
	margin: 0 0 15px 0px;
	padding:10px;
	border:1px solid #ccc;
}


h2 {
    background-color: #fff;
	margin: 0 0 15px 0px;
	padding: 5px 18px 5px 18px;
}
.widget1 h3,
.widget2 h3,
.box2.twitter h3 {
    display: block;
    color: #fff;
    padding: 5px; margin: 0;
}
.widget1 h3 {
    background: #9c6 url(../imgs/h3-green.gif); border: 1px solid #9c6;
}
.widget2 h3,
.box2.twitter h3 {
    background: #64a6c8 url(../imgs/h3-blue.gif); border: 1px solid #64a6c8;
}

.widget2 dl dt {
    font-size: 11px;
    font-weight: bold;   
    background: #64a6c8 url(../imgs/h4-blue.gif); 
    border: 1px solid #64a6c8;
    margin: 0; padding: 5px;
    margin-bottom: 10px;
}
.widget2 dl dd {
    margin: 0; padding: 5px; margin-bottom: 10px;
    background: #fff;
    border: 1px solid #64a6c8;
}
.widget2 dl dd span.article-image {
    float: left; padding: 2px;
}


/* Archives
----------------------------------------------- */

.continue-archives {
    clear: both;
}

/* Typography
----------------------------------------------- */

div, p, blockquote, li, dd, dt, h1, h2, h3, h4, th, td, label {
    font-family: Verdana, "Lucida Grande", Tahoma, Helvetica;
    font-size: 11px;
    line-height: 130%;
}
ul {
    list-style: square;
}

a:hover {
    text-decoration: underline;
}
a {
    color: #57a; text-decoration: none;
}
.legal {
    font-size: 9px;
}
.links a {
    color: #7ac;
}