/* -------------------------------------------------------------------------------
	Theme Name: SEOlium
	Description: SEO template
	Version: 1.00
	Author: seolium
   ------------------------------------------------------------------------------- */

html, body {
width:100%;
height:100%;
margin:0;
padding:0;
font-family:Open Sans, sans-serif;
color: #464646;
line-height: 1.37;
background-image:url('img/bg.gif');
}

hr { border-top: 1px dotted #AAA; border-bottom: none; margin-top: 0px; margin-bottom: 5px; height: 0px; }
img { border:0; vertical-align: top; }
ul { line-height:21px; list-style-type: square; margin: 0; }
ol { line-height:22px; margin: 0; }
ol a { color: #464646!important; }
ol a:hover { color: #287EA5!important; }
p { margin: 0px 11px 0px 11px; text-align:justify; }
a, a:active, a:visited { color: #287EA5; outline:none; text-decoration:none; cursor:pointer; vertical-align:baseline;background:transparent; }
a:hover  { color: #39A9DB; }
h1 {font-size: 3.3em; margin:0; padding-top:10px; line-height: 39px; }
h2 { color:#000000; font-size: 1.6em; margin:0; }
h3 { font-size:1.1em; color: #464646; margin-left: 11px; margin-bottom: 11px; }
h4 { color:#000000; font-size:1em; margin-bottom:3px; margin-top:17px;}
button { cursor: pointer; }
li { margin: 0; padding: 0; }
fieldset { padding:0; border:0; margin-top:25px; }

#content { margin:0; height:100%;}
#header { height:97px; background-color: black; overflow: auto; }
#header img { float: left; }
#centerHeader {width:1000px; margin:0 auto; height: 31px; }
#centerHeader a {color:#fff; text-decoration:none; }
#centerHeader a:hover { color: #f7921e;}
#menu { float: right; padding-top: 5px; }
#mobileMenu { display: none; font-size: 6mm; }
#mobileMenuItems { display: none; }
#flags { float: right; padding-right: 30px; display: inline; }
#item { margin:0 auto;position:relative;background-image:url('https://www.seolium.com/wp-content/themes/SEOlium/img/bg.gif');font-size:14px; }
#item p {margin:0;}
#item hr {margin-top:15px;margin-bottom:15px;}
#north { background:url('img/north.gif') repeat; position:relative; font-size: 14px; width: 100%; clear:both; border-bottom: 1px solid #ffffff; }
#north:after { content: " "; display: block; clear: both; }
#centerNorth { width:1000px; margin:0 auto;position:relative; }
#map { width:1000px; float:left; padding-bottom: 7px;}
#mapLeft { width:580px; float:left; margin:0; }
#description { margin: 0px 11px 0px 0px; }
#south { clear:both; margin-bottom: 20px; }
#footer { background-image:url('img/bg-footer.gif'); clear:both; }
#footer h2 { color:#39A9DB; }
#centerFooter{ width:1000px; margin:0 auto; position:relative; height:150px; }
#testimonial { position:relative; box-shadow: 0px 1px 1px 1px #888; width: 380px; height: auto; border-radius: 10px; padding: 5px; float:left; margin: 5px 0px 0px 0px; }
#testimonial p { font-size:12px; width:265px;  }
#testimonial span { float:right; position:absolute;right:7px; top:3px;}
#otherTestimonials { float:right; font-weight:bold; font-size:11px; color: #f00; }
#serviceDescription { float: left; width: 1000px; }
#serviceDescription img { padding-right: 5%; }
#whySEODescription { float: left; width: 1000px; } 
#whySEODescription img { padding-left: 5%; }
#howDescription { float: left; width: 1000px; }
#login { display: inline-block; text-align: right; }
#login li { display: none; }
#loginpreloader { position: absolute; }
#mobileLogout { display: none; font-size: 7mm; background-color: #222222; }
#mobileLogout a { color: #fff; cursor: pointer; }
#rightTopHeader { float: right; }

.floatLeft { float: left; }
.floatRight { float: right; }
.fullWidth { width:1000px; margin:0 auto; position:relative; clear:both; border-top: 1px dotted #AAA; margin-top: 3px; text-align:justify;}
.fullWidth h2 { margin-top:20px;margin-bottom:10px; }
.marginTop20 { margin-top: 20px; }
.marginLeft0 { margin-left: 0px; }
.paddingRight10 { padding-right: 10px; }
.noBorder { border:none !important; }

.center { text-align:center; }
.right { text-align:right; }
.col1 { width:750px; float:left; position: relative; }
.col1 a { color:#FFF; font-size:13px; padding:0px 7px 0px 0px; }
.col1 a:hover { color:#CCC; }
.col2 { width:1000px; height:30px; margin:0 auto;position:relative; text-align: center; color:#8a8a8a; font-size:13px; }
.col2 a { color:#8a8a8a; font-size:13px; text-decoration:underline; }
.col3 { text-align:center; width:250px; float:left; position: relative; }
.col3 img { display:inline-block; margin:0 6px; padding:0 0px; }
.col3 a { padding:0 0px; }

.third { width:329px; float:left; border-right: 1px dotted #AAA; text-align:center; }
.slogan { color:#4B4263; }
.slogan h1 { margin-top:20px;margin-bottom:10px;font-size:36px;font-family: Robot,sans-serif; }
.motto { color:#000000; }
.meta { padding-bottom: 10px;margin:0 0 10px;font-size:14px; }
.disc { list-style-type: disc; }
.left { float:left; }
.clear { clear:both; }
.line { float:left; width: 100%; height: 1px; border-top: 1px dotted #AAA; margin: 13px 0px 13px 0px; }
.width900 { width: 100%; }
.width100 { width: 100px; padding-left: 0.5%; padding-right: 0.5%; }
.width850 { width: 850px; }
.width150 { width: 150px; margin-left:-4px; }
.phone { color:#66CCFF; }

.titlu a { float:left; }
.date { line-height:50px; font-size:13px; }
.img img { float:left; border:1px #fff solid; margin-right:10px; }
.post { overflow:hidden; margin-bottom:25px; }
.postTitle { height: 35px; width: 100%; float: left; }
.postTitle h2 { margin-top: 0; margin-bottom: 0; }
.continue { color:#f00 !important; }
.bottomLink { display: inline; }
.displayNone { display: none; } 

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

@media only screen and (max-width: 1000px) {
	h1 { font-size: 6mm; }
	h2 { font-size: 4.5mm; }
	h3 { font-size: 4.5mm; }
	p, h1, h2, h3, li { width: 100% !important; 
			    padding-left: 2% !important; 
			    padding-right: 2% !important; 
			    margin: 0 !important; 
			    line-height: 1.37; }
	#homeAbout { width: 100%; height: 50%; }
	#seoContact { width: 100%; height: 50%; }
	#rightMenu { width: 100%; }
	#header { width: 100%; height: auto; line-height: inherit; }
	#item { width: 100%; min-height: 75%; }
	#north { height: 25%; }
	#south { height: 75%; }
	#centerHeader { width: 100%; height:100%; }
	#login { text-align: left; height: auto; display: inline-block; text-align: right; z-index: 10; float: none; padding: 0; }
	#menu { display: none; }
	#mobileMenu { float: none; display: inline-block; }
	#mobileMenuItems { display: none; font-size: 7mm; }
	#mobileMenuItems a { color: #fff; }
	#centerNorth { width: 100%; }
	#footer { width: 100%; min-height: 20%; }
	#centerFooter { width: 100%; height: 80%; }
	#map { width: 100%; } 
	#mapLeft { width: 100%; }
	#testolium { height: 100% !important; }
	#testimonial { display: none; }
	#testpost { width: 100%; }
	#serviceDescription { width: 100%; height: auto; margin: 0; }
	#serviceDescription img { width: 50%; padding-right: 0%; }
	#whySEODescription { width: 100%; height: auto; margin: 0; }
	#whySEODescription img { width: 30%; }
	#whySEODescription li { font-size: 4mm; }
	#howDescription { width: 100%; margin: 0; }
	#howDescription img { width: 50%; } 
	#SignIn-form td { width: 50%; }
	#signinn { margin: 0; }
	#user { font-size: 5vw !important; }
	#deleteAccount a, #deleteAccount { display: none !important; }
	#logout { 
		font-size: 5vw !important; 
		padding-left: 10% !important; 
		padding-right: 10% !important; 
		width: 100% !important;
		height: auto !important;
	}
	#user-menu { position: static !important; }
	#user-menu ul { right: 0; }
	#logoutMobileMenu { display: none; }	
	
	.postTitle { float: none; }
	.postTitle div { display: none; }
	.oddPost { padding-left: 1%; padding-right: 1%; }
	.evenPost { padding-left: 1%; padding-right: 1%; }
	.evenPost img { width: 30%; padding-right: 1%; }
	.oddPost img { width: 30%; padding-left: 1%; }
	.fullWidth { width: 100%; height: 100%; }
	.col1 { display: none; }
	.col2 { width: 100%; height: 20%; }
	.col3 { width: 100%; }
	.line { width: 100%; }
	.third { width: 99%; }
	.width100 { width: 20%; height: auto; padding-left: 2%; padding-right: 2%; }
	.width850 { width: 70%; text-align: left; font-size: 0.7em; }
	.width850 h2 { width: 96%; padding: 2%; }
	.width850 p { width: 96%; margin: 0%; }
	.width150 { width: 30%; }	
	.marginTop20 { margin-top: 0; height: 70%; }
	.col11 { height: 30%; }
	.col31 { height: 30%; }
	.right img { height: auto; width: 100%; float: right; }
	.ui-dialog { width: 100% !important; height: 100% !important; top: 0 !important; }
	.ui-dialog .ui-dialog-titlebar { height: 10% !important; padding: 0 !important;}
	.ui-dialog .ui-dialog-content { height: 70% !important; padding: 0 !important; }
	.ui-dialog .ui-dialog-buttonpane { height: 10%; margin-top: 0 !important; padding: 0 !important; }
	.ui-dialog .ui-dialog-titlebar-close {width: 1em !important; height: 1em !important; top: 40% !important; } 
	.ui-button-text-only .ui-button-text { padding: 0 !important; }
	.ui-dialog-buttonset { display: inline !important; float: none !important; }
	.ui-button { display: inline !important; width: 30% !important; margin: 10%; }	
	.bottomLink { display: block; padding-top: 8mm; }
	.padding2 { padding-left: 2%; padding-right:2%; }
}