/*   
Theme Name: Family Guy  
Description: A very nice and funny looking family guy wordpress theme. More themes are available at snoobdesigns.com. Your suggestions for themes are appreciated and will keep me motivated to design more. Thanks!
Version: 1.0 
. 
Theme created for a family guy site. 
. 
*/

@charset "UTF-8";


/* Fix up IE6 PNG Support */ 
img, #logo, .thumb, .tv { behavior: url(scripts/iepngfix.htc); }

 a:link, a:visited  {
	color:#000000;
	text-decoration:none;
	text-transform: uppercase;
	}

HTML{margin: 0px;
	padding: 0px;
	background-color: #79b7c6;
	font-family: Helvetica, Arial, Sans-serif;
	font-size: 13px;
	line-height: 17px;
	background-image: url(images/htmbg.jpg);
	background-repeat: repeat-x;
	background-position: center top;}
BODY {
	margin: 0px;
	padding: 0px;
	background-color: #79b7c6;
	font-family: Helvetica, Arial, Sans-serif;
	font-size: 13px;
	line-height: 17px;
	background-image: url(images/htmbg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}

a:link, a:visited, a:hover {outline:none;}
h1, h2, h3, h4, ul, li, ol {
	margin: 0px;
	padding: 0px;
}
#main {
	background-image: url(images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.container {
	width: 925px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	clear: both;
	overflow: auto;
}
#logo {
	background-image: url(images/logo.png);
	height: 77px;
	width: 456px;
}
#logo h1 {
	text-indent: -9999px;
	margin:0px;
	padding:0px;
}
#latestepisode {
	position: absolute;
	right: 17px;
	bottom: 0px;
}

#header {
	min-height:356px;
	position: relative;
}

#header h3 {font-size:13px;margin-top:8px;}


#menu {
	border-top-width: 7px;
	border-bottom-width: 7px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #3e95a9;
	border-bottom-color: #3e95a9;
	list-style-type: none;
	padding-top:20px;
	padding-bottom:20px;
	overflow: auto;
}
#menu li {
	float: left;
	margin-right: 15px;
	margin-left: 15px;
}
#menu li a {
	font-family: Helvetica, Arial, Sans-serif;
	font-size: 16px;
	color: #fff0b0;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 18px;
	display: block;
	font-weight: bold;
}
#menu li a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#menu ul {
	list-style-type: none;
	padding: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#episodes {
	width: 542px;
	float: left;
	margin-right: 13px;
}
#sidebar {
	float: left;
	width: 370px;
	margin-top: 25px;
	color:#3e95a9;
}
#sidebar p {padding-left:10px; padding-right:10px;}

#content {
	overflow: auto;
}
.mini_episodes {
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #347e94;
	border-right-color: #347e94;
	border-bottom-color: #347e94;
	border-left-color: #347e94;
	margin-top: 35px;
	margin-bottom: 45px;
	position: relative;
}
.block_inside {
	padding: 20px;
}
.thumb {
	float: left;
	position: relative;
	margin-right: 30px;
	padding-bottom: 25px;
}
.tv {
	position: absolute;
	top: -12px;
	left: -5px;
}
img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

.mini_episodes {min-height:180px;}
.mini_episodes h1 {
	font-family: Helvetica, Arial, Sans-serif;
	font-size: 23px;
	letter-spacing: -0.05em;
	line-height: 23px;
}

.mini_episodes h1 a:link, .mini_episodes h1 a:visited {
	color: #000000;

}

.mini_episodes .tags {
	font-size: 11px;
	color: #93cdd9;
	background-color: #347e94;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	display: inline;
	position: absolute;
	left: 8px;
	top: -28px;
}

.mini_episodes .tags a:link, .mini_episodes .tags a:visited  {
	color:#93cdd9;
	text-decoration:none;
	}

.mini_episodes h1 a {
	color: #000000;
	text-decoration: none;
}
.mini_episodes h1 a:hover {
	text-decoration: underline;
}
#sidebar ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#sidebar h2 {
	font-family: Helvetica, Arial, Sans-serif;
	font-size: 18px;
	line-height:18px;
	color: #93cdd9;
	background-color: #3e95a9;
	font-weight: normal;
	text-transform: uppercase;
	padding: 10px;
	margin: 10px 0px 10px 0px;
}
#sidebar ul li ul li {
	padding: 12px;
	font-size: 18px;
	line-height: 18px;
}
#sidebar ul li ul li a {
	font-size: 18px;
	color: #3e95a9;
	text-decoration: none;
}
#sidebar ul li ul li a:hover {
	color: #fff0b0;
}
#footer {
	background-color: #246f82;
	border-top-width: 6px;
	border-top-style: solid;
	border-top-color: #3a8699;
	padding: 30px;
	color: #93cdd9;
	margin-top: 20px;
}
#footer ul {
	list-style-type: none;
	margin-top: 15px;
	margin-bottom: 15px;
}
#footer .footer_column {
	float: left;
	margin-right: 25px;
}
.long {
	width: 555px;
}
#footer h3 {
	text-transform: uppercase;
	color: #FFFFFF;
}
#footer a:link, #footer a:visited {
	color: #93cdd9;
	text-decoration: none;
}
#footer a:hover {
	color: #fff0b0;
}
#posts_navigation a:link, #posts_navigation a:visited {
	font-size:12px;
	color:#246f82;
	text-decoration:none;
}

blockquote{
	font-style: italic;
	margin: 5px 30px 5px 30px;
	padding: 5px 20px 5px 20px;
	border-left: solid 3px #CCCCCC;
}

.mini_episodes h2{
	font-size:16px;
}

.mini_episodes a:link, .mini_episodes a:visited {
	color: #009ad8;
	text-decoration: none;
	font-weight: bold;
}

.mini_episodes a:hover{
	color:#000000;

}

.mini_episodes ul, ol {
	margin:30px;
	padding:0px;
	}
	
	.separator {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e3e3e3;
	margin-top: 40px;
	padding-top: 40px;
}

#comments a:link, #comments a:visited {

	color: #347e94;
	text-decoration: none;
}
#comments a:hover {color:#000000;}
#comments small a:link, #comments small a:visited {
	color: #93cdd9;
	text-decoration: none;
	}
	
#comments ol li {
		border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e3e3e3;
	margin-top: 40px;
	padding-top: 40px;
	
		padding-left: 20px;
	padding-right: 20px;
	
}

#comments ol {
	list-style-type: none;
	margin:0px;
}