/*
Theme Name: ORLI
Theme URI: www.soulbat.com
Description: Orli Designs 2009 Custom Wordpress theme.
Version: 1.0
Author: SOULBAT
Author URI: http://www.soulbat.com
Tags: 

*/

html, body, ul, ol, li, p,td, h1,h2,h3,h4,h5,h6,form,fieldset,a,div,img { 
margin:0; padding:0; border:0;  }
a { outline:none; color:#D4A63E }
a:hover { color:#000 }

/* Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Century Gothic','Lucida Grande' Verdana, Arial, Sans-Serif;
	background: #EEE;
	color: #111;
	text-align: center;
	}

#outer {
width:1000px;
height:auto;
margin:0 auto 1em auto;
text-align: left;
background:#FFFFFF url(images/discs.gif) top right no-repeat;
}

#wrapper {
width:1000px;
height:auto;
text-align: left;
background: url(images/top.gif) top right no-repeat;
}

/* structure */

#header {
width:100%;
height:140px;
background:  url(images/orli-logo.gif) top left no-repeat    ;
}

#woosh {
width:100%; height:36px;
background:url(images/woosh.gif) top left no-repeat;
}

#main {
	width:100%;
	margin:1px 0 0 0;
}

#col-left {
	float:left;
	width:182px;
}
#col-mid {
	float:left;
	width:618px;
}
#col-right {
float:right;
width:160px;
margin:45px 10px 10px 0;
}

#content {
background-color:#FCFCFC;
font-size:1.2em;
font-family: Verdana, Arial, Sans-Serif;
line-height:1.4em;
}
#content ul
{
list-style:none;
}
#contentTop {
width:100%;
}
#contentPad {
padding:20px;
}
#contentBtm {
width:100%;
height:30px;
margin-bottom:12px;
}

#contentPad .home {
font-size:1.2em;
line-height:1.4em;
}



#col-right ul
{
margin:1em 0 1em 30px;
}

.clearfloat { 
	clear:both;
	overflow:auto;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* footer */

#footnav,#footer,#footnav a,#footer a {
color:#A96DAD !important;
}
#footnav a:hover,#footer a:hover {
color:#111111 !important;
}

#footnav {
clear:both;
overflow:auto;
width:100%;
height:auto;
padding:30px 0 5px 12px;
background:url(images/foot.gif) 0px 20px no-repeat;
}


#footer {
clear:both;
overflow:auto;
width:100%;
height:auto;
padding:12px 6px 2em 12px;
}

#subcopy {
font-size:1em;
margin:1em 0;
color:#454545;
}



/* navigation */

ul.navigation {
list-style:none;
margin:22px 0 10px 0;
}
ul.navigation li {
padding:1px 0;
border-bottom:1px solid #91357F;
}
ul.navigation li a {
	display:block;
	font-size:1.7em;
	padding:4px 2px 4px 18px;
	text-decoration:none;
	color:#91357F;
}

ul.navigation li a:hover {
background-color:#F6F6F6;
}


ul.navigation li ul {
list-style:none;
margin:5px 0 0 18px;
padding:0;
}
ul.navigation li ul li {
list-style:none;
margin:3px 0;
background:none;
border:0;
}
ul.navigation li ul li a {
font-size:1.3em;
text-decoration:none;
background:none;
padding:4px 6px 4px 16px;
background:url(images/bullet.gif) 4px 8px no-repeat;
}



/* 
2nd/3rd level custom hover code 
ul.navigation ul  {
	position:absolute;
	left:-999em;
	height:auto;x
	width:151px;
	font-weight:normal;
	margin:-26px 0 0 0;
	padding:0;
	line-height:1;
	border:0;
	background:#111;
	list-style:none;
	z-index:99;
}
ul.navigation ul li {
	margin:0;
	padding:0;
}
ul.navigation li:hover ul {
	left: auto;	
}
ul.navigation li:hover {
}
*/

/* end navigation */



ul.foot {
list-style:none;
}
ul.foot li {
display:inline;
}
ul.foot li a {
font-size:1.2em;
padding:4px;
text-decoration:underline !important;
}


/* headings */

h1 {
font-size:1.7em;
margin:0 0 1.2em 0;
padding:2px 0;
color:#7B0053;
font-family: 'Century Gothic','Lucida Grande' Verdana, Arial, Sans-Serif;
}

h2 {
color:#7B0053;
font-size:1.2em;
margin:1em 0;
}

h3 {
font-size:1.2em;
margin:1em 0;
}

p {
margin-bottom:1em;
}


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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
	}
/* End Images */



div.post {
margin-bottom:1em;
}
div.post div.entry  {
margin:0;
}

#toplink {
width:220px;
height:30px;
padding-top:30px;
margin:0 0 0 23px;
overflow:hidden;
}
#desc {
padding:0 0 0 23px;
}

li.linkcat ul {
margin:0;
}

li.linkcat,li.linkcat ul li {
list-style: none;
margin:0;
}
li.linkcat ul li {
}

.navigation li.current_page_item,.navigation a.current_page_item {
font-weight:bold;
}

.navigation li.current_page_item li,.navigation a.current_page_item a {
font-weight:normal;
}

/* contact page */

#ctwpform { margin:12px 0 12px 0; font-size:1em; }
#ctwpform .note { font-size:1em; }
#ctwpform label{width:82px;float:left;text-align: right;margin:3px 9px 0 0;display: block; color:#7B0053}
#ctwpform input,#ctwpform textarea {width:240px; height:auto; }
#ctwpform input[type=text],#ctwpform textarea { background-color:#FFF !important }
#ctwpform textarea {height:90px;}
#ctwpform fieldset{border:0; width: 410px;}
#ctwpform fieldset div {margin:6px 0 0 0; width:350px;padding:2px; background-color:#EFDFF0;}
#ctwpform legend{background-color:#F6F6F6;padding:4px;}
#ctwp_response { width:75%; margin:20px 0; background:url(images/qbg.jpg) top left no-repeat; padding:.75em; line-height:1.2em;  font-size:1em; font-weight:bold}
#ctwp_response h1, #ctwp_response h2 { margin:0 0 .5em 0; padding:0; color:#A96DAD }
#ctwp_response p { margin:0 0 .5em 0; padding:0; }

span.cnt {
margin-right:36px;
float:right;
}

/* ---------- */
 
#ml2 {
padding:2px 0 0 0 !important;
} 
#ml:hover,#ml2:hover {
background-color:#FDFAFD;
}