/******************************************  
 CUSTOM STYLESHEET
*******************************************/

/*
* You can place your custom CSS statements in this file, after this message.
* It is better to write everything custom here
* because this file won't be replaced during updates.
* 
* Simply copy an existing style from style.css to this file, 
* and modify it to your liking.
*/

#heading {
	background: url("images/welcome.png") repeat scroll 0 0 #1D1C1C;
	font-family: Georgia;
	margin-bottom: 28px;
	padding: 0 20px;
	width: 870px;
}

#heading h2, #heading h1 {
	color: #fff;
	padding: 5px 0;
	text-transform: uppercase;
	font-family: 'Oswald', Arial, serif;
	font-weight:bold;
	font-size: 24px;
	letter-spacing:1px;
}

#sidebar ul li {
	background: url("http://test.spotlightprcompany.com/wp-content/uploads/2013/09/list-sidebar.png") no-repeat scroll left top rgba(0, 0, 0, 0);
	border-bottom: 1px dotted #DDDDDD;
	list-style-type: none;
	margin: 0 0 5px 2px;
	padding: 1px 0 5px 14px;
}

#sidebar #searchform {
	border: 1px solid #e4e4e4;
}

#sidebar #searchform input {
	padding: 7px;
	width: 200px;
	border: 0;
}

#sidebar #searchform #searchsubmit {
	background:  url('http://test.spotlightprcompany.com/wp-content/uploads/2013/10/search.png') 5px 2px no-repeat transparent;
	height: 30px;
	width: 35px;
	cursor: pointer;
	border: 1px solid #fff;
}

.page-template-template-in-the-spotlignt-php #sidebar li,
.page-template-template-blog-php #sidebar li,
.single #sidebar li {
	list-style-type: none;
}

#footer {
	background: none repeat scroll 0 0 #fff;
	margin-top: 30px;
	text-align: left;
}

#footer #menu-footer-nav {
	text-align: center;
}

#footer #menu-footer-nav li {
	display: inline;
}

#footer #menu-footer-nav li::after {
	margin: 0 15px;
	content: '|';
}

#footer #menu-footer-nav li:last-child:after {
	content: '' !important;
}

#footer .copyright {
	background: none repeat scroll 0 0 #fff;
	color: #333333;
	font-family: 'Droid Sans',Arial,sans-serif;
	font-weight: bold;
	height: 42px;
	padding: 25px 25px 0;
}

#footer .copyright p {
	text-align: center;
	font-family: Arial, sans-serif;
	color: #666666;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: normal;
}

#portfolio .ext {
	background: url('http://test.spotlightprcompany.com/wp-content/uploads/2013/10/sheer-overlay.png') top center transparent;
}

#text-6 form input[type="submit"] {
    background: -moz-linear-gradient(center top , #52A8E8 0%, #377AD0 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: #4081AF #2E69A3 #20559A;
    border-radius: 16px 16px 16px 16px;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    display: inline;
    float: left;
    font-family: Arial,sans-serif;
    font-size: 13px;
    font-weight: bold;
    line-height: 1;
    margin: 10px 0 15px 80px;
    padding: 7px 10px;
    text-align: center;
    text-shadow: 0 -1px 1px #3275BC;
    width: auto;
}

#menu {
    margin-top: -70px;
    float: right;
    position: relative;
    z-index: 50;
}

#smicon {
	position: relative;
	text-align: right;
}



/* iPads ----------- */
@media only screen and (max-device-width : 768px) {
	body,
	#wrap,
	#inner-wrap {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	#header {
		margin-bottom: 0;
	}
	#heading {
		margin-bottom: 20px;
		padding: 0 2%;
		width: 96%;
	}
	#menu {
		width: 100%;
	}
	#smicon {
		margin-top: 25px;
	}
	#mainmenu {
		clear: both;
		margin-top: 40px;
	}
	#sidebar #searchform input {
		width: 180px;
	}
	.responsiveSelectContainer select.responsiveMenuSelect,
	select.responsiveMenuSelect {
		display: inline-block;
		width: 100%;
		margin: 20px 0 0;
	}
	#footer a {
		padding: 0;
	}
}