/*
Theme Name: Claudia Gannon
Theme URI: http://www.claudiagannon.com
Description: Claudia Gannon
Author: Robert Chittock
Author URI: http://www.robertchittock.co.uk
Tags: 
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";
@import "style/css/jquery.ad-gallery.css";

body { color:#8B9298; font-family:'century gothic', Arial, Helvetica, sans-serif; font-size:0.75em; text-align:left; }
a { color:#D0D328; outline:none; border:none; text-decoration:none; }
a:hover { color:#D0D328; outline:none; border:none; text-decoration:underline; }
p { font-size:12px; line-height:18px; }

#lhs p { width:200px; margin:0 0 20px 0; }
#rhs p { margin:0 0 12px 0; }

#lhs h1,
#lhs h2,
#lhs h3,
#lhs h4,
#lhs h5,
#lhs h6 { font-weight:bold; margin: 4px 0;}

#rhs h1,
#rhs h2,
#rhs h3,
#rhs h4,
#rhs h5,
#rhs h6,{ font-weight:bold; margin: 4px 0;}

#rhs h1 { font-size: 24px; }
#rhs h2 { font-size: 22px; }
#rhs h3 { font-size: 20px; }
#rhs h4 { font-size: 18px; }
#rhs h5 { font-size: 16px; }
#rhs h6 { font-size: 14px; } 

/*Layout*/
.main {	margin:0 auto; width:960px; overflow-x:hidden; overflow-y:auto;}
.section { float:left; overflow:hidden; }
#lhs { width:260px; padding-top:30px;}
#rhs { width:700px; height:510px; margin-top:-53px; }
#content .narrow{ width:680px; /*height:350px;*/ padding-right:20px; overflow-y:auto;}
#footer { margin-top:10px; }
#footer .main { background:#D0D328 url('style/images/nav-left.png') 0 0 no-repeat;}
#footer p { font-size:10px; line-height:22px; color:#fff; padding:0 0 0 10px; }
#footer a { color:#fff; }
#header .main {height:130px; overflow:hidden;}
#logo { height:100px; width:227px; float:left }
#info { float:right; line-height:40px; padding-top:20px; text-align:right; }
#info a,
#info p { margin:2px 0; line-height:normal; }

img.alignleft { padding: 0 20px 20px 0; }
img.alignright { padding:0 0 20px 20px; }
ul#login { background:#300; }
ul#login li { display:inline-block; padding:2px 4px 2px 0; }
ul#login li input.inputTypeSubmit { background:#fff; border:1px solid #333; color:#333; }

.login-button {
	background:url('style/images/login-button.png') 0 0 no-repeat;
	display:block;
	color:#fff;
	height:22px;
	line-height:22px !important;
	width:98px;
	text-align:center;
}
.login-button:hover {
	color:#333;
	text-decoration:none;
}
#social-icons {
	float:right;
	width:98px;
}
#social-icons a {
	padding:2px 3px;
	text-align:center;
}

.ad-image-description { display:none !important }

/* all lists */
#nav,
#nav ul { 
	padding: 0;
	margin: 0;
	list-style: none;
	
	font-family: arial, helvetica, serif;
	font-size:14px;
	height:50px;
}
#nav {
	z-index:999999;
	width : 200px;
	position:relative;
}
#nav ul {
	float: left;
}
/* all list items */
#nav li { 
	position : relative;
	float : left;
	line-height : 22px;
	margin-bottom : -1px;
}
#nav li ul {
	width: 120px;
}
#nav li a { 
	background-image:url('http://www.claudia-gannon.com/wp-content/themes/claudiagannon/style/images/nav-left.png');
	background-position:0 0;
	background-repeat:no-repeat;
}
#nav ul li a {
	background-image:none !important;
}
/* second-level lists */
#nav li ul { 
	position : absolute;
	left: -999em;
	margin-left : 201px;
	margin-top : -24px;
}

/* third-and-above-level lists */
#nav li ul ul { 
	left: -999em;
}
#nav li a {
	width: 120px;
	w\idth : 184px;
	display : block;
	color : #333333;
	text-decoration : none;
	background-color : #D0D328;
	border : 1px solid #ffffff;
	padding : 0 8px;
}
#nav li ul li a {
width: 80px;
}
#nav li a {
	text-align:right;
}
#nav li a:hover {
	color:#82a316;
}
#nav ul li a {
	text-align:left !important;
}
#nav ul li a:hover {
	background-color : #82a316;
	color:#ffffff;
}
#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 { /* lists nested under hovered list items */
	left: auto;
	
}
