/*
Theme Name: Jenna Ushkowitz Online
Theme URI: http://jenna-ushkowitz.org
Description: The second layout for Jenna Ushkowitz Online
Version: 2.0
Author: Kari
Author URI: http://vintagepearl.org
Tags: blue, white, black
*/



/*BODY & HEADERS */

body {
	background: #f8f8f8 url(images/jennnaaaabg.jpg) repeat-x;
	font-size: 9pt;
	font-family: 'Lucida sans', Verdana, Arial, Sans-Serif;
	color: #4b4b4b;
        margin-top: 0px;
	}

h1 {
	background: #2a7c8a;
	font-size: 14pt;
	font-family: georgia;
	font-weight: normal;
	color: #ffffff;
	padding: 3px;
	border-left: 1px solid #c3d5d7;
	border-bottom: 1px solid #c3d5d7;
        text-shadow: #dedede 0 1px 1px;
	-moz-border-radius: 10px;
	}

h1 a {
	font-size: 14pt;
	font-family: georgia;
	font-weight: normal;
	color: #ffffff;
        text-shadow: #dedede 0 1px 1px;
	-moz-border-radius: 10px;
	}
	
h1 a:hover {
	font-size: 14pt;
	font-family: georgia;
	font-weight: normal;
	color: #ffffff;
     text-shadow: #dedede 0 1px 1px;
	-moz-border-radius: 10px;
	}
	
h2 {
	background: #87bac1;
	font-size: 14pt;
	font-family: georgia;
	font-weight: normal;
	color: #ffffff;
	padding: 3px;
	border-left: 1px solid #87bac1;
	border-bottom: 1px solid #87bac1;
    text-shadow: #dedede 0 1px 1px;
	-moz-border-radius: 10px;
	}


/* LAYOUT STRUCTURE */

#container {
	margin: 0 auto;
	width: 950px;
	position: relative;
	}
	
#header {
	background: url(images/jennnaaaa.jpg) no-repeat top center;
	width: 900px;
	height: 292px;
	}
	
#welcome {
	position: absolute;
	width: 212px;
	height: 88px;
	left: 42px;
	top: 100px;
        font-size: 7pt;
        }

#photos {
	position: absolute;
	width: 212px;
	height: 88px;
	left: 641px;
	top: 97px;
        }

#wrap {
        width: 950px;
        }

#content {
        width: 630px;
        float: left;
        }

#sidebar {
        width: 300px;
        float: right;
        }

#footer {
        clear: both;
        width: 950px;
        text-align: center;
        }

/* IMAGE MAP */

#menu a {
	position: absolute;
	height: 13px;
	width: 27px;
	top: 234px; 
	text-decoration: none;
        }

#menu a i { 
	visibility: hidden; 
        }

a#jenna { 
	width: 36px; 
	left: 156px; 
        }

a#gallery { 
	width: 45px;
	left: 245px; 
        }

a#media { 
	width: 38px; 
	left: 332px; 
        }

a#online { 
	width: 44px;
	left: 531px; 
        }

a#site { 
	left: 626px; 
        }

a#news { 
	width: 36px; 
	left: 708px; 
        }

/*	LINKS & COLORS */

a {
	color: #59abb8;
	text-decoration: none;
	font-family: georgia;
	font-style: italic;
	}

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

strong, b {
        color: #232323;
        }

em, i, u {
        color: #444444;
        }

textarea, insert, select, option {
        background: #eeeeee;
        color: #4c8087;
        font-family: times;
        font-style: italic;
        font-weight: normal;
        border-left: 1px solid #dddddd;
        border-bottom: 1px solid #dddddd;
        -moz-border-radius: 10px;
        }

/* POSTS & LISTS */

ul, li {
        list-style: none;
        }


.post {
        width: 630px;
        background-color: #E7E7E7;
        border-left: 1px solid #CFCFCF;
        border-bottom: 1px solid #CFCFCF;
        -moz-border-radius: 10px;
        margin-bottom: 10px;
        }

#side {
        width: 300px;
        background-color: #E7E7E7;
        border-left: 1px solid #CFCFCF;
        border-bottom: 1px solid #CFCFCF;
        -moz-border-radius: 10px;
        margin-bottom: 10px;
         }

.side2 {
        padding: 5px;
}

.post2 {
        padding: 5px;
}

.info {
        background: #c3d5d7;
	font-family: times;
	font-weight: normal;
	color: #878787;
	padding: 2px;
	border-left: 1px solid #87bac1;
	border-bottom: 1px solid #87bac1;
        text-shadow: #dedede 0 1px 1px;
	-moz-border-radius: 5px;
        }

blockquote {
        background: #a4d1d7;
        padding: 5px;
        color: 7777777px;
        border-left: 2px solid: #ffffff;
        border-bottom: 1px solid: #ffffff;
        -moz-border-radius: 10px;
        }

img.alignleft, img.alignright  {
        padding:5px;
        background-color: #eeeeee;
        border-left: 1px solid #c3d5d7;
        border-bottom: 1px solid #c3d5d7;
        -moz-border-radius: 10px;
        }

img.centered {
        margin-left: auto;
        margin-right: auto; 
        padding:5px;
        background-color: #eeeeee;
        border-left: 1px solid #c3d5d7;
        border-bottom: 1px solid #c3d5d7;
        -moz-border-radius: 10px;
        }

a img {
        background-color: #eeeeee;
        border-left: 1px solid #c3d5d7;
        border-bottom: 1px solid #c3d5d7;
        border-right:0px solid #c3d5d7;
        border-top: 0px solid #c3d5d7;
        -moz-border-radius: 10px;
        padding:5px;
        }

.alignleft {
       float: left;
       }

.alignright{
       float: right;
       }