/*
Theme Name: Leila Adu 2010
Theme URI: http://josephohughes.com
Description: new theme for 2010
Version: 2.0
Author: Joseph O Hughes
Author URI: http://josephohughes.com


*/


html,body{
	
	color:#efefef;
}

body{
	font-family:Georgia,Cambria,"Times New Roman",Times,serif;
	font-size:1em;
	font-weight:400;
	width:100%;
	background:#111110 url(images/bodyback.gif) no-repeat top center;
	margin:0;
	padding:0;
	
}


li {
	padding-bottom:.5em;
	}

.entry p, .entry ul, .entry ol {
	clear:left;
	}

body.page-id-95 .entry h4 {
	clear:both;
	}

h1 strong, h2 strong, h3 strong, h4 strong { 
	font-weight:normal;
	}


h1{
	font-size:1.7em;
	padding:0;
	margin:0;
font-weight:normal;
	}


h2{
	font-size:2.1em;
	font-family:Georgia,Cambria,"Times New Roman",Times,serif;
	font-weight:normal;
	margin:0 0 1.5em 0;
	padding:0;
	}

h3 {
	font-size:1.5em;

	color:#fff;
	margin:0 0 1em 0;
	padding:0;
font-weight:normal;
	}
  

h4{
	font-size:1.3em;	color:#a2293d;
	margin:0 0 1em 0;
	padding:0;
font-weight:normal;
	}

.entry h4{
	padding-top:0.7em;
	}

a {
	color:#84b5a5;
	text-decoration:none;
	}

a:hover {
	background:#b82245;
	color:#fff;
	cursor:pointer;
	text-shadow: 0 0 3px rgba(0,0,0,0.4);
	}

img {
	border:none;
	}

#header {
	padding:30px 0 20px 0;
	width:790px;
	margin:0 auto;
	}

#header h1 {
	margin:0 0 0 20px;
	padding:0;
	height:200px;

	}
	
#header h1 a {
	color:#fff;
	}
	
#header h1 a img {
		border-bottom:4px solid #b82245;
		padding-bottom:1px;
	}
	
#header h1 a:hover {
	background:none;
	}
	
#pagetop {
	margin:0 auto;
	width:790px;
	}

#mainnav, #childnav {
	margin:0 15px 10px 30px;
	padding:0;
	list-style-type:none;
	text-align:center;
	font-size:0.9em;
	}

#mainnav li, #childnav li {
	display:inline-block;
	padding-bottom:10px;
	}

#mainnav li.current_page_item a, #childnav li.current_page_item a, #mainnav li.current_page_ancestor a, .archive #mainnav li.page-item-340 a, .single #mainnav li.page-item-340 a, body.home #mainnav li#mainnav0 a, body.category-news #mainnav li#mainnav1 a, body.single #mainnav li#mainnav1 a {
	border-bottom:4px solid #b82245;

	}

#mainnav li a, #childnav li a {
	margin:0 15px 0 0;
	display:block:
	padding:0 20px 2px 20px;
	color:#fff;
	border-bottom:4px solid #111110;
	}

#mainnav li a:hover, #childnav li a:hover {
	border-bottom:4px solid #393939;
	background:none;
	text-shadow: 0 0 0 #000;
	}

#mainnav li a:focus, #childnav li a:focus {
	border-bottom:4px solid #ddd;
	}

#page {
	margin:0 auto;
	width:790px;


}

body.home #content h3 {
	margin:0 0 .4em 0;
	padding:0;
	}

body.home #content ul {
	margin:0 0 1em 0;
	padding:0;
	list-style-type:none;
	}

body.home #content ul li {
	margin:0 0 1em 0;
	padding:0;
	}

#homeevents {
	xpadding-top:1em;
	}

#content {
	margin-left:20px;
	width:520px;
	float:left;
	min-height:480px;
	padding-bottom:10px;
	}

#content.widecolumn {
	width:750px;
	padding-top:20px;
	}

#content.narrowcolumn {
	padding-top:20px;
	}

#content.widecolumn p {
	padding-right:150px;
	}

body.home #content  {
	xwidth:500px;
	xfloat:left;
	}


#homeaboutbit {
	font-size:1.3em;
	width:510px;
	margin-left:20px;
	line-height:1.8em;
	float:left;
	}

#content1n2 {
	width:580px;
	float:left;
	padding-top:5px;
	}

body.home #content1  {
	width:230px;
	float:left;
	}


body.home #homeevents  {
	width:230px;
	margin-left:275px;
	}


body.home #sidebar {
	width:200px;
	margin-left:570px;
	margin-top:7px;
	}



#prominent {
	background:url(images/prombox.gif) no-repeat #222;
	font-size:.8em;
	padding:5px;
	margin:0 0 25px 0;
	border-bottom:1px solid #0a0a0a;
	line-height:1.6em;
	}

#prominent img {
	width:190px;
	margin-bottom:5px;
	}
	
#prominent a:hover {
	background:none;
	color:#b82245;
	text-shadow:none;
	}

#social {
	margin:0;
	padding:0;

}

#social  li {
	margin:0 0 1px 0;
	padding:0;
	font-family: Arial, Helvetica,sans-serif; 
	font-size:.8em;
}

#social  li a {
	display:block;
	background-color:none;
	background-position:5px 5px;
	background-repeat:no-repeat;
	font-weight:bold;
	color:#fff;
	padding:8px 5px 8px 5px;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
}

#social  li a:hover {
	background-color:#b82245;
}

#social  li.myspace, #social li.facebook, #social li.twitter {
	margin:0 0 1px 0;

	line-height:1em;
	font-family: Arial, Helvetica,sans-serif; 
	font-size:.8em;
}


#social  li.myspace a, #social li.facebook a, #social li.twitter a {
	padding-top:12px;
	padding-left:43px;
	height:20px;
}

#social li.twitter a {	background-image:url(images/icons/twitter_32.png);}
#social li.facebook a {	background-image:url(images/icons/facebook_32.png);}
#social li.myspace a {	background-image:url(images/icons/myspace_32.png);}

.entry {
	padding-bottom:10px;
	}


#content #respond h3 {
	padding:0;
	}

 .navigation {
	height:2em;
	}

 .navigation .alignleft , .navigation .alignright {
	width:290px;
	}

.alignleft {
	float:left;
	margin:0 20px 20px 0;
	}

.alignright {
	float:right;
	margin:0 0 20px 20px;
text-align:right;
	}

#respond {
	margin-top:30px;
	}

#content small {
	margin-bottom:20px;
	display:block;
	}

#content h2 {
	margin:0 0 10px 0;
	padding:0;
	clear:both;
	}

#content p.postmetadata {
	padding-bottom:50px;
	margin-bottom:0;
	}

#content p, #content ul, #content ol  {
	font-size:.9em;
	line-height:1.4em;
	}

#sidebar {
	width:200px;
	margin:0 0 0 570px;
	padding:20px 0;
	font-size:.9em;
	}


.spanclear {
	display:block;
	height:1px;
	overflow:hidden;
	clear:left;
	}

#sidebar ul {
	padding:0;
	margin:0 0 1em 0;
	list-style-type:none;
	}

#sidebar ul ul {
	margin:0 0 1em 0;
	padding:0;
	}

#sidebar ul ul.twitter li {
	margin-bottom:.5em;
	}

#sidebar ul.dynamic ul li {
	margin-bottom:.3em;
	}

#sidebar ul.links ul li {
	margin-bottom:.3em;
	}

#sidebar ul.alittlepoison ul li strong {
	font-weight:normal;
	border-bottom:#777 dotted 1px;
	}

#sidebar ul.links ul li {
	margin-bottom:.5em;
	}

#sidebar ul.links ul li a {
	border-bottom:#777 dotted 1px;
	}

#sidebar ul.alittlepoison ul li span {
	display:block;
	margin-top:.3em;
	}

#sidebar ul {
	
	}


#sidebar h2 {
	font-size:1.5em;
	padding:0 0 .2em 0;
	margin:0 0 .3em 0;
	line-height:1em;
	}



#sidebar abbr {
	border-bottom:#777 dotted 1px;
	}

#sidebar a.rss {
	background:url(images/icons/rss_16.png) no-repeat 2px 1px;
	display:block;
	padding-left:24px;
	padding-bottom:3px;
	}

hr {
	display:none;
	}



#footer {
	clear:both;
	margin:30px auto 20px auto;
	border-top:1px solid #222;
	width:750px;
	z-index:10;
	font-size:.8em;
	text-align:right;
	}

#footer p {
	padding:15px 2px 0 2px;

	border-top:1px solid #393939;
	margin:0;
	}

/* photo page */

body #content ul.photoset {
	list-style-type:none;
	margin:0 30px 20px 0;
	padding:0;
	}

body #content ul.photoset li{
	margin:0 10px 10px 0;
	padding:0;
	float:left;
	}

body #content ul.photoset a {
	margin:0;
	padding:0;
	background:none;
	border:none;
	text-shadow: none;
	}

body #content ul.photoset a img {
	border-bottom:4px solid #111110;
		padding-bottom:1px;
	}

body #content ul.photoset a:hover {
	margin:0;
	padding:0;
	background:none;
	border:none;
	}

body #content ul.photoset a:hover img {
	border-bottom:4px solid #b82245;
	}


/* colorbox */


/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(images/overlay.png) 0 0 repeat;}


/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(images/overlay.png) ;}

#colorbox{}
    #cboxContent{margin-top:32px;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-18px; left:0; color:#fff; font-size:0.7em; padding:2px 4px; background:#000;opacity:0.9;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(images/controls.png) 0 0 no-repeat;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose.hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}


/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}

/*comments*/


#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}

.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0 20px;
	}

.commentlist li {
	margin: 0 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
	padding:0;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}