/*

Theme Name: Context Creative

Theme URI: http://www.contextcreative.com/wp-content/themes/context-theme/

Description: Default theme for Context Creative, circa 2009

Version: 1.0

Author: WPCoder

Author URI: http://wpcoder.com/ 

Tags: fixed width, three columns, widgets, custom image header

*/



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

							Eric Meyer's "Reset Reloaded"

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



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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-weight: inherit;

	font-style: inherit;

	font-size: 100%;

	font-family: inherit;

	vertical-align: baseline;

	text-decoration:none;

}



:focus {

	outline: 0;

}



body {

	color:#363636;

	background:#FFF url("images/background.jpg") repeat left top;

	text-align:center;

	font: 82% Georgia, 'Times New Roman', serif;

}



ol, ul {

	list-style: none;

}



div.entry ol, div.entry ul {

margin:0 0 1em 1.5em;

}



div.entry ol {

list-style:outside decimal;

}



div.entry ul {

list-style:outside square;

}



em {

font-style:italic;

}



strong {

	font-weight:bold;

}



/* tables still need 'cellspacing="0"' in the markup */

table {

	border-collapse: separate;

	border-spacing: 0;

}



caption, th, td {

	text-align: left;

	font-weight: normal;

}



blockquote:before, blockquote:after, q:before, q:after {

	content: "";

}



a {

	cursor:pointer;

}



a:link {

	color:#FE370F;

}



a:visited {

	color:#FE370F;

}



a:hover, a:active {

	color:#FEA70F;

}



blockquote, q {

	quotes: "" "";

}



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

							 Other Fun Default Classes, etc.

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



small, .caption {

	font: italic 0.9em 'Trebuchet MS', Verdana, Helvetica, sans-serif;

	color:#959595;

}



strong {

	font-weight:bold;

}



.left {

	float:left;

}



.right {

	float:right;

}



.clear:after {

	clear:both;

	content:".";

	display:block;

	visibility:hidden;

	height:0;

}



h1, h2, h3, h5, h6, #listings li.toplevel {

	text-align:left;

}



h1 a, h1 a:link, h1 a:visited {

	font: 1.4em 'Myriad Pro', Helvetica, Arial, sans-serif;

	float:left;

	padding-top:2px;

	letter-spacing:9px;

}



h2 {

	color:#FE370F;

	font:italic 2em Georgia, Garamond, 'Times New Roman', serif;

}



h2, h2 a, h2 a:link, h2 a:visited {

	margin-bottom:1em;

}



h3, h4, #listings li.toplevel {

	text-transform:uppercase;

	letter-spacing: 0.09em;

}



h3, h5, h6, #listings li.toplevel {

	font-family:'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;

}



h3, #listings li.toplevel {

	font-size:0.95em;

	color:#333333;

	margin-bottom:10px;

        line-height:1.5em;

}



h4 {

	font:0.9em 'Gill Sans', 'Trebuchet MS', Verdana, Arial, sans-serif;

	color:#000;	

	padding:3px 0 10px 0;

}



h5, h5 a, h5 a:link, h5 a:visited {

	color:#464646;

}



h5 {

	font-size:1.3em;

        margin-bottom:0px;

        margin-top:0px;

}



h6 {

	font-size:0.9em;

	font-style:italic;

	color:#363636;

	margin-bottom:20px;

}



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

							 Containing Elements

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



#wrapper {

	width:938px;

	margin:0 auto;

	background-color:#FFF;

	padding:0 21px;

	line-height:1.75em;

}



#header {	

	font: 0.9em 'Trebuchet MS', Verdana, sans-serif;

}



#main, #left, #content, #middle {

	float:left;

}



#left, #content, #right {

	position:relative;

}



#main {

	margin:0 250px 0 180px;

	border-left:1px solid #D7D7D7;

	border-right:1px solid #D7D7D7;

	padding:20px 0;

}



body.home #main {

	margin:0;

	border:0;

}



#left {

	position:relative;

	width:155px;

	margin-left:-179px;

	left:-1px;

}



#content {

	float:left;

	width:508px;

	margin:0 -1px;

	text-align:left;

}	



#right {

	position:relative;

	float:right;

	width:250px;

	margin-right:-250px;

	left:-1px;

}



#footer {

	clear:both;	

	border-top:5px solid #EBEBEB;

	text-align:left;

	color:#C2C2C2;

	font:0.9em 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;

	padding:10px 0;

	margin-bottom:50px;

	letter-spacing:0.035em;

}

#footer img{
margin-top:20px;
}




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

							 Header Elements

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



#logo {

	text-align:left;

	padding:13px 0 50px 0;

}



img.mainImg {

	width:934px;

	height:306px;

	padding:0px;

	border:0px solid #CCC;

}



#mainNav {

	position:absolute;

	width:100%;

	top:66px;

	background-color:#FFF000;

	text-transform:uppercase;

}



#mainNav div {

	width:938px;

	margin:0 auto;

}



#mainNav ul {

	float:right;

	border-left:1px solid #FFF;

}



#mainNav li {

	display:inline-block;

	padding:3px 20px;

	border-right:1px solid #FFF;

}



#mainNav li a, #mainNav li a:link, #mainNav li a:visited {	

	color:#595959;

	font: 0.9em 'Trebuchet MS', Verdana, sans-serif;

}



#mainNav li a:hover, #mainNav li a:active {

	color:#000;

}



.breadcrumb {

	text-align:left;

	padding:10px 0;

	border-bottom:1px solid #EBEBEB;

}



.breadcrumb, .breadcrumb a, .breadcrumb a:link, .breadcrumb a:visited {

	color:#898989;

}



.breadcrumb a:hover, .breadcrumb a:active {

	color:#393939;

}





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

							 Sidebars

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



#right h3, #right p, #right div div, #right ul, #right ol {

	padding-left:20px;

}



#right div div div {

        padding-left:0px;

}



#right h3 {

	color:#959595;

	font-size:0.9em;

}



#right div, #right #yarpp div {

	margin-bottom:20px;

	text-align:left;

	border-bottom:1px solid #EBEBEB;

}



#right div div, #right #yarpp {

	border-bottom:0;

}



#right div p {

	font-size:0.9em;

	padding-bottom:20px;

}



#right div div p {

	padding-left:0;

}



#right div.authorinfo {

	padding-top:0px;

	border-bottom:1px solid #EBEBEB;

}



#right div.first {

	border-top:0;

	padding-top:0;

}



#right img.avatar {

	width:80px;

	height:80px;

	margin-bottom:8px;

	border:1px solid #B9B9B9;

}



#right .related_posts {

	line-height:1.3em;

	margin-bottom:20px;

	padding-bottom:20px;

}

#right .related_posts h5 {

	margin-top:15px;

	margin-bottom:15px;

	
}


#right .related_posts img {

	width:224px;

	padding:2px;

	border:1px solid #B9B9B9;

	background-color:#EBEBEB;

	margin-bottom:5px;

}



#right .related_posts span.catname {

	background-color:#EDEDED;

	display:block;

	letter-spacing:0.1em;

	font:0.8em 'Trebuchet MS', Verdana, Helvetica, sans-serif;

	text-transform:uppercase;

	margin-bottom:0px;

      	color:#464646;

}



#left {

	font-size:0.9em;

	line-height:1.6em;

}



#listings {

	text-align:left;

}	



/* list heading */

#listings li.toplevel {

    margin-bottom:1em;

    text-transform:uppercase;

    color:#FE370F;

}





#listings ul {

margin-left:1em;

text-indent:-0.7em;

}



#listings li {

margin-bottom:0.5em;

}

	



#listings li a, #listings li a:link, #listings li a:visited {

    font-family: Georgia, 'Times New Roman', serif;

    text-transform:none;

    letter-spacing:0;

    color:#898989;

}



#listings li a:hover, #listings li a:active,

#listings li li.current_page_item a, #listings li li.current_page_item a:link, #listings li li.current_page_item a:visited,

#listings li li.current_cat a, #listings li li.current_cat a:link, #listings li li.current_cat a:visited {

	color:#FE370F;

}



#listings li li a, #listings li li a:link, #listings li li a:visited {

	font-style:italic;

    padding-left:0.75em;    

	background:url("images/dash.gif") no-repeat 0 0.6em;

}



#listings li li a:hover, #listings li li a:active,

#listings li li.current_page_item a, #listings li li.current_page_item a:link, #listings li li.current_page_item a:visited,

#listings li li.current_cat a, #listings li li.current_cat a:link, #listings li li.current_cat a:visited  {

	background:url("images/dashHover.gif") no-repeat 0 0.6em;

}



#listings li.current_page_item, #listings li.current_page_ancestor,

#listings li.current_cat, #listings li.current_cat_ancestor {

	font-weight:bold;

}



#listings li.current_page_item li, #listings li.current_page_ancestor li,

#listings li.current_cat li, #listings li.current_cat_ancestor li {

	font-weight:normal;

}





div.widget {

font-style:normal;

}



div.widget table {

width:100%;

}



div.widget caption {

width:100%;

font:1em "Trebuchet MS", Verdana, Helvetica, sans-serif;

text-transform:uppercase;

padding:3px 0;

border-bottom:1px solid #8E8E8E;

}



div.widget thead {

background-color:#EEE;

}



div.widget td, div.widget th, div.widget caption {

text-align:center;

}



div.widget td a, div.widget td a:link, div.widget td a:visited,

div.widget td#today a, div.widget td#today a:link, div.widget td#today a:visited {

color:#FE3730;

}



div.widget td a:hover, div.widget td a:active,

div.widget td#today a:hover, div.widget td#today a:active {

color:#FEA70F;

}



div.widget td#today {

border:1px solid #FE3730;

}



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

							 Content Elements

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



div.post, div.page {

	font-size:0.95em;

	border-top:1px solid #EBEBEB;

	padding: 20px;

}



div.post.first, div.page, body.single div.post {

	border-top:0;

	padding-top:0;

}



div.entry p {

	margin-bottom:1em;

}



div.entry img {

	max-width:465px;

	border:0px solid #959595;

}



div.entry a {

	font-weight:bold;

}



a.more-link {

	font-style:italic;

	font-weight:bold;

}



body.home div.post {

	width:219px;

	border-top:10px solid #EDEDED;

	border-right:1px solid #EDEDED;

	margin-left:20px;

	padding:15px 0;

	float:left;

}



body.home div.first {

	margin-left:0;

	width:217px;

}



body.home div.post a.more-link {

	display:block;

	padding:10px 0;

	text-align:left;

}



div.author {

	font:italic 0.9em 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;

	border:1px solid #EBEBEB;

	height:40px;

	line-height:1.8em;

	width:200px;

	padding:3px 5px 5px 5px;

	color:#000;

	margin-bottom:15px;

}



div.author img {

	float:left;

	margin:3px 10px 3px 0;

	width:36px;

	height:36px;

}



div.catdesc {

	padding-left:20px;

        padding-right:20px;

	margin-bottom:30px;

}


.catdesc p {

         margin-bottom: 1em;

}


hr.divide {

	background:#EBEBEB;

	clear:both;

	height:1px;

	border:0;

	display:block;

	padding:0;

	margin:20px;

}



div.category_post {

	width:210px;

	border:0;

	float:left;

}



div.category_post {

	padding-top:0;

}



div.category_post img {

	width:204px;

	padding:2px;

	border:1px solid #B9B9B9;

	background-color:#EBEBEB;

	margin-bottom:5px;	

}



div.navigation {

	font-size:0.9em;

	text-align:right;

	padding:0 20px;

}



/*comments */

#comments {

	padding:20px 20px 0 20px;

	border-top:1px solid #EBEBEB;

}



h3#comments {

	padding:0;

	border:0;

}



.comment-author, .commentmetadata {

	font:0.9em 'Trebuchet MS', Verdana, Helvetica, sans-serif;

}



.comment-author img {

	border:1px solid #EBEBEB;

	padding:3px;

	float:left;

	margin-right:5px;

}



.comment-body p {

	clear:left;

	padding:20px;

	font-size:0.9em;

}



#comments li {

 	padding:10px;

}



#comments li.odd {

	background-color:#EFEFEF;

	

}



#respond {

	margin-top:30px;

	font:1em 'Trebuchet MS', Verdana, Helvetica, sans-serif;

}



#respond input[type='text'] {

	border:1px solid #999;

	margin-bottom:3px;

	padding:2px;

} 



#respond textarea {

	width:465px;

	margin-bottom:10px;	

	font:0.85em 'Trebuchet MS', Verdana, Helvetica, sans-serif;

}



/* search */



#results404 {

	text-align:left;

	padding-bottom:30px;

}



#results404 div.first {

	padding-top:20px;

}



#results404 div.entry {

	margin-left:30px;

}



#results404 h3, #results404 h3 a {

	font-weight:normal;

}



#results404 p.date {

	font:0.9em 'Trebuchet MS', Verdana, Helvetica, sans-serif;

	color:#898989;

	margin-left:30px;

}



#results404 h4, #results404 form {

	text-align:center;

}



#results404 input[type='text'], div.widget_search input[type="text"] {

	border:1px solid #999;

	padding:2px;

}



div.widget_search input[type="text"] {

width:100px;

}



div.widget_search label {

font:0.9em 'Trebuchet MS', Verdana, Helvetica, sans-serif;

}





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

							 Footer Elements

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



#footer a, #footer a:link, #footer a:visited {

	color:#898989;

}



#footer a:hover, #footer a:active {

	color:#FE370F;

}



#footer div.menu {

	padding-bottom:10px;

}



#footer div.menu li {

	padding:0 10px;

	display:inline;

    border-left:1px solid #898989;

}



#footer div.menu li.page-item-2, #footer div.menu.right li.page-item-8 { 

	border-left:0;

}



#footer div.menu li.page-item-2 { 

	padding-left:0;

}





#footer div.menu.right li.page-item-12 {	

	padding-right:0;

}



#footer div.copyright {

	padding:15px 0 5px 0;

	clear:both;

	border-top:1px solid #EBEBEB;

	font-size:0.9em;

}

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

							 Widgets Custom CSS

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



/*

Twitter for Wordpress Extended Plugin



ul.twitter: the main ul  (if list is activated)

li.twitter-item: the ul items (if list is activated)

p.twitter-message: each one of the paragraphs (if msgs > 1)

.twitter-timestamp: the timestamp span class

a.twitter-link: the tweet link class

a.twitter-user: the @username reply link class

li.twitter-item img: format the avatar icon on search results

*/



h3 a:link.twitter {

	color: #959595;

}



ul.twitter {

	margin-bottom: 20px;

}



li.twitter-item {

	border-bottom:1px solid #DEDEDE;
	
	border-left:6px solid #DEDEDE;
	
	font-family:lucida Grande,arial,sans-serif;
	
	font-size:11px;
	
	line-height:1.5em;
	
	margin-top:15px;
	
	padding-bottom:10px;
	
	padding-left:10px;
	
	padding-top:0;

}


.textwidget ul {
	
	list-style-position:outside;
	
	list-style-type:disc;
	
	margin-left:15px;
	
}

.textwidget ul {
	
	list-style-position:outside;
	
	list-style-type:disc;
	
	margin-left:15px;
	
	color:#898989;
	
	font-style:italic;
	
}

.textwidget ul li {
	
	margin-top:10px;
	
}

.textwidget ul a {
	
	color:#898989;

}


.textwidget ul a:hover {
	
	color:#FEA70F;

}