/*
Theme Name: Ali Liebert
Theme URI: http://www.aliliebert.com
Description: Theme for AliLiebert.com, based on Starkers by Elliot Jay Stocks
Version: 0.9
Author: Sean Patrick Sullivan
Author URI: http://www.breadwinners.ca
Tags: aliliebert
*/

@import "style/css/reset.css";

div, ul, li { position:relative } 

br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Br class to clear  floated columns */

body {
	font-family: georgia;
	background: #333;
	font-size: 62.5%;
	}
	
p {
	font-size: 1.4em;
	line-height: 1.5em;
	}	
	
a {color:#f817a0; text-decoration: none;}

a:hover {text-decoration: underline}
	
	
h1, h2, h3, h4, h5, h5, h6 {}

/*h1 {font-size: 3.5em; font-family: "Chardin Doihle Bold", "Franchise", "Deibi", "Public Gothic Vintage", "Chardin Doihle Bold"; text-align: left; padding-bottom: 10px; letter-spacing: 0em; float:left; }*/

h1 {background-image: url(http://www.aliliebert.com/wp-content/themes/alitheme/style/images/namebanner.png); background-repeat: no-repeat; height: 40px; width: 254px; text-align: left; padding-bottom: 8px; float:left; }

h1 {color: transparent;} /** H1 invisible for SEO */

h1 a, a:hover {text-decoration: none}

h2 {color: #383838 ; letter-spacing: .07em; font-size: 2.2em; font-weight: normal; padding-bottom: 5px; margin: 15px 0 30px 0; border-bottom: 1px solid #eee; }

h3 {font-family: 'gill sans', 'trebuchet ms', helvetica, sans-serif; font-size: 1.2em; font-weight: normal; text-transform: uppercase; color: #666; margin-top: 10px; border-bottom: 2px solid #ccc; padding-bottom: .3em; letter-spacing: .15em; margin-bottom: 1em;
color: #888; } 

h3 a {text-decoration: none; color: #0C1D40;}

h4 {font-size: 1.3em; border-bottom: 1px solid #ccc; padding-bottom: 5px; margin-bottom: 5px; }

h5 {font-family: 'gill sans', 'trebuchet ms', helvetica, sans-serif; font-size: 1.2em; font-weight: normal; text-transform: uppercase; color: #666; margin-top: 10px; border-bottom: 2px solid #ccc; padding-bottom: .3em; letter-spacing: .15em; margin-bottom: 1em;
color: #888; width: 20em;} 

/* Image classes */

img.right {padding: 0; margin: 4px; border: 1px black solid; display: inline; float:right;}

img.ali {display:block; margin:0 auto; padding-bottom: 10px; border-bottom: 4px solid #ccc }

img.left {padding: 0; margin: 0; border: none; display: inline; float:left;}

img.banner {padding: 10px 0; }

img.centered{
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignleft {float:left; margin: 5px 8px 5px 0;}
img.alignright {float:right; margin: 5px 0 5px 8px}
img.aligncenter {display:block; margin: 0 auto;}

.alignleft img {border: 1px #888 solid;}
.alignright img {border: 1px #888 solid;}

.wp-caption {
text-align: left;
}

.wp-caption img {
margin: 0px 0px 5px 0px;
border: 1px solid #777;
}

.wp-caption p {
font-family: arial, sans-serif;
font-size: 11px;
line-height: 150%;
color: #777;
padding-left: 1px;
}



.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* General layout and specific div styles */

#blogwindow {
	width: 50em;
	float:left;
	padding-right: 30px;
	border-right: 1px solid #ccc;}
	
#blogwindow	h3 {font-family: georgia; font-size: 2.3em; border-bottom: 4px solid #f817a0; width: 500px; padding-bottom: .2em; text-transform: none; letter-spacing: 0em;  margin: 0px 0px; } /* Blog entry headline */

#container {
	width: 85em;
	margin: 1em auto;
	background-color: #fff;
	padding: 0 5em;}
	
#footer {
	width: 100%;
	clear:both;
	border-top: #ccc solid 1px}

#footer p {
	font-family: arial;
	font-size: 1.1em;
	padding: 10px 5px;
	color: #777;
	text-align: center}
	
#footer a {
	font-weight: bold;
	text-decoration: none;
	color: #000;}
	
#leftside {
	width: 57em;
	float:left;
	padding-top: 10px;
	padding-right: 30px;
	margin-bottom: 15px;
	border-right: 1px solid #ccc;}	
	
#middle {padding-bottom: 15px;}
	
#middle p {margin-top: 1em;}

#navmenu {
	font-family: 'gill sans', 'trebuchet ms';
	font-size: 12px;
	margin-bottom: 10px;
	height: 5.5em;
	padding-top: 25px;
	border-bottom: 4px solid #ccc; }

#navmenu ul {list-style-type: none; list-style-image: none; padding: 30px 0 5px 0;  text-align:right;  text-transform: uppercase; margin-left: 265px;}
#navmenu li {display: inline; padding: 5px 0; }
#navmenu ul li a {text-decoration:none; margin: 0 11px; font-weight: normal; text-transform: uppercase; letter-spacing: .1em;
color: #888;}
#navmenu a:hover {color:#f817a0; } 	
#navmenu .current_page_item a:link, #navmenu .current_page_item a:visited{
	color: #000; font-weight: bold; }
	
#panels
	{}
	
#panels li {font-size: 1.4em; line-height: 1.8em; list-style-type: circle; padding-left:10px;}
	
#panels a {color: #333}

#panels a:hover {color:#f817a0}
	
#one {
	width: 17em;
	float: left;
	padding-right: 10px;
	margin-bottom: 1em;} /* Side-by-side columns on frontpage */
	
#two {
	width: 46em;
	float: left;
	border-left: 1px #ccc solid;
	border-right: 1px #ccc solid;
	padding: 0 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;}
	
#two li {margin-left: 15px;}
	
#three {
	width: 17em;
	float: left;
	padding-left: 10px;
	margin-bottom: 1em;}	
	
#pressleft {
	width: 57em;
	float:left;
	padding-right: 30px;
	margin-bottom: 15px;
	border-right: 1px solid #ccc;}

#pressleft a {font-family: arial, helvetica; font-size: 1.15em; color: #333}

#pressleft a:hover {color: #fff}
	
#pressbar {width: 23em; float:right;}	
	
#pressbar ul li {font-family: arial, helvetica; color: #333; font-size: 1.15em; margin-left: 1.2em; list-style-type:disc;}

#pressbar li {margin-bottom: .5em;}
	
#pressbar a:hover {
	color: #000; text-decoration: underline}

		
#resume {
	font-family: 'gill sans', 'trebuchet ms'; 
	letter-spacing: .1em; 
	text-align: right;
    font-size: 1.2em;
    line-height: 220%;
    margin: 0;  }  /* Acting Credits/Resume Table */
	

#resume tbody tr td {
      background-color: #eee;
      padding-right: 4em;}
          
#resume tbody tr.odd  td {
    background-color: #fff;
    padding-right: 4em; }

#sidebar {
	width: 27em;
	float:left;
	margin-left: 10px;}
	
#sidebar li {
	font-size: 1.2em;
	padding-bottom: .2em;}

#sidebar p {font-size: 1.2em;}

#sidebar h2 {font-size: 1.5em; font-weight: bold; letter-spacing: -.015em; font-family: georgia; border-bottom: 4px solid #f817a0; display:block; width: 20em; margin-bottom: 1em;}



/* Specific classes */

.fixed {position:absolute; top: 19em; right: 16em;}

.date {font-size:1em; padding:5px 0 5px 0px;  margin:7px 0 3px 2px; font-family:'gill sans', 'trebuchet ms', helvetica, sans-serif; color:#666; text-transform:uppercase; letter-spacing:0.1em; line-height:1.1em; height:10px}
	
.greybox {font-size:1em; padding:5px 0 5px 4px; width:50em; margin:7px 0 10px 0; font-family:'gill sans', 'trebuchet ms', helvetica; color:#666; text-transform:uppercase; letter-spacing:0.1em; line-height:1.1em; height:10px; background-color: #eee;}

.grey {color: #ddd;}

.border {border-bottom: 1px solid #eee; padding-top: 10px;}

.entry {width: 50em; padding-bottom: 20px; border-bottom: 1px #ccc solid;}	
	
.pinkbox {background-color: #333; padding: 10px 0; text-align: center;}
		
.normal {padding: 4px 1px;}


/* Thumbnail imgs for press page */

ul.thumblist {margin-bottom: 1.5em;}
	ul.thumblist li {display: inline;}
		ul.thumblist li a {float: left; display: block; margin: 0 5px 5px 0; padding: 5px 10px; text-align: center; font-weight:normal;}
			ul.thumblist li a img {display: block; border: 1px #ccc solid; }
			ul.thumblist li a:hover {background: #f817a0; color: #fff;}
			

div.thumbrow {height: 15em; margin-bottom: 1.5em; border-bottom: 1px solid #ccc;}
	div.thumbrow:last-child {margin-bottom: 0; border-bottom: 0;}
	div.thumbrow ul.thumblist {margin-bottom: 0;}
		div.thumbrow ul.thumblist li a {text-decoration: none; font-weight: normal;}
			div.thumbrow ul.thumblist li a img {margin-bottom: 0px;}
		div.thumbrow ul.thumblist li:last-child a {margin-right: 0;}



/* Twitter Widget */

ul.twitter {background-color: #f817a0; padding: 10px 20px; color:#fff; }
p.twitter-message {}
.twitter-timestamp {color:black;}
li.twitter-item {list-style-type: circle; margin-bottom: .3em; color: #fff;}
a.twitter-link {color: #eee;}
a.twitter-user {color:black}

/* Rollover Facebook Link */

div.facebook {
height: 54px;
width: 56px;
margin:0;
padding:0;
background-image:url("http://www.aliliebert.com/wp-content/themes/alitheme/style/images/facebooklt.png");
position: absolute;
top: 11em;
right: 14em;
}

div.facebook a, div.facebook a:link, div.facebook a:visited {display:block;}

div.facebook img {
width:100%;
height:100%;
border:0;}

div.facebook a:hover img {visibility:hidden;}

/* Rollover Twitter Link */

div.twitter {
height: 53px;
width: 56px;
margin:0;
padding:0;
background-image:url("http://www.aliliebert.com/wp-content/themes/alitheme/style/images/twitterlt.png");
position: absolute;
top: 17em;
right: 14em;
}

div.twitter a, div.twitter a:link, div.twitter a:visited {display:block;}

div.twitter img {
width:100%;
height:100%;
border:0;}

div.twitter a:hover img {visibility:hidden;}