/* Credits
	Theme Name: CCC Celt
	Description: Custom theme for CCC Celt by Coleraine Design.
	Author: Coleraine Design / Edwin Morris
	Author URI: http://colerainedesign.com/
----------------------------------------------------------------------------------------------------*/

/* Reset
----------------------------------------------------------------------------------------------------*/
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,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img,:link img,:visited img {border: 0;}
table {border-collapse: collapse; border-spacing: 0;}
ol,ul {list-style: none;}
q:before,q:after,blockquote:before,blockquote:after {content: "";}

/* Custom Styles
----------------------------------------------------------------------------------------------------*/
.bg {width:100%; height:100%; position:fixed; top:0; left:0; z-index:1;}

body {font-family:Arial, Helvetica, sans-serif; font-size:12px;}
h1, h2, h3, h4 {line-height:2em; font-weight:normal; margin:0; padding:0;}
	h1 a, h2 a, h3 a, h4 a {text-decoration:none;}
h1 {font-size:36px} h2 {font-size:24px} h3 {font-size:18px} h4 {font-size:16px}
p {line-height:2em; margin-bottom:1em;}
ul {padding-left:2em; list-style-type:disc;}
ul li {line-height:2em;}
em {font-weight:bold;}

.hidden {display:none;}

#wrapper {margin:25px auto; display:none; position:relative; z-index:2;}

/*
#logo {width:425px; height:138px; background:url(images/logo.png) no-repeat;}
#logo * {display:none;}
*/

#logo {margin-bottom:50px;}

/*
#and {width:200px; height:350px; background:url(images/and.png) no-repeat;}
#and * {display:none;}
*/

.title span {display:none;}
#learn #expanded .title {width:375px; height:38px; background:url(images/title_learn.png) no-repeat; margin-bottom:1em;}
	#learn #mini .title {width:188px; height:163px; background:url(images/title_learn_mini.png) no-repeat; margin-bottom:1em;}
#talkListen #talk .title {width:150px; height:68px; background:url(images/title_talk.png) no-repeat; margin-bottom:.5em;}
#talkListen #listen .title {width:150px; height:68px; background:url(images/title_listen.png) no-repeat; margin-bottom:1em;}
#friends .title {width:150px; height:68px; background:url(images/title_friends.png) no-repeat; margin-bottom:1em;}

#learn, #friends {background:url(images/background_box.png); height:300px; padding:25px 0;}
#learn {background:url(images/background_box_dark.png);}
#talkListen #talk, #talkListen #listen {background:url(images/background_box.png); height:112px; padding:25px 0;}
	#talkListen #talk {margin-bottom:25px; height:113px;}
#learn *, #talkListen #talk *, #talkListen #listen *, #friends * {margin:0 25px;}
#learn * *, #talkListen * *, #friends * * {margin:0;}

#sponsors {width:498px; height:132px; background:url(images/ad.png) no-repeat; margin-top:50px; margin-bottom:50px; padding-left:142px; padding-bottom:20px;}
#sponsors img {margin-left:25px; margin-top:34px;}
#signature {color:#ffffff; margin-top:50px;}
#signature a {color:#ffffff;}

#friends ul {margin:0; padding:0; list-style-type:none;}
#friends a {display:block; margin:1em 25px; padding:0 .5em; background:url(images/background_box.png); color:#cccccc; text-decoration:none; font-size:20px; line-height:2em;}

#talkListen #talk ul {margin:0; padding:0; list-style-type:none;}
#talkListen #talk ul li {margin:0; padding:0; display:inline;}
#talkListen #talk ul li img{margin:0; padding:0;}

#talkListen #listen ul {list-style-type:none;}
#talkListen #listen ul li a {color:#cccccc; font-size:26px; text-decoration:none;}

#talkListen #friends {margin-top:25px; height:auto;}
#talkListen #friends .title {margin:0 25px;}
#talkListen #friends a {margin:.7em 25px 0 25px;}

#learn p {font-size:24px; color:#cccccc; line-height:1.2em;}
#learn p span a{font-size:14px; color:#ffffff; text-decoration:none;}
#learn ul {margin:1em 25px 0 0; padding:0; list-style-type:none;}
#learn ul li {float:left; margin:0; padding:1em;}
#learn ul li a {color:#ffffff; text-decoration:none; font-size:20px; padding:.5em 1em; background:url(images/background_box.png);}

#navigation {margin-top:50px; margin-bottom:50px; background:url(images/background_nav.png) no-repeat;}
	#navigation .title {width:375px; height:38px; background:url(images/title_learn.png) no-repeat; margin-bottom:1em;}
ul#nav {margin:0; padding:0;}
#nav li {display:inline; margin:0 2em 0 0; padding:0;}
#nav li a {font-size:24px; color:#444444; text-decoration:none;}
#nav li a:hover {color:#ffffff;}

#content_body {background:url(images/background_box_light.png); min-height:600px}
.posts-wrap {padding:25px; color:#000000;}
	.post-wrap p {color:#555555;}
	.posts-wrap h2 {font-size:30px;}
	.posts-wrap a {color:#000000;}

.date {float:right; margin:-3em 0 0 0;}

#comments {list-style-type:none;}

#footer {margin-top:25px; margin-bottom:25px;}
#footer p {text-align:center; color:#ffffff; font-weight:bold;}
#footer p a {text-decoration:none; color:#ffffff;}

/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_4 {margin-left: auto;margin-right: auto;width: 880px;}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1, .grid_2, .grid_3, .grid_4 {display:inline;float: left;margin-left: 10px;margin-right: 10px;}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {margin-left: 0;}
.omega {margin-right: 0;}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_4 .grid_1 {width:200px;}
.container_4 .grid_2 {width:420px;}
.container_4 .grid_3 {width:640px;}
.container_4 .grid_4 {width:860px;}

/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_4 .prefix_1 {padding-left:220px;}
.container_4 .prefix_2 {padding-left:440px;}
.container_4 .prefix_3 {padding-left:660px;}

/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_4 .suffix_1 {padding-right:220px;}
.container_4 .suffix_2 {padding-right:440px;}
.container_4 .suffix_3 {padding-right:660px;}

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {clear: both;content: ' ';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}