/*
Theme Name: Location Recording
Theme URI: http://www.locationrecording.nl/
Description: Tested on WP2.7.1
Version: 1.0
Author: Nikola Ludoski
*/


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background:#262626 url(images/bg.jpg) top left repeat-x;
	margin:0px;
}
h1 {font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FFFFFF; margin:0px;}

.clear {clear:both}
img {border:0px none;}
img a {border:0px none;}
.imgleft {float:left; margin-right:15px; margin-bottom:10px;}
.imgright {float:right; margin-left:15px; margin-bottom:10px;}

/* Wrap */
#wrap {width:866px; margin:0px auto;}

/* Header */
#header {width:866px;}
#header .logo {padding-top:0px; padding-left:0px; float:left; width:468px;}
#header .search {float: right; width:250px; padding-right:0px; padding-top:58px;}
.s {width:155px; height:20px; display:block; background:url(images/bg-search.jpg) left top no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#090909; border:0px none; padding-top:6px; padding-left:5px; float:left;}
.sgo {float:left;}
.header-img {width:866px; height:310px; display:block; background:url(images/header.jpg) left top no-repeat; margin-top:15px;}


/* Content */
#content {width:866px; margin-top:7px; margin-bottom:7px;}
#content .left {width:266px; float:left;}
#content .middle {width:586px; float:right; margin-bottom:5px;}

#sidebar {width:240px; background:url(images/bg-sidebar.jpg) left top no-repeat; padding-left:12px; padding-right:14px; padding-top:22px; min-height:300px; color:#FFFFFF; font-size:12px;}
#sidebar h2 {font-size:18px; background:url(images/bg-h2-s.jpg) left bottom repeat-x; padding-bottom:6px; margin-bottom:0px; margin-top:0px; padding-top:0px;}
#sidebar span {color:#FFB53A; font-weight:bold;}
.sidebar-bottom {width:266px; height:20px; margin:0px; padding-top:0px; display:block; background:url(images/bg-sidebar-bottom.jpg) left top no-repeat}
#sidebar li {list-style-type:none;}

#content .post {width:540px; background:url(images/bg-content.jpg) left top no-repeat; min-height:220px; padding-left:20px; padding-right:26px; padding-top:22px; color:#FFFFFF; font-size:12px; margin-bottom:0px; padding-bottom:20px;}
#content .post h1 {font-size:18px; background:url(images/bg-h1.jpg) left bottom repeat-x; padding-bottom:6px; margin-bottom:0px; margin-top:0px; padding-top:0px;}
#content .post h1 a {text-decoration:none; color:#FFFFFF;}
#content .post h1 a:hover {text-decoration:none; color:#FFB53A;}
#content .content-bottom {width:586px; height:20px; margin:0px; padding-top:0px; display:block; background:url(images/bg-content-bottom.jpg) left top no-repeat}
#content span {color:#FFB53A; font-weight:bold;}
#content a {color:#FFB53A; font-weight:bold; text-decoration:none}
#content a:hover {color:#FB4F1D; font-weight:bold; text-decoration: underline}






/* Menu */
#menu {width:866px; height:52px; background:url(images/bg-menu.jpg) left top no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#FCDDB5; text-transform:uppercase;}

#menu ul{
margin: 0;
padding: 0;
float: left;
width: 90%; /*width of menu*/
margin-top:1px;
margin-left:0px;
}

#menu ul li{
display: inline;
}

#menu ul li a{
float: left;
color: #FCDDB5; /*text color*/
padding: 16px 20px;
text-decoration: none;
}

#menu ul li a:visited{
color: #FCDDB5;
}

#menu ul li a:hover, #menu ul li .current{
color: #FCDDB5 !important; /*text color of selected and active item*/
padding-top: 16px; /*shift text down 1px for selected and active item*/
padding-bottom: 15px; /*shift text down 1px for selected and active item*/
background: #BA1200 url(images/bg-hoover.jpg) center center repeat-x;
}
#menu .home a:hover{
color: #FCDDB5 !important; /*text color of selected and active item*/
padding-top: 16px; /*shift text down 1px for selected and active item*/
padding-bottom: 15px; /*shift text down 1px for selected and active item*/
background: #BA1200 url(images/bg-menu-home.jpg) left repeat-x;
}




/* Footer */
#footer {background:url(images/bg-footer.jpg) top left no-repeat; width:866px; margin:0px auto; padding-bottom:20px; line-height:12px; height:106px;}
#footer .copyright {float:left; padding-left:20px; text-align:center; font-size:11px; color:#666666; padding-top:40px;}
#footer .links {float:right; padding-right:20px; text-align:right; color:#666666; font-size:11px; padding-top:40px;}
#footer .links a {color:#666666; text-decoration:none; font-size:11px; font-weight:bold;}
#footer .links a:hover {color:#FCDDB5; text-decoration: underline;}
#footer .copyright a {color:#666666; text-decoration:none; font-size:11px; font-weight:normal;}
#footer .copyright a:hover {color:#FCDDB5; text-decoration: underline;}
#footer .links ul {
margin: 0;
padding: 0;
float: left;
margin-top:1px;
margin-left:0px;
}
#footer .links ul li {display:inline; border-right:1px solid #666666; margin-right:5px; padding-right:5px;}
/* Content */


.post .meta {
	background: #1E1E1E;
	border: 1px solid #161616;
	padding: 3px 10px 3px 10px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#FFFFFF;
	margin-bottom:0px;
	margin-top:40px;
}

.post .meta .comments,.post .meta .permalink {
}

.post .entry {
	padding: 0px;

}

/* Sidebar */


#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	padding-top:10px;
	padding-bottom:20px;
}

#sidebar li {
	margin: 0;
	padding: 0;
}

#sidebar li ul {
	padding-bottom: 15px;
}

#sidebar li li {
	line-height: 15px;
}

#sidebar li li span {
	display: block;
	margin-top: -20px;
	padding: 0;
	font-size: 11px;
	font-style: italic;
	color: #BCBCBC;
}
#sidebar a {color:#FFB53A; font-weight:bold; text-decoration:none}
#sidebar a:hover {color:#FFFFFF; font-weight:bold; text-decoration: underline}

/* Calendar */

#calendar {
}

#calendar_wrap {
	padding: 20px;
}

#calendar table {
	width: 100%;
}

#calendar tbody td {
	text-align: center;
}

#calendar #next {
	text-align: right;
}
.pagetitle {text-align:center; font-size:18px;}
.navigation {padding:10px; font-size:14px; font-weight:bold;}
.alignleft {float:left; width:250px;}
.alignright {float:right; width:250px;}