/********** CSS Document for Alexandros Vasmoulakis responsive website **********/
/*** Media Queries ***/
@media all and (max-width:767px) { /*** Mobile ***/
	body, header {font-size:14px;}
	body {background-position:center center;background-size:cover;}
	.header {display:block;}
	.sitename, .naviholder ul li, .searchbox ul li {font-size:16px;}
	.sitename, .tagline {padding-left:15px;}
	.maincolumn {margin:0;padding:20px 0 0 0;}
	div.search h1.page-title {font-size:14px !important;}
	div.category-desc {margin:0 0 40px 0;display:block !important;}
	div.item-page-aboutpage {margin-top:90px !important;}
	.searchbox {padding:20px 0 10px 15px !important;text-align:left !important;}
	div.item {margin:0;padding:65px 0 80px 0;}
	div.item img {max-width:300px;}
	div.item-image img, div.item-page img {max-width:300px !important;max-height:400px !important;}
	div.item-page {margin:0 !important;padding:0 !important;}
	div.item-page img {margin:0 !important;}
	/* article image float, common styles */
	div.pull-left, div.pull-none, div.pull-right {padding:0 !important;text-align:center !important;display:block !important;float:none !important;clear:none !important;}
	div.pull-left p, div.pull-none p, div.pull-right p {padding:6px 26px 0 26px;text-align:center !important;}
	div.pull-left img, div.pull-none img, div.pull-right img {margin:0 auto !important;display:block !important;}
}

@media all and (min-width:768px) { /*** All except Mobile ***/
	body, header {font-size:11px;}
	body {background-position:top 26px center;}
	.header {width:350px;position:fixed;z-index:9002;top:0;left:0;}
	.sitename {padding-top:10px;font-size:22px;line-height:22px !important;} .naviholder ul li, .searchbox ul li {font-size:12px;}
	.sitename, .tagline {padding-left:30px;}
	.maincolumn {margin:0;padding:12px 0;position:relative;z-index:9001;}
	div.category-desc {margin:0 0 50px 320px;display:block !important;}
	div.search h1.page-title {font-size:14px !important;}
	div.item {margin:0;padding:65px 0 140px 0;}
	div.item-page-aboutpage {margin:15px 0 0 190px !important;}
	/* article image float, common styles */
	div.pull-left, div.pull-none, div.pull-right {padding:0 !important;text-align:center !important;display:block !important;float:none !important;clear:none !important;}
	div.pull-left p, div.pull-none p, div.pull-right p {padding:6px 26px 0 26px;text-align:center !important;}
	div.pull-left img, div.pull-none img, div.pull-right img {margin:0 auto !important;display:block !important;}
}

@media all and (min-width:768px) and (max-width:991px) {
	body {background-size:80%;}
	div.item img {max-width:768px;}
	div.item-image img {max-width:768px !important;max-height:600px !important;}
	div.pull-none {margin:72px auto 10px auto !important;}
}

@media all and (min-width:992px) and (max-width:1199px) {
	body {background-size:80%;}
	div.item img {max-width:800px;}
	div.item-image img {max-width:800px !important;max-height:700px !important;}
	div.pull-none {margin:72px auto 10px auto !important;}
}

@media all and (min-width:1200px) and (max-width:1399px) {
	body {background-size:78%;}
	div.item img {max-width:1000px;}
	div.item-image img {max-width:1000px !important;max-height:700px !important;}
	div.pull-none {margin:72px auto 10px auto !important;}
}

@media all and (min-width:1400px) {
	body {background-size:66%;}
	div.item img {max-width:1200px;}
	div.item-image img {max-width:1200px !important;max-height:700px !important;}
	div.pull-none {margin:72px 0 10px 0 !important;}
	div.item-page {margin-right:20px !important;}
	div.item img[src*="retina"], div.item-image img[src*="retina"] {width:auto;height:auto;max-width:1700px !important;max-height:1400px !important;}
}

/*** General HMTL ***/
html, body {width:100%;height:100%;margin:0 !important;padding:0 !important;}
body {line-height:150%;text-decoration:none;color:#000000;background-color:#FFFFFF;background-repeat:no-repeat;}
input.button {cursor:pointer;}
form {margin:0;padding:0;}
fieldset {margin:0 0 20px 0;padding:0 !important;border:0;}
p {margin:0 0 20px 0;}
a:link, a:visited {color:#FF0066;text-decoration:none;}
a:hover {text-decoration:underline;}
h1, h2, h3, h4, h5, h6 {color:#000000;margin:0 0 10px 0 !important;padding:0;font-weight:bold !important;text-align:left !important;}
h1 {font-size:18px !important;}
h2 {font-size:18px !important;}
h3 {font-size:16px !important;}
h4 {font-size:14px !important;}
h5 {font-size:13px !important;}
h6 {font-size:12px !important;}
ul {list-style:circle;}
/* span colours */
.blue {color:#0000FF;} .fuscia {color:#FF0066;} .green {color:#A0DB03;} .grey {color:#4D4D4D;} .turqoise {color:#05798F;} .white {color:#FFFFFF;}
/*** Template specific ***/
header {padding-top:10px;}
/* Set display */
fieldset, div.form-limit {display:block;}
form label {display:none;}
/* Set fonts */
body, h1, h2, h3, h4, h5, h6, input.inputbox {font-family: 'Karla', sans-serif !important;}
/******************************/
/*********** Layout ***********/
/******************************/
.container-fluid {padding-left:0 !important;padding-right:0 !important;}
.row {margin-left:0 !important;margin-right:0 !important;}
/* Header */
header {color:#000000;line-height:110% !important;}
.logoholder {padding-top:3px;}
.sitename {color:#000000;font-weight:bold;}
.tagline {color:#000000;font-weight:normal;}
.sitename a:link, .sitename a:visited, .sitename a:hover {color:#000000;text-decoration:none;}
.search {margin:10px 0 0 15px;}
.search input.inputbox {width:140px !important;margin-top:20px;}
/* Navigation (left & right menus) */
ul.nav {width:180px;}
.nav > li {margin:6px 0 !important;padding: 10px 15px !important;font-size:22px !important;display:block;}
.nav > li > a {margin:0 !important;padding:0 !important;display:block;}
.naviholder {padding-top:26px;vertical-align:top !important;}
.naviholder ul, .searchbox ul {margin:0;padding:0;list-style:none;line-height:100% !important;}
.naviholder ul li, .searchbox ul li {}
.naviholder ul li a:link, .naviholder ul li a:visited,
.searchbox ul li a:link, .searchbox ul li a:visited {background:transparent !important;color:#000000;text-decoration:none;}
.naviholder ul li a:hover, .searchbox ul li a:hover {background:transparent !important;color:#FF0066;text-decoration:none;}
.active a:link, .active a:visited {background:transparent !important;color:#FF0066 !important;}
.maincolumn {} 
.maincolumn, .searchbox {vertical-align:top !important;}
/* Contents box */
.contentbox {margin:0 !important;padding:0 !important;}
/* Footer */
footer {padding:0 0 10px 18px;position:static !important;}
/************************/
/**** Joomla Styling ****/
/************************/
div.category-desc {padding:10px 0 20px 0;text-align:left;overflow:auto;display:block;}
div.item a:link, div.item a:visited, div.item a:hover {color:#000000;text-decoration:none !important;}
div.item a:hover {text-decoration:underline;}
div.item-page {text-align:center !important;float:none !important;}
div.item-page, div.item-page-aboutpage {width:auto !important;height:auto !important;}
div.item-image {margin:0 0 20px 0;display:block;clear:both;}
.img_caption {margin-top:4px !important;word-break: break-all;}
/* article view */
.item-page {margin:0 !important;padding:0 !important;}
.item-page img {max-width:100%;height:auto;margin:0 !important;}
/* content links */
div.content-links ul {margin:10px 0 20px 0;padding:0 0 20px 20px;display:block;}
/**************/
/* pagination */
/**************/
div.pagination {text-align:left;}
div.pagination ul {margin:0;padding:0;list-style:none;}
div.pagination ul li {margin:0 20px 0 0;padding:0;display:inline-block;}
/* search */
.search-page {margin-left:220px;}
.search-page h1.page-title {padding-top:20px !important;font-weight:normal !important;}
.search-page legend {margin-left:-20px;}
.search-page .btn-toolbar, .search-page .btn-group {padding-left:0 !important;}
.search-page .ordering-box {margin-left:-20px;}
.search-page .ordering-box select#ordering {width:150px;}
.searchintro {line-height:20px !important;text-align:left;}
fieldset.phrases {margin-left:20px;}
/*** Mobile menu ***/
.sm-pusher, .sm-content, .sm-content-inner {margin-left:0 !important;margin-right:0 !important;padding-left:0 !important;padding-right:0 !important;overflow-x:hidden !important;}