/*  
Theme Name: JLM
Theme URI: http://ewebscapes.com
Description: Custom Theme for JLM
Version: 1.0
Author: E.Webscapes (Vivien)
Author URI: http://www.inspirationbit.com/

*/

html, body, ol, ul, h1, h2, h3, p {
border:0pt none;
font-family:inherit;
margin:0pt;
padding:0pt;
text-align:left;
vertical-align:baseline;
}

* {
margin:0pt;
padding:0pt;
}

.clear {clear: both;}

h1, h2, h3, h4 {font-weight: 500; color: #000;}

p {margin: 1.5em 0;}

ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

body {background: #333333 url(images/jlmbg_texture.jpg) no-repeat fixed center top; color: #8b9398; font-size: 1em; font-family: Arial, Helvetica, sans-serif;}
html {font-size: 100%;}

a:link {color: #56a0d3;}
a {text-decoration: none;}
a:visited {color: #56a0d3;}

img {border: 0;}

strong {color: #666666; font-size: 0.95em;}

#sidebar a:hover, .postmetadata a:hover, .comments-template a:hover, .navigation a:hover {border-bottom: 1px solid #56a0d3;}


#page {margin: 0px auto; width: 990px; }

/*  header */
#header {height: 75px; margin: 20px 0 5px 0;}

div#header h1 {margin: 0 0 0 30px;}
div#header h1 a {background: transparent url(images/jlm_logo.png) no-repeat; float: left; cursor:pointer; overflow:hidden; text-indent:-9999px; width:250px; height: 80px; padding: 0;}
#header a:hover {border: none;}
#header a:link {border: none;}


div#header form { float:right; margin:0; overflow:hidden; padding:40px 30px 0 0; text-align:right;}
div#header form input#s {background-color:transparent; font-size: 0.689em; padding: 2px; border:1px solid #acd6f2; color:#acd6f2; width: 180px;}
div#header form input:hover, div#header form input:focus {background-color:#CCCCCC; border:1px solid #EEEEEE; color:#000000;
}


#menu {clear: both; width: 990px;  background: transparent url(images/navigation_darkbg.png) no-repeat; overflow: hidden; }
#menu ul {padding:0; margin: 0 0 0 40px; }
#menu li {float: left; }


#menu li a {color: #a1a9af; float: left; font-size: 0.850em; color: #a1a9af; padding:15px 30px 15px 30px;}

#menu a:hover {border: none; color: #a1a9af; background: #dddddd url(images/menubg_lighthover.gif) repeat-x;}
#menu li.current_page_item a {border: none; color: #fff; background: #acd6f2 url(images/menubg_active.gif) repeat-x;}

#content {background: #fff; font-size:0.875em; line-height:1.571em; width: 990px; clear: both;}
#content .pagecontent ul, #content .pagecontent ol {margin: 1em 1.5em;}
#content .pagecontent ul li, #content .pagecontent ol li{border: none; padding: 2px 0;}
.pagecontent ul {list-style:circle;}

#twocolumns, #threecolumns, #gallery {padding: 40px 28px; overflow: hidden;} /*overflow: hidden expands this div to contain both sub divs and spreads the background colour*/


/*for the two columns layout*/
#firstcolumn {width: 470px; float: left;}
#secondcolumn, #sidebar {width: 330px; float: right;}

/*for the two equal columns layout - e.g. Our Work*/
#leftcol {width: 420px; float: left;}
#rightcol {width: 420px; float: right;}

#gallery a:hover {border: none;}
#gallery a:link {border: none;}

.gallery-thumbs {width: 105px; float: left;}
.gallery-thumbs p {margin: 0.4em 0;}
.clearWork {clear: both; overflow: hidden; margin: 1em 0 2em;}
.workDesc {font-size: 0.9em; line-height: 1em; padding-bottom: 1em;}

/*for the three columns layout*/
#columnone {width: 290px; float: left;}
#columntwo {width: 290px; margin-left: 322px;}
#columnthree {width: 290px; float: right;}

.nodisplay {text-indent: -4000px;}

#content h1 {font-size: 1.5em;}
#content h2 {font-size: 1.438em;}
#content h3 {font-size: 1.25em;}

.navigation {font-size: 0.9em;}
.prevpost {float:left;}
.nextpost {float: right;}


.rss {background:transparent url(images/rss.png) no-repeat scroll 0 0.4em; padding:0pt 1em 1em 1.5em;}

.postmetadata {border-top: 1px dashed #dadada; border-bottom: 1px dashed #dadada; padding: 5px 0; font-size: 0.8em;}
.entry_data {border-bottom: 1px dashed #dadada; padding: 5px 0;}
.entry_author {font-size: 0.9em;}
.entry_date {color: #a1a9af; font-size: 0.8em;}

/*home page*/
#content ul {margin: 1em 0;}
#content ul li {border-top: 1px dashed #dadada; padding: 10px 0;}

#content #threecolumns ul li {border: none; border-bottom: 1px dashed #dadada; padding: 10px 0;}

/*sidebar on the blog*/
#content #sidebar ul {margin: 1em 0; border-top: 1px dashed #dadada;}
#content #sidebar  ul li { padding: 3px 0; border: none;}

/*custom pages*/
.homepage p {color: #333333;}
.custompage {margin-top: 1.5em;}
.custompage p { margin: 0.5em 0;}
.testimonials p {margin: 1.5em 0;}

.custompage a:hover, .clients a:hover {border: none;}
.custompage a:link, .clients a:link {border: none;}

.clients p {margin:1.5em 0 0;}
#content ul.clientlist {margin:0;}
#content #threecolumns ul.clientlist li {border: none; padding: 1px 0;}

.features, .sidebar_sub {border-top: 1px dashed #dadada; padding: 10px 0;}
.features {margin-top: 0.5em;}

/*comments*/
#content .comments-template{
	margin: 10px 0 0;
	border-top: 1px dashed #ccc;
	padding: 10px 0 0;
        font-size: 0.9em; line-height: 1.3em;
}

#content .comments-template ol{
	margin: 0.5em 0;
	padding: 0 0 15px;
	list-style: none;
        
}

#content .comments-template ol li{
	margin: 0.6em 0 0;
	padding: 0.5em;
        border: 1px dashed #ccc;
        border-bottom: 2px solid #ccc;
}

#content .comments-template ol li.alt { border-color: #56a0d3; }

#content .comments-template h2, .comments-template h3{
    font-size: 1.3em; color: #fff; background: #8b9398; padding: 2px;
}

#content .commentmetadata{
	font-size: 12px;
}

#content .comments-template p.nocomments{
	padding: 0;
}

#content .comments-template textarea{
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 12px;
}

.searchresult {background: #8B9398; color: #fff; padding: 2px; border-bottom:2px solid #ccc; margin-bottom: 5px;}

blockquote {color: #A1A9AF; font-size:0.95em; margin: 0 0.4em;}

.comment_meta {font-size: 0.9em; letter-spacing: 0.005em; font-family: Georgia, "Times New Roman", serif; font-style: italic; text-align: right;}
.commentmetadata strong {font-size: 1.2em; letter-spacing: -0.01em; text-transform: uppercase;}

#footer {clear: both; background: transparent url(images/footer_darkbg.png) no-repeat left top; height: 50px; padding: 30px 0 0;}
#footer_text {padding: 20px 30px 0; color: #a1a9af; font-size: 0.689em;}