/*  

Theme Name: Lara's Place

Description: Custom Wordpress Theme design 

Version: 3.0

Author: Lara Velez, DesignedbyLara.com

Author URI: http://designedbylara.com/



/*+++++++ BODY +++++++*/

* { margin: 0px; padding: 0px; list-style:none; outline:none; text-decoration:none;}

body { background:url(images/tile.png) repeat; font:13px Century Gothic, Verdana, Arial, Helvetica, sans-serif; color:#393a3c; background-attachment: fixed; background-color: #30121F;}



/*+++++++ H1,H2,H3 HYPERLINKS +++++++*/

h2,h3 { font:18px Century Gothic, Georgia,Times, serif;}

h3 { padding:5px 0 5px 0;}

h4 { font:15px Century Gothic, Georgia,Times, serif; padding:5px 0 5px 0;}

a:hover { color:#4d232f;}

a { color:#78394b; font-weight:bold;}



/*+++++++ MISC +++++++*/

acronym, abbr, span.caps { cursor: help; }

acronym, abbr { border-bottom: 1px dashed #999; }

blockquote { margin: 15px 30px 15px 10px; padding-left: 20px; border-left: 1px solid #ddd; }

blockquote cite { margin: 5px 0 0; display: block; }

.center { text-align: center; }

a img { border: none; }

pre {border: solid 1px #7a9665;color: blue;margin: 10px;padding:10px;background: #d2ffb0}

code {font-size:1.0em;color: #000}

.clear { clear:both; }

.space { clear:both; height:20px; width:580px;}

img { border:none; }

img.centered { display: block; margin-left: auto; margin-right: auto; }

img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }

img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }

.alignright { float: right; }

.alignleft { float: left }

html>body #content ul { padding: 0 0 0 30px; padding-left: 10px; } 

html>body #content li { margin: 7px 0 8px 10px; }



#content ol { padding:0; margin:0;}



/*+++++++ MAIN +++++++*/

#wrapper { width:1000px; margin:20px auto 20px;}

#main { width:996px; margin:auto; background: #f8fbf3; border-right: 2px solid #7a9665; border-left: 2px solid #7a9665}



/*+++++++ HEADER +++++++*/

#header { width:1000px; height:300px; margin-bottom:0px; }

#logo { width:1000px; float:left; height:300px;}

#logo h1 { text-indent:-9999px; }





#topsearch { float:right; width: 325px; height: 30px; background: url(images/search.png) no-repeat; margin:30px 5px 0 0; }

#topsearch #s { float: right; margin: 6px 0 0 6px; border: 0; width: 250px; background: none;  color: #d2ffb0;}

#topsearch #go { float: right; width:28px; height:30px;}

#nav2 { float: right; width:300px; height:139px; margin: 0px 20px 0px 50px; }

#rsssocials { float:right; width: 65px; height: 45px; no-repeat; margin:5px 15px 0 0;}

#fbsocials { float:right; width: 65px; height: 45px; no-repeat; margin:5px 8px 0 0; }

#contactme { float:right; width: 65px; height: 45px; no-repeat; margin:5px 8px 0 0; }

#tweet { float:right; width: 133px; margin: 5px 8px 0 0; }

/*+++++++ Navbar +++++++*/								*

#navbar { background: url(images/navbar.png) no-repeat; width: 1000px; height: 50px; font-size: 11px; font-family: Century Gothic, Arial, Tahoma, Verdana; color: #f2fb8e; font-weight: normal; margin: 0px; padding: 0px 10px 0px 10px; }

	

	

#nav {

height: 50px;

margin: 0px;

padding: 5px 0px 0px 0px;

	}

	

#nav ul {

	float: left;

	list-style: none;

	margin: 0px;

	padding: 0px;

	}

	

#nav li {

	list-style: none;

	margin: 0px;

	padding: 0px;

	}

	

#nav li a, #nav li a:link, #nav li a:visited {

	color: #d2ffb0;

	display: block;

        font-size: 17px;

	font-family: Century Gothic, Arial;

	font-weight: normal;

	text-transform: lowercase;

        margin: 0px;

	padding: 9px 10px 9px 7px;

	}



#nav li a:hover, #nav li a:active {

	background: #d2ffb0;

	color: #525143;

        margin: 0px;

	padding: 9px 10px 9px 10px;

	text-decoration: none;

	}

	

#nav li li a, #nav li li a:link, #nav li li a:visited {

	background: #525143;

	width: 150px;

	color: #d2ffb0;

	font-size: 14px;

	font-family: Century Gothic, Georgia, Times New Roman;

	font-weight: normal;

	text-transform: lowercase;

	float: none;

	margin: 0px;

	padding: 5px 10px 5px 10px;

	border-bottom: 1px solid #d2ffb0;

	border-left: 1px solid #d2ffb0;

	border-right: 1px solid #d2ffb0;

	}

	

#nav li li a:hover, #nav li li a:active {

	background: #4d232f;

	color: #d2ffb0;

	padding: 5px 10px 5px 10px;

	}



#nav li {

	float: left;

	padding: 0px;

	}



#nav li ul {

	z-index: 9999;

	position: absolute;

	left: -999em;

	height: auto;

	width: 170px;

	margin: 0px;

	padding: 0px;

	}



#nav li li { 

	}



#nav li ul a { 

	width: 140px;

	}



#nav li ul a:hover, #nav li ul a:active { 

	}



#nav li ul ul {

	margin: -32px 0 0 171px;

	}



#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {

	left: -999em;

	}



#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {

	left: auto;

	}



#nav li:hover, #nav li.sfhover { 

	position: static;

	}



.postimg-s {

float: left;

width: 70px;

height: 70px;

padding: 3px;

border: 2px solid #7a9665;

}





/*+++++++ CONTENT +++++++*/

#content { float:left; width:545px; padding:10px; line-height:160%; list-style:none;}

#content img {margin:0 10px 5px 0;}

#sidebar { float:right; width:400px;}

.boxes {border-bottom: 1px dotted #4d232f; padding-bottom:10px; padding-top:10px; }

.ads {margin-right:2px;}

.ads img {border:none;}







#lsidebar { width:170px; float:left; padding-left: 10px;}

#rsidebar { width:190px; float:right;}



#content p { padding-bottom:10px;}

#content h2 { font:24px Century Gothic, Georgia, Times, serif; text-transform:capitalize; padding-bottom:5px;}

#content h2 a { color:#7a9665;}

#content p.info { font-size:10px; text-transform:uppercase; color:#7a9665; padding-bottom:5px;}

#content p.postmetadata { width:545px; border-top: 1px dotted #4d232f; height:50px; line-height:15px; text-transform:uppercase; font-size:10px; color:#7a9665; padding:0px;}

#content p.postmetadata a { color:#4d232f; font-weight:normal;  height:35px; line-height:15px;}



/*+++++++ NEXT PREVIOUS +++++++*/

.navigation { width:300px; height:20px; margin-bottom:20px; }

.navigation span.older { padding-left:20px; }

.navigation span.newer { padding-right:20px; }



/*+++++++ SIDEBAR +++++++*/

#sidebar h2 { padding-bottom:10px; padding-top:10px; color:#7a9665;}

#sidebar ul{ margin:5px auto 20px;}

#sidebar ul li{}

#sidebar ul li ul{}

#sidebar ul li ul li{display:block; background:url(images/bullet.png) no-repeat 0 3px; padding-left:18px; padding-bottom:5px;}

#sidebar p { padding-bottom:10px; line-height:140%;}

#sidebar a:hover { color:#7a9665;}

#sidebar a { color:#4d232f; font-weight:normal;}





/*+++++++ COMMENT +++++++*/

.comen { width:580px; margin-bottom:10px;}

.cleft { float:left; width:60px; }

.cright { float:right; width:500px; }

.comen .cright .ucomen{ font:11px Century Gothic, Georgia, Times, serif; text-transform:uppercase; color:#4d232f;}

.comen .cright .ucomen a { color:#7a9665;}

#commentform textarea { width: 390px; padding: 2px; }

#commentform label { display:block; float:left; width:100px; color:#7a9665; font:bold 15px Georgia, Times, serif; text-align:right; padding-right:10px;}

#commentform #comment { background:#d2ffb0; border:1px dotted #7a9665;}

#commentform #submit { width:106px; height:34px; padding:10px 0 20px 110px; }





/*+++++++ FOOTER +++++++*/

#footer { width:1000px; height: 36px; background: url(images/bottombar.png) no-repeat; color:#30121f; font:14px Century Gothic, Georgia,Times, serif; }

#footer a { color: #525143; font-weight: normal;}

#footer a:hover{ color: #30121f;}

#footer p { line-height:26px; padding:5px 3px 0px 7px; text-align: center;}




