/*
Theme Name: ebriel
.
Copyright 2009 Nguyet M. Vuong.
For Elizabeth Briel
.
*/


/* ----- Generic styles --------------------------------------------------*/
html { background: #f6ece2 url("../images/layout/body-bg.jpg") repeat 0 0;}
body { font: normal 72%/1 Arial, Helvetica, sans-serif; color: #292828; background: url("../images/layout/bg-tile.jpg") repeat-x 0 0;}

/*body { background: url("../images/_grid.gif") repeat-y 50% 0; }*/

/* ----- Generic classes -------------------------------------------------*/
.alt { position: absolute; left: -9999px; }
.clear { zoom: 1; }
.clear:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; }


/* ----- Base layout -----------------------------------------------------*/
div#doc { width: 1200px; margin: 0 auto; padding: 0; background: url("../images/layout/bg.jpg") no-repeat 0 0; }
h1#logo { width: 981px; padding-left: 110px; margin-bottom: -13px; }
div#hd { padding-left: 110px; }
div#bd { background: url("../images/layout/content-bg2.jpg") no-repeat 0 0 ; margin-left: 100px; }
div#container { background: url("../images/layout/content-bg-repeat.png") repeat-y 100px 10px; }

/* ----- Prim Nav -----------------------------------------------------*/
#divnav { margin: 0; }
ul#nav-primary { margin: 0; padding: 15px 0 0 165px;}
ul#nav-primary li { float: left; }
ul#nav-primary li a { display: block; height: 31px; background-repeat: no-repeat; background-position: 0 0; }
ul#nav-primary li a:hover, ul#nav-primary li a.current { background-position: 0 -31px; }


li#nav-blog a { width: 95px; background-image: url("../images/nav/blog.gif"); }
li#nav-about a { width: 167px; background-image: url("../images/nav/about.gif"); }
li#nav-gallery a { width: 140px; background-image: url("../images/nav/gallery.gif"); }
li#nav-projects a { width: 143px; background-image: url("../images/nav/projects.gif"); }
li#nav-contact a { width: 126px; background-image: url("../images/nav/contact.gif"); }

/* ----- Blog Left Column -----------------------------------------------------*/
div#blogleft-column {float: left; width: 600px; margin: 30px 0 20px 0; padding: 0 30px 20px 50px; border-right: 1px dotted #4f7584;}
div#blogleft-column p a { color: #0b99d1; }
div#blogleft-column p a:hover { color: #d36402; }
div#blogleft-column img {border: 1px dotted #163552; }
div#blogleft-column p { font-family: Arial, Helvetica, Verdana, sans-serif; color: #282929; font-size: 1.1em; line-height: 1.5em; }
.entry h2 { padding-top: 15px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.8em; font-weight: bold; color: #163552; }
div#blogleft-column h3 { padding-top: 15px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.5em; font-weight: normal; color: #163552; }

div#blogleft-column date {font: italic bold 12px Georgia, Times, serif; color: #163552; }
.entry { padding: 0 0 15px 0; border-bottom: 1px dotted #899fac; }
	.alignright { float: right; padding-top: 15px; font-size: 1.1em; }
	.alignleft { float: left; padding-top: 15px; font-size: 1.1em; }
	.navigation { height: 40px; }
	.fn { font-size: 14px; margin-bottom: 10px;  }
blockquote { margin: 15px 10px 0 30px; padding-left: 0; padding-right: 20px; border-left: 0 none; border-right: 5px solid #ddd; }
.commentmetadata { font-weight: normal; padding-top: 10px;}
img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    img.alignright {
    padding: 4px;
    margin: 0 0 2px 15px;
    display: inline;
    }

    img.alignleft {
    padding: 4px;
    margin: 0 15px 2px 0;
    display: inline;
    }

    .alignright {
    float: right;
    }

    .alignleft {
    float: left;
    }
div.clearer { clear: left; line-height: 0; height: 0; } 

/* ----- Blog Right Column -----------------------------------------------------*/
div#blogright-column { float: left; margin-top: 30px; padding: 0px 20px 20px 30px; width: 250px; }
div#blogright-column li p { font-size: 1em line-height: 1.5em; padding: 10px 10px 10px 0; }

div#blogright-column li { display: list-item; padding-top: 5px;  }
div#blogright-column li li { margin: 0px;}
div#blogright-column li a { text-decoration: none; color: #0b99d1; font-size: 1.2em; }
div#blogright-column li a:hover { text-decoration: none; color: #d36402; }

.twitter { margin-top: 10px; width: 249px; height: 219px; background: url("http://elizabethbriel.com/blog/wp-content/themes/ebriel/images/twitter.gif") repeat-x 0 0; border-bottom: 1px solid #899fac; padding-bottom: 15px; }

.pagenav { border-bottom: 1px solid #899fac; }
.categories { border-bottom: 1px solid #899fac; padding-bottom: 15px;}
.linkcat { border-bottom: 1px solid #899fac; }
.archives { border-bottom: 1px solid #899fac; padding-bottom: 15px; padding-top: 10px;}
    
 
div#sidebar-newsletter-signup input[type="text"] {-moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0; border:1px solid #C4C4C4; color:inherit; height:17px; padding:3px; width:223px;
	}



/* ----- Right Column -----------------------------------------------------*/
div#right-column { float: right; margin: 0; padding: 30px 160px 20px 10px; width: 560px;}
div#splash-photo { float: right; border: 1px solid #b1c5ce; }
div#push { height: 150px; width: 660px; padding-top: 15px; margin-top: 415px; }

.p { font-size: 1.1em line-height: 1.5em; padding: 10px 20px 20px 0; }
.divider { width: 275px; background: url("../images/line.jpg") repeat-x 0 0; padding: 15px 0 20px 0; }

/* ----- Left Column -----------------------------------------------------*/
div#left-column { float: left; width: 275px; padding: 20px 20px 20px 50px ;}
div#splash p a { font: italic 90% Georgia, Times, serif; color: #0b99d1; }
div#splash p a:hover { color: #207ca6; }
div#splash p a.more {padding-right: 12px; color: #0b99d1; background: url("../images/layout/arrow.gif") no-repeat 100% 8px;}
div#splash p { width: 240px; padding: 20px 20px 30px 30px; font: italic 200%/1.5 Georgia, Times, serif; color: #49095c; }


div#sec-nav { padding-top: 46px; }
ul#sec-nav li { display: list-item; font-size: 1em; border-bottom: 1px solid #899fac; width: 250px; padding-top: 10px; padding-bottom: 10px; }
ul#sec-nav li a { text-decoration: none; color: #163552; font-size: 1.3em; }
ul#sec-nav li a:hover { text-decoration: none; color: #005584; font-size: 1.3em; }


/* ----- Lightbox -----------------------------------------------------*/

.Images:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.thumbnail { padding: 2px; padding-bottom: 10px; background-color: #ffffff; border: 1px solid #b1c5ce; float: left; margin-right: 7px; margin-bottom: 10px; }	
.thumbnail_none { padding: 10px; border: 1px solid #276279; float: left; margin-right: 5px; margin-bottom: 15px; }	
.caption{ font-size: 1.0em; padding: 7px 0 0 5px; color: #005584; }


/* ----- Type -----------------------------------------------------*/

h1 { margin-bottom: 10px; padding-bottom: 10px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: Regular; color: #276279; font-size: 1.6em; text-transform: uppercase; background: url("../images/line.jpg") repeat-x 0 100%; }

h2 { padding: 15px 0 10px 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.6em; font-weight: normal; line-height: 1.5em; margin: 0; color: #054675; }

h3 { font-family: Georgia, Arial,Verdana, san-serif; font-weight: Bold; font-size: 1.3em; padding: 15px 0 10px 0; color: #054675;}

p, td { font-family: Arial, Helvetica, Verdana, sans-serif; color: #282929; font-size: 1.1em; line-height: 1.5em; padding: 5px 0 10px 0; }

a { font-weight: regular; color: #0b99d1; text-decoration: underline; }	

a:hover { color: #d36402; text-decoration: none; }



/* ----- Comments -----------------------------------------------------*/

div#comments-template{
	margin: 10px 0 0;
	padding: 10px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

.comments-template h2, .comments-template h3{
	font-family: Georgia, Sans-serif;
	font-size: 16px;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
}

/* ----- Footer -----------------------------------------------------*/

div#ft { height: 97px; background: url("../images/layout/footer.png") no-repeat 100px 0; font-size: 120%; clear: both; }
div#ft-container { margin-left: 137px; width: 917px; background: url("../images/footer-line.jpg") repeat-x 100px 0; height: 50px; }

div#right { float: right; padding-top: 30px;}
div#ft p { padding:0; font-size: 11px;}
div#ft p a { text-decoration: underline; color: #1d9ed9;  }
div#ft p a:hover { color: #207ca6; }

div#left { float: left; padding-top: 15px; }
.footer { margin: 0; }
div#ft img { padding-right: 10px; }
ul#nav-footer li { display: inline; font-size: 11px; }
ul#nav-footer li a { text-decoration: none; color: #005584; font-size: 11px; }
ul#nav-footer li a:hover { color: #276279; }