/* -------------------------------------------------------------
	© IceTheme 2013
---------------------------------------------------------------- */


/* Bootstrap Reset
---------------------------------------------------------------- */
body {
	font-family:Arial, Helvetica, sans-serif;
	background:#e0e0e0;
	line-height:24px;}
	
p.ice-headline,	
h1, h2, h3, h4, h5, h6 {
	font-family:"Droid Serif", Georgia, "Times New Roman", Times, serif;
	font-weight: normal;}	

a:link { color:#005689}
a:visited { color:#571586; text-decoration:underline;}


.btn-primary,
.btn-inverse { color:#fff!important;}

  
p {
	margin-bottom:18px}

hr {
	clear: both;
	border:none;
	border-top:1px dashed #ccc;}

body .button {
	background:#333;
	border:none;
	color:#fff;
	padding: 5px 13px;
	border-radius:0;
	box-shadow:none;
	text-shadow:none;
	-webkit-transition:all .2s ease-out;
	-moz-transition:all .2s ease-out;
	-o-transition:all .2s ease-out; 
	transition:all .2s ease-out;}
	
	body .button:hover {
		text-decoration:none;
		color:#fff;
		background:#555}	
		
		body .button.othercolor {
			background:!important#009BFF;}
			
		  body .button.othercolor:hover {
				background:!important#34AFFF;}
		

.tooltip {
	font-size:16px;}
	


/* typography 
------------------------------------------------------------- */

p.ice-headline {
	font-size: 3em;
	text-align: center;}

p.ice-subheadline {
	font-size: 1.1em;
	text-align: center;
	margin-top: -3px;
	margin-bottom: 18px;
	color: #888;}	

span.notice-typo {
	color: #888;}

ul.ice-check li, 
ul.ice-arrow li, 
ul.ice-cross li,
ul.ice-light li, 
ul.ice-star li, 
ul.ice-note li,
ul.ice-check2 li,
ul.ice-help li,
ul.ice-info li {
	list-style-type:none;
	background-repeat: no-repeat; 
	background-position: center left;
	padding: 4px 0 3px 28px}
	
	ul.ice-check li {
		background-image:url(../images/typo_check.png);}
	ul.ice-arrow li { 
		background-image:url(../images/typo_arrow.png);}
	ul.ice-cross li { 
		background-image:url(../images/typo_cross.png);}
	ul.ice-light li { 
		background-image:url(../images/typo_light.png);}
	ul.ice-star li { 
		background-image:url(../images/typo_star.png);}
	ul.ice-note li { 
		background-image:url(../images/typo_note.png);}	
	ul.ice-check2 li { 
		background-image:url(../images/typo_check2.png);}
	ul.ice-help li { 
		background-image:url(../images/typo_help.png);}
	ul.ice-info li { 
		background-image:url(../images/typo_info.png);}



blockquote {
background:#F2F2F2;
border-left:5px solid #ccc;
margin:1.5em 10px;
padding:.5em 10px;
quotes:"\201C""\201D""\2018""\2019";
}

blockquote:before {
color:#ccc;
content:open-quote;
font-size:4em;
line-height:.1em;
margin-right:.25em;
vertical-align:-.4em;
}

blockquote p {
display:inline;
}

blockquote:after {
color:#ccc;
content:close-quote;
font-size:4em;
line-height:.1em;
margin-left:.25em;
vertical-align:-.4em;
}

.highlight {
	font-style: italic;
	color: #444;
	background: #FFC;
	padding: 0 .15em!important;
	font-weight: normal!important;}

.dropcap {
	color: #555;
	display: block;
	float: left;
	font: 6em/75% Georgia,"Times New Roman",Times,serif;
	padding: 5px 12px 0 0;}

pre {
	border-radius:0;
	padding-left: 32px;
	border: 1px solid #9A9A9A;
	border-left: 4px solid #33353A;
	background: #FFFEF4;}

.IceBlockTextLeft {
	float: left;
	text-align: left;
	display: block;
	font-size: 1.25em;
	font-style: italic;
	line-height: 1.7em;
	padding: 30px;
	width: 38%;}

.IceBlockTextRight {
	float: right;
	text-align: right;
	display: block;
	font-size: 1.25em;
	font-style: italic;
	line-height: 1.7em;
	padding: 30px;
	width: 38%;}
	
	
.ice-block1 {
	padding: 10px;
	border: 1px dashed #999;}
	
.ice-block2 {
	padding: 10px;
	background: #fff;
	border: 1px dotted #999;}	

.ice-block3 {
	padding: 10px;
	background: #FFFEF4;
	border: 1px solid #EAE8CC;}	
		
.ice-block4 {
	padding: 10px;
	background: #222;
	color: #ccc;
	border: 1px solid #222;}
	
.ice-block5 {
	padding: 10px;
	background: #eee;
	border: 1px solid #ccc;}	

.ice-block6 {
	padding: 10px;
	background: #CF8080;
	color: #fff;
	border: 1px solid #CF8080;}


div.success, p.success, 
div.notice, 
p.notice, 
div.error, p.error {
	padding: .6em 1em 0.6em 3.4em;
	border: 1px solid #fff;
	margin-bottom: 2em;}
	
	div.notice, p.notice {
		color: #514721;
		background: #FFF6BF url(../images/typo_note.png) no-repeat 10px center;
		border: 1px solid #FFDE24;}

	div.success, p.success {
		color: #264409;
		background: #E6EFC2 url(../images/typo_success.png) no-repeat 10px center;
		border: 1px solid #CEE086;}
		
	div.error, p.error {
		color: #8A1F11;
		background: #FBE3E4 url(../images/typo_error.png) no-repeat 10px center;
		border: 1px solid #F5B7B8;}


/*------------------------------------------------------------- */


/* Top Bar */
#topbar {
	background:#242424;
	background: -webkit-linear-gradient(top, #323232, #242424);
	background: -moz-linear-gradient(top, #323232, #242424);
	background: -ms-linear-gradient(top, #323232, #242424);
	background: -o-linear-gradient(top, #323232, #242424);
	background: linear-gradient(top, #323232, #242424);
	height:60px;
	border-bottom:10px solid #009bff}
	
	
	/* Social Icons */
	#social_icons {
	float:right}
	
	
	#social_icons  ul {
		padding:0;
		margin:13px 0 0}
		
		#social_icons  ul li {
			list-style-type:none;
			display:inline-block;
			padding:0;
			margin:0}
			
			#social_icons ul li a {
				background-image:url(../images/social_icons.png);
				background-repeat:no-repeat;
				background-position:center;
				width:30px;
				height:32px;
				margin:0 2px;
				display: block!important;
				border-bottom:none;
				-webkit-transition:all .25s ease-out;
				-moz-transition:all .25s ease-out;
				-o-transition:all .25s ease-out; 
				transition:all .25s ease-out; }
				
				
				#social_icons ul li a:hover {
					-webkit-filter:inherit;
					-moz-filter: inherit;
					-ms-filter: inherit;
					-o-filter: inherit;
					filter: inherit}
					
						#social_icons ul li a span { display:none; }	
					
					
				#social_icons ul li.social_facebook a {
					background-position:0 0; }
					
					#social_icons ul li.social_facebook a:hover {
						background-position:0 -32px;}
					
				#social_icons ul li.social_twitter a {
					background-position:-30px 0; }
					#social_icons ul li.social_twitter a:hover {
						background-position:-30px -32px;}	
					
				

/* IceMegamenu */
.icemegamenu { float:left}	


/* Header */
#header {
	background-image:url(../images/header_effect.png), url(../images/header_gradient.png);
	background-position:top, top;
	background-repeat:no-repeat, repeat-x;
	border-top:1px solid #fff;}

	
	#logo {
		float:left;
		margin:50px 0 0;}
		
		#logo p { margin-bottom:0}
		
				#logo p a {}



	#weather {
		min-width:190px;
		float: right;
		padding: 0 15px 0 22px;
		border-left: 1px dotted #ccc;
		margin-left: 25px;
		margin-top: 17px;		margin-bottom:10px;}
		
		
		#weather .weather_k1 { padding:0}
			
			
		#weather .weather_k1_cleft {
			float: left;
			text-align: center;
			margin-right: 15px;
			min-width: 75px;}
			
		#weather .weather_k1_cright {
			float:left;
			margin: 17px 0 0;}
			
		#weather p.weather_k1_city {
			margin: 5px 0 4px;
			font-family:"Droid Serif", Georgia, "Times New Roman", Times, serif;}
			
		#weather .kw_row { color:#777; font-style:italic}
		
		#weather  p.kw_current_temp {margin: -4px 0 0;}
		
		#weather  img.kw_icon_big { height: 75px;}



/* Content */
#content {
	clear:both;}
	
	#content #columns { background:#fff; margin-bottom:45px; position:relative;}

	section#content .inside { padding:15px}
		
			section#content #middlecol .inside { min-height: 400px; padding-left:0; padding-right:0}
	
	#content #content_left { float:left; width: 100%;}
		
		#content #content_left #leftcol { float:left; width:240px;}
		#content #content_left #middlecol { float:left; width:685px;}
		
		
		


/* Sidebar */
#sidebar {
	float:right;
	background:#2e2e2e;
	color:#E6E6E6;
	margin:0;
	width:100%;
	min-height: 500px;}
	  
	  
	  #sidebar .button,
	   #sidebar .btn {
			background:rgba(255,255,255,.25);
			border:none;
			border-radius:0;
			text-shadow:none;
			box-shadow:none;
			color:#fff!important;
			-webkit-transition:all .2s ease-out;
			-moz-transition:all .2s ease-out;
			-o-transition:all .2s ease-out; 
			transition:all .2s ease-out;}
			
			#sidebar .button:hover,
			#sidebar .btn:hover {
				background:rgba(0,0,0,.25);}



/* Promo */
#promo {
	margin:0 0 -65px;
	padding:45px 0 110px;
	background-color:#D1D1D1;
	background-image:url(../images/general_arrow_t.png),url(../images/general_arrow_b.png);
	background-position:top, bottom;
	background-repeat:repeat-x, repeat-x}
	
		
		
/* Bottom */
#bottom {
	padding: 0 0 45px;}
		
	
	


/* IceCarousel */
#icecarousel {
	position:relative;
	background:#fff;
	padding:15px;
	clear:both}
		


/* IceSlider */
#iceslider {
	position:relative;
	margin:0 0 -60px;
	padding:5px 70px 0;
	background:#2E2E2E}
	
	#iceslider:before {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		width: 70px;
		height: 99%;
		background: #2E2E2E;
		z-index: 99;}
	
	#iceslider:after {
		content:"";
		background:url(../images/iceslider.png) no-repeat center;
		width:100%;
		height:95px;
		position:absolute;
		bottom:-50px;
		left:0;}
	
	#iceslider div.iceslider_heading {
		border-top:5px solid #4d4d4d;
		text-align:center;
		margin-top:35px;
		margin-bottom: 22px;}
	
		#iceslider div.iceslider_heading h3{
			margin-top:-23px;
			text-transform: uppercase;
			font-size: 26px;
			color:#fff;}
			
			#iceslider div.iceslider_heading h3 span {
				display:inline-block;
				background:#2E2E2E;
				padding:0 22px;}
			
		
	
	
	
/* Footer */
#footer {
	background-color:#D1D1D1;
	background-image:url(../images/general_arrow_t.png);
	background-position:top;
	background-repeat:repeat-x;
	padding:45px 0 0;}
	
	#footer #footermods { padding-bottom:18px}


	
/* Copyright */
#copyright_area {
	border-top:1px solid #fff;
	box-shadow: 0 -1px 0 #b3b3b3;
	position:relative;
	font-size:.9em;
	padding:20px 0;
	overflow:hidden;}
	


	/* IceTheme Copyright Logo */
	#footer p#icelogo {
		float:left;
		margin:0;
		padding-left:0;
		padding-right:30px;}
			
			#footer p#icelogo a {
				opacity:.6;
				-webkit-transition:all .2s ease-out;
				-moz-transition:all .2s ease-out;
				-o-transition:all .2s ease-out; 
				transition:all .2s ease-out;}
				#footer p#icelogo a:hover {
					opacity:1}
				
	
	
	/* Copyright Text */
	#footer p#copyright {
		float:left;
		color:#777;
		margin:0;
		padding:7px 20px 0 0;}
		
	
	/* Copyright Nav */	
	#copyrightmenu {
		float:left;}
		
		#copyrightmenu ul {
			list-style-type:none;
			margin:0;
			padding: 7px 0 0;}
			
			#copyrightmenu ul li {
				display:inline;}
				
				#copyrightmenu ul li a {
					color:#777;
					display:inline;
					padding-right:20px;}
					#copyrightmenu ul li a:hover {
						background:none;
						color:#111;
						text-decoration:underline}
		


		/* Go to Top link */
		.scrollup {
			width: 60px;
			height: 40px;
			text-indent: -9999px;
			opacity: 1;
			position: fixed;
			bottom: 30px;
			z-index:9;
			right: 0;
			display: none;
			background:rgba(0,0,0,.2) url(../images/icon_top.png) no-repeat center center;
			-webkit-transition:all .2s ease-out;
			-moz-transition:all .2s ease-out;
			-o-transition:all .2s ease-out; 
			transition:all .2s ease-out;}
			
			
			.scrollup:hover {
				background-color:rgba(0,0,0,.7)}
				




/* Tagline */
#tagline {
	font-family:"Droid Serif", Georgia, "Times New Roman", Times, serif;
	height:120px;
	position:relative;
	margin:0 0 30px;
	padding:0 50px;
	background:#E6E6E1;
	font-size:26px;
	line-height:34px;
	text-align:center;}
	
	#tagline p {
		padding-top:20px;}

	#tagline:before {
		content:"";
		background:url(http://sanfranciscogreeks.com/templates/it_newsy4/images/tagline_l.png) no-repeat center;
		height:120px;
		width:45px;
		position:absolute;
		top: 0;
		left:-15px}
	
	#tagline:after {
		content:"";
		background:url(http://sanfranciscogreeks.com/templates/it_newsy4/images/tagline_r.png) no-repeat center;
		height:120px;
		width:45px;
		position:absolute;
		top: 0;
		right:-15px}




/* Services */
#services {
	margin:34px 0;
	padding:0;
	text-align:center;}	
	
	#services .custom > div {
		float:left;
		width:29%;
		padding:134px 2% 5px;
		background-repeat:no-repeat;
		background-position:50% 25px;
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;}
		
		#services .custom > div:hover {
			background-position: 50% 32px;}
			
	
	#services .custom img  {
		margin-bottom:25px;}	
		
	#services .custom h4  {
		margin: 0 0 7px;
		text-transform:uppercase}	

	#services .custom p  {
		color:#777}	
		

		.service1 {
			background-image:url(http://sanfranciscogreeks.com/templates/it_newsy4/images/service1.png)}
		.service2 {
			background-image:url(http://sanfranciscogreeks.com/templates/it_newsy4/images/service2.png)}
		.service3 {
			background-image:url(http://sanfranciscogreeks.com/templates/it_newsy4/images/service3.png)}
		.service4 {
			background-image:url(http://sanfranciscogreeks.com/templates/it_newsy4/images/service4.png)}
		.service5 {
			background-image:url(http://sanfranciscogreeks.com/templates/it_newsy4/images/service5.png)}
		.service6 {
			background-image:url(http://sanfranciscogreeks.com/templates/it_newsy4/images/service6.png)}

	
	



/* Banner */
#banner {
	text-align:center}
	
	#banner .banneritem {}
		
		
		#banner .banneritem a {
			display: block;
			-webkit-transition:all .2s ease-out;
			-moz-transition:all .2s ease-out;
			-o-transition:all .2s ease-out; 
			transition:all .2s ease-out;} 
			
			#banner .banneritem a:hover {
				margin-top: -2px;
				padding-bottom:2px;}



		
		
/* IceCarousel */
.icecarousel {
	overflow:hidden;
	margin-bottom:0;}
	
	.icecarousel .carousel-control {
		color:#fff;
		opacity:0;
		top: 44%;
		-webkit-transition:all .2s ease-out;
		-moz-transition:all .2s ease-out;
		-o-transition:all .2s ease-out; 
		transition:all .2s ease-out;} 
		
		.icecarousel:hover .carousel-control {
			opacity:.6;} 
			
			.icecarousel:hover .carousel-control:hover {
				opacity:1}
				
				
			
			.carousel-control.left {
				-webkit-transform: scale(0);
				margin-left:-70px;
				-webkit-transition:all .3s ease-out;
				-moz-transition:all .2s ease-out;
				-o-transition:all .2s ease-out; 
				transition:all .2s ease-out;}
				
				.icecarousel:hover .carousel-control.left {
					-webkit-transform: scale(1);
					margin-left:0;}
					
				
			.carousel-control.right {
				-webkit-transform: scale(0);
				-moz-transform: scale(0);
				transform: scale(0);
				margin-right:-75px;
				-webkit-transition:all .3s ease-out;
				-moz-transition:all .2s ease-out;
				-o-transition:all .2s ease-out; 
				transition:all .2s ease-out;}
				
				.icecarousel:hover .carousel-control.right {
					-webkit-transform: scale(1);
					-moz-transform: scale(1);
					transform: scale(1);
					margin-right:0;}
					
				
			
	
		.icecarousel .carousel-caption {
			opacity:0;
			margin-bottom:-100px;
			-webkit-transition:all .3s ease-out;
			-moz-transition:all .2s ease-out;
			-o-transition:all .2s ease-out; 
			transition:all .2s ease-out;}
				
			.icecarousel:hover .carousel-caption {
				opacity:1;
				margin-bottom:0}
			
		.icecarousel .carousel-caption h4 {
			font-family:"Droid Serif", Georgia, "Times New Roman", Times, serif;
			font-size: 22px;
			line-height: 28px;
			margin: 0;}

		
		.carousel-indicators {
			top:auto;
			bottom:18px;}
			
			.carousel-indicators li {
				width:12px;
				height:12px;
				margin:0 3px;
				cursor:pointer;}
				
				.carousel-indicators li:hover { background-color: #fff;}
			
			
			
			
			



/* Menus
---------------------------------------------------------------- */
	

	/* "left" menu */
	.sidebar_module ul.menu {
		padding:0;
		margin:0;
		list-style:none;}
		
		.sidebar_module ul.menu li {
			line-height:30px;
			margin:4px 0}
			
				#sidebar .sidebar_module ul.menu li a {
					color:#fff;
					padding:0 10px;
					-webkit-transition:all .2s ease-out;
					-moz-transition:all .2s ease-out;
					-o-transition:all .2s ease-out; 
					transition:all .2s ease-out;}
							
					#sidebar .sidebar_module ul.menu li a:hover {
						color:#fff;
						background:rgba(255,255,255,.2);
						text-decoration:one;}

					#sidebar .sidebar_module ul.menu li.active a {
						background:rgba(255,255,255,.2);}
						
						
						

	/* "footer" menu */
	#footer #footermods ul.menu {
		padding:0;
		margin:0 0 0 20px;
		color:#666;
		list-style:disc}
		
		#footer #footermods ul.menu li {
			line-height: 28px;}
			
				#footer #footermods ul.menu li a {
					color:#666}
					
					#footer #footermods ul.menu li a:hover {
						color:#222;
						text-decoration:underline;
						background:none}
						

	
	
	
/* Social */
#ice_social {
	height:auto;
	float:right;
	padding: 10px 0 0;}
	
	#ice_social #social_fb {
		float:right;
		padding-left: 30px;
		overflow:hidden;
		height:20px;
		width:110px}
		
		#ice_social #social_fb iframe { left:0!important}
	
	#ice_social #social_tw {
		padding-top: 0;
		padding-left: 10px;
		float:right}			
			
			
	
			
/* Offline Page and Error Page 
---------------------------------------------------------------- */		
body.offline_page {}
	
body.error_page	  {}

	body.offline_page #logo,
	body.error_page #logo {
		float:none;
		margin:30px auto;
		text-align:center;
		padding:25px;
		max-width: 510px;}
		body.offline_page #logo p,
		body.error_page	#logo p { margin:0}

	body.offline_page #content,
	body.error_page #content	{
		width:auto;
		padding:25px;
		background-color:#FFF;
		max-width: 510px;
		margin:30px auto 0;
		float:none}
		
		
		body.offline_page .alert {
			margin-bottom:50px;
			font-size: 18px;
			text-align:center;
			line-height: 30px;}

		
		body.error_page h1 {
			font-size: 28px;
			margin: 0 0 15px;
			border: none;}
			
		
/* Ice Style Switcher
---------------------------------------------------------------- */	
ul#ice-switcher {
	position:fixed;
	top:200px;
	background:#fff;
	border:1px solid #dcdcdc;
	border-left:0;
	border-radius: 0;
	right:0;
	list-style-type:none;
	padding:5px 5px 0;
	opacity:.3;
	margin:0;
	-webkit-transition:all .25s ease-out;
	-moz-transition:all .25s ease-out;
	-o-transition:all .25s ease-out; 
	transition:all .25s ease-out;}
	
	ul#ice-switcher:hover {
		opacity:1;
		padding-right:15px;}
	
	ul#ice-switcher li {
		padding:0;
		margin:0}
		
		ul#ice-switcher li a {
			display:block;
			width:10px;
			height:10px;
			border-radius:10px;
			margin-bottom:7px;
			background:#222; }
			
			ul#ice-switcher li a span { display:none }
		
		
		ul#ice-switcher li.style1 a { background:#584F52 }
		ul#ice-switcher li.style2 a { background:#4A6D89 }
		ul#ice-switcher li.style3 a { background:#808C5D }
		ul#ice-switcher li.style4 a { background:#5C8A7D }
		ul#ice-switcher li.style5 a { background:#914E57 }
		ul#ice-switcher li.style6 a { background:#5E5473 }
		
		
		ul#ice-switcher .tooltip { font-size:14px;}

			
	#overlay {
		display: none;
		position: fixed;
		bottom:0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index:100000;
		background:#000 url(../images/style_loading.gif) no-repeat center;}		
				
		


/* Template Styles custom code */
div.ice-template-style {
	margin:0;
	padding:0;}

	div.ice-template-style p {
		float:left;
		width:175px;
		margin:0 0 15px;
		text-align:center;
		position:relative;
		padding:0;}


		div.ice-template-style p:nth-child(5),
		div.ice-template-style p:nth-child(6) {
			margin-bottom:8px}

		
		div.ice-template-style p span {
			display:block;
			color:#fff;
			position:absolute;
			top:40px;
			left:55px;
			background:rgba(0,0,0,.75);
			border:1px solid #fff;
			box-shadow:0 0 12px rgba(0,0,0,.5);
			padding:3px 10px;
			opacity:0;
			font-size:1.4em;
			-webkit-transition:all .3s ease-out;
			-moz-transition:all .5s ease-out;
			-o-transition:all .5s ease-out; 
			transition:all .5s ease-out;}

			div.ice-template-style p:hover span {
				opacity:1}
	
	
			div.ice-template-style img {
				float:none!important;
				margin:0!important}	
		
			#columns-container div.ice-template-style li img {
				width:218px}				
				
				
				
/* numbers used on the bottom modules */
.img1, .img2, .img3{
	background-repeat:no-repeat;
	height:100px;
	width:100px;
	float:left;
	margin:0 11px 11px 0;}

	.img1 {
		background-image:url(http://sanfranciscogreeks.com/templates/it_newsy4/images/one.jpg)}
	.img2 {
		background-image:url(http://sanfranciscogreeks.com/templates/it_newsy4/images/two.jpg)}
	.img3 {
		background-image:url(http://sanfranciscogreeks.com/templates/it_newsy4/images/three.jpg)}