/*   
Theme Name: Coming Together
Description: comingtogethertc.org Custom Theme
Author: ArcStone Technologies
Author URI: http://www.arcstone.com
*/

*
{
	margin		: 0;
	padding		: 0;
}
html, body
{
	margin		: 0;
	padding		: 0;
	text-align	: center;
	font		: 14px/1.3em Arial, Helvetica, sans-serif;
	color		: #343434;
	background	: #0c0c0c url(images/bg.gif);
}
body { padding-top: 5px; }

a, img, table, td { border: 0; }

a { color: #20A2CF; text-decoration: none; }
a:hover { color: #343434; text-decoration: underline; }

a.button
{
	display				: block;
	background-position	: bottom left;
	background-repeat	: no-repeat;
	text-indent			: -9999px;
}
a:hover.button { background-position: top left; }

h1 
{
	font-size	: 28px;
	color		: #20A2CF;
	margin		: 0.6em 0 0.8em 0;
}
h2 
{
	font-size	: 20px;
	color		: #20A2CF;
	margin		: 1em 0;
}
h3 
{
	font-size	: 18px;
	color		: #20A2CF;
	margin		: 1em 0;
}
h4 
{
	font-size	: 14px;
	color		: #20A2CF;
	margin		: 0.5em 0;
}

p { margin: 1.5em 0; }

p strong { color: #0c0c0c; }

small, .tip 
{ 
	font-size	: 10px; 
	color		: #787878;
	font-weight	: normal;
}

.divider
{
	clear		: both;
	margin		: 20px 0;
	width		: 100%;
	height		: 1px;
	font-size	: 1px;
	line-height	: 1px;
	background	: #DDD;
}

.clear
{
	clear	: both;
	width	: 100%;
}

/* ----------------------------------------------------- form */

input[type=text], textarea, select, option 
{ 
	padding	: 3px; 
	font	: 12px Arial, Helvetica, sans-serif;
}

fieldset { }
legend { }

form ul 
{ 
	list-style	: none; 
	padding		: 20px 0;
}

form ul label
{
	display		: block; 
	font-weight	: bold;
	float		: left;
	width		: 120px;
}

form ul li
{
	display	: block;
	clear	: both;
	padding	: 4px 0;
}

/* ----------------------------------------------------- page */

#page
{
	width		: 960px;
	margin		: 0 auto;
	text-align	: left;
}

/* ----------------------------------------------------- page-head */

#page-head
{
	width			: 100%;
	height			: 241px;
	background		: #bdd63c url(images/header_2.jpg) top center no-repeat;
	margin-bottom	: 5px;
	position		: relative;
}
h1#logo a
{
	display		: block;
	margin		: 0;
	padding		: 0;
	position	: absolute;
	width		: px;
	height		: px;
	top			: 10px;
	left		: 20px;
}
p#tagline 
{ 
	margin		: 0; 
	position	: absolute;
	top			: 40px;
	left		: 20px;
}
p#date
{
	position		: absolute;
	margin			: 0;
	top				: 124px;
	left			: 648px;
	color			: #FFF;
	font			: bold 30px Arial, Helvetica, sans-serif;
	text-transform	: uppercase;
}


/* ----------------------------------------------------- page-head */

#nav 
{ 
	width		: 100%;
	height		: 48px;
	background	: #00b1db;
}
#nav ul { margin: 0 0 0 30px; padding: 0; list-style: none; }
#nav li { display: inline; }
#nav li a
{
	dipslay			: block;
	float			: left;
	height			: 48px;
	color			: #FFF;
	font-size		: 16px;
	font-weight		: bold;
	padding			: 0 15px;
	line-height		: 48px;
	text-decoration	: none;
}
#nav li a:hover { background: #FFF; color: #00abd3; }


/* ----------------------------------------------------- base */

#base 
{
	width		: 100%;
	clear		: both;
	float		: left;
	background	: #FFF;
	padding		: 50px 0;
}

/* ----------------------------------------------------- main */

#main 
{ 
	width		: 535px;
	float		: left;
	margin-left	: 45px;
}

#main .content { } 

img.alignright 	{ float: right; margin: 15px 0 15px 15px; }
img.alignleft	{ float: left; margin: 15px 15px 15px 0; }

/* ----------------------------------------------------- posts */

.post-list { list-style: none; }
.post-list li { clear: both; }

img.attachment-post-thumbnail, img.attachment-200x200 { float: left; margin: 0 25px 20px 0; }

img.attachment-post-thumbnail { padding: 2px; background: #00b1db; border: #00b1db 2px solid;  }
a:hover img.attachment-post-thumbnail { background: transparent; }



img.thumb 
{ 
	float	: left;
	margin	: 15px 15px 15px 0;
}

a > img.thumb { }
a:hover > img.thumb { }

#blog-posts p
{
	font-size	: 12px;
	margin		: 0.8em 0;
	color		: #777;
}
#blog-posts h3 { margin-bottom: 6px; }
h4.date
{
	color		: #000;
	margin		: 0 0 15px 0;
	font-size	: 13px;
}

/* ----------------------------------------------------- comments */

.comments-meta { font-size: 11px; color: #73706a; }

#comments { clear: both; }

#comments h3 { margin: 15px 0; padding-bottom: 5px; }

#main #comments form ul { margin: 10px 0; }
#main #comments form ul li { margin-bottom: 0; }
#main #comments form ul li label { margin-left: 0; width: 120px; }
#main #comments form ul input.text { width: 180px; }



#main ol.comments-list { list-style: none; margin: 0; padding: 10px; }
#main ol.comments-list li 
{ 
	font-size		: 11px; 
	margin-bottom	: 10px; 
	padding			: 10px 15px; 
}
ol.comments-list li.comment.even { }
ol.comments-list li.comment.odd { background: #f9f9f9; }


img.photo.avatar { width: 50px; height: auto; }
.comments-list li .avatar 
{ 
	float		: right;
	display		: none;
}


.comments-list li cite 
{ 
	font-weight		: bold; 
	font-size		: 14px; 
	display			: block;
}
.comments-list li span.says { display: none; }
.comments-list li .comment-meta { padding-bottom: 20px; }

#main .comments-list li p { margin: 10px 10px 10px 0; line-height: 14px; }

/* ----------------------------------------------------- comment-form */

#comment-form li small { padding-left: 5px; }

#comment-form-comment 
{
	width	: 500px;
	height	: 100px;
}


/* ----------------------------------------------------- sidebar */

#sidebar
{
	float			: right;
	width			: 280px;
	margin-right	: 45px;
}

#sidebar ul, #sidebar ol { list-style: none; }
#sidebar li { margin-bottom: 8px; }

#sidebar p { font-size: 12px; line-height: 16px; color: #666; }

.rss-date { color: #999; }

div.widget { margin-bottom: 30px; }

/* ----------------------------------------------------- footer */

#footer 
{ 
	clear		: both; 
	padding		: 15px 45px; 
	font-size	: 11px;
	color		: #787878;
}
#footer a:hover { color: #FFF; }
#footer ul { list-style: none; }
#footer ul li 
{ 
	display			: inline; 
	padding-right	: 12px;
}