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

Theme Name: TraumGmbH
Theme URI: http://www.Pixelwerft.de
Author: Cisachsen
Author URI: http://www.pixelwerft.com
Description: A Portfolio & Design Agency Theme
Version: 2.0

---------------------------------------------------------------------------------------

The main styles are located in this file (style.css). 
Other styles are loaded from the files in the /css/ folder.

The Stylesheets are loaded in the following order:
1. style.css						(Main Stylesheet)
2. css/light.css or css/dark.css 	(Depends on the chosen option, in the Options Panel)
3. css/color.php 					(This is a dynamic stylesheet, used mainly for the color option)
4. css/ie7.css 						(This stylesheet containes ie7 fixes)

Large stylesheet contain a table of contents to help you navigate through the css.
You will also notice media queries sections. These sections allow us to detect the screen size 
and to load specific styles accordingly.


Contents:
		1.		Reset CSS
		2.		General Layout and Common Elements
		3. 		Content Styling (Images, Typography)
		  3.1 	  Typography
		  3.2 	  Images 
		4. 		Header
		5. 		Navigation
		6. 		Portfolio
		  6.1 	  Portfolio Index
		  6.2 	  Portfolio Single
		7. 		Blog
		  7.1 	  Blog Layout
		  7.2 	  Blog Styling
		8. 		Sidebar & Widgets
		  8.1 	  General Widget Layout
		  8.2 	  Flickr Widget
		  8.3 	  Subnav Widget
		  8.4 	  Search Form Widget
		  8.5 	  Twitter Widget
		  8.6 	  Portfolio Widget
		9. 		Comments
		  9.1 	  Comments Layout
		  9.2 	  Comments Styling
		  9.3 	  Comments Respond Form
		10. 	Contact Form
		11. 	Footer
		12. 	Home Slider
		13. 	Shortcodes Styling
		  13.1 	  Home Page Shortcodes
		  13.2	  Typography & Content Shortcodes
		  13.3 	  Columns Shortcodes
		14. Media Queries
		  14.1 	  959px and Below Screen Sizes
		  14.2 	  From 959px down to the Ipad(768px) Screen Size
		  14.3 	  Screensizes Below the Ipad (less than 768px)
		  14.4 	  Screensizes Below the Ipad(768px) down to the Iphone Landscape(480px)
		  14.5 	  Screensizes Below the Iphone Landscape(478px)
	
---------------------------------------------------------------------------------------*/


/*-------------------------------------------------------------------------------------*/
/*		1.		Reset default CSS - http://meyerweb.com/eric/tools/css/reset/ 
/*-------------------------------------------------------------------------------------*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{color: #444444; margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}:focus{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}{border-collapse:collapse;border-spacing:0;}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.clearfix{*zoom:1;
}

/*-------------------------------------------------------------------------------------*/
/*		2.		Common Layout Elements
/*-------------------------------------------------------------------------------------*/

html {
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}

body { 
font: normal 14px/20px lato, sans-serif;
    font-weight: 400;
    line-height: 21px;
	
		-webkit-font-smoothing: antialiased;
		text-align: justify;
		-webkit-hyphens: auto;
		 -moz-hyphens: auto;
		 -ms-hyphens: auto;
		 hyphens: auto;
		 letter-spacing: 0.01em;
}
body, img {  /* Resizing Transitions, for Responsive demo */
	transition:all .2s ease-in-out;  
	-o-transition:all .2s ease-in-out;  
	-moz-transition:all .2s ease-in-out;  
	-webkit-transition:all .2s ease-in-out; 
	
}


span.headix{
	width: 20px;
}
 
#page{
	
	width: 940px;
	margin:0 auto;
	

padding-left: 20px;
	padding-right: 20px;
	background: rgba(255,255,255,0.6);
    background-size: auto auto;	
background-image: url("/wp-content/images/border5.png"), url("/wp-content/images/border6.png");
            background-position: left top, right top;
            background-repeat: repeat-y, repeat-y;
}

#content{
	border-top:1px solid;
	width:100%;
	padding-top:60px;
	transition:all .2s ease-in-out;  
	-o-transition:all .2s ease-in-out;  
	-moz-transition:all .2s ease-in-out;  
	-webkit-transition:all .2s ease-in-out; 
}

/*Sonderseiten*/
body.page-id-7280 { background-color: #669966; }
body.page-id-7735 { background-color: #669966; }
body.page-id-8405 { background-color: #669966; }




/*Für Veranstalter*/
body.page-id-3732 { background-color: #669966; }
body.page-id-14633 { background-color: #669966; }

/*Für Veranstalter*/
body.page-id-3717 { background-color: #3399cc; }

/*JOBANGEBOTE*/
body.page-id-3695 { background-color: #00ccff; }


/*KONTAKT*/
body.page-id-3702 { background-color: #9966cc; }

/*START*/
body.page-id-5771 { background-color: #990033; }

/*VA-Ankerseite*/
body.page-id-7497 { background-color: #990033; }

/*KINO*/
   
body.page-id-3786 { background-color: #ff3300;}
body.page-id-6343 { background-color: #ff3300;}
body.page-id-6344 { background-color: #ff3300;}
body.page-id-7965 { background-color: #ff3300;}
body.page-id-10166 { background-color: #ff3300;}
body.page-id-8264 { background-color: #ff3300;}
body.page-id-10165 { background-color: #ff3300;}
body.page-id-9513 { background-color: #ff3300;}
body.page-id-10188 { background-color: #ff3300;}
body.page-id-10187 { background-color: #ff3300;}
body.page-id-10187 { background-color: #ff3300;}
body.page-id-10401 { background-color: #ff3300;}
body.page-id-10435 { background-color: #ff3300;}





/*VERANSTALTUNGEN*/

body.page-id-2367 { background-color: #006699;}
body.page-id-9568 { background-color: #000000;}

/*OCLUB*/

body.page-id-2379 { background-color: #006699;}

/*PARTY*/

body.page-id-2375 { background-color: #006699;}

/*RESTAU*/

body.page-id-6323 { background-color: #339900;}
body.page-id-7451 { background-color: #339900;}
body.page-id-7455 { background-color: #339900;}
body.page-id-7457 { background-color: #339900;}
body.page-id-6700 { background-color: #339900;}
body.page-id-7457 { background-color: #339900;}
body.page-id-7462 { background-color: #339900;}
body.page-id-8417 { background-color: #339900;}
body.page-id-8422 { background-color: #339900;}

/*PIX*/
body.page-id-6327 { background-color: #ff9900;}

/*CatPage*/
body.page-id-4304 { background-color: #199786;}

/*Konzerte*/
body.page-id-2377 { background-color: #006699;}


#blog-accordion, 
#blog-index, 
#full-width,
#content-blog,
#content-portfolio{
	width:100%;
	transition:all .2s ease-in-out;  
	-o-transition:all .2s ease-in-out;  
	-moz-transition:all .2s ease-in-out;  
	-webkit-transition:all .2s ease-in-out; 
	
}



#page-content{
	width:100%;
	border-top: 0px solid;
	padding-top:0px;
	margin-top:20px;
	z-index: 1;
}




#page-content-2{
	width: 940px;
	border-top: 0px solid;
	padding-top:30px;
}

/* Responsive Content Images */
#page-content img, #full-width img {
    display: block;
    margin-top: 0;
    
}

.clear {
	clear: both;
	display: block;
	width:100%;
	font-size: 0px;
	height: 0px;
	line-height: 0px;
}

.left{
	float:left !important;
}

.right{
	float:right !important;
}


/*-------------------------------------------------------------------------------------*/
/*		3.		Content Styling
/*-------------------------------------------------------------------------------------*/

/*		3.1		Typography

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

.post-meta {
display: none;
}

.uppercase{ text-transform:uppercase; }

.more-link{ text-decoration:none; }

br{ display:block; line-height:20px;}

h2,h3,h4,h5,h6,h8{ font-weight:bold;  font-family:'lato', Arial, sans-serif;  padding-bottom: 14px; text-transform: uppercase; letter-spacing: 0px;
  background-image: url("/wp-content/images/border.png");
   background-position: left bottom;
   background-repeat: no-repeat, repeat; margin-bottom: 15px; 
   color: #444444;
}

h1{ font-size:24px;}

h2{ font-size:19px; letter-spacing:0.06em;}

h3{ font-size:13px; font-color:#444444; letter-spacing: 1px;}

h4{ font-size:14px;}

h5{ font-size:12px;}

h6{ font-size:10px; letter-spacing: 1px;}

h7{ font-size:16px;
	font-weight:bold; 
	font-family:'lato';
	font-weight:700;
	padding-bottom: 0px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-color: #444444;
	
}

h8{font-size:10px; letter-spacing: 1px;}

hr{ height:1px; border:none; margin-bottom:20px;}

p{	font-family: lato;
    font-size: 13px;
    line-height: 20px;}
    
 px {	font-family: lato;
     font-size: 13px;
     line-height: 30px;
 }
    

a {	text-decoration:none;}

blockquote {

	margin-left:40px; 

	padding-left:25px; 

	font-family:Georgia, serif; 

	font-size:15px; 

	line-height:20px; 

	font-style:italic; 

	margin-top:0px; 
20px;

	overflow:hidden;
	

}

blockquote p { margin-bottom:0px; }

blockquote  cite{ font-size:11px; font-family:verdana, sans-serif; float:right; margin-right:40px; }

blockquote.nomargin{ margin-left:0px; }



strong, dfn { font-weight:bold;}

em, dfn {font-style:normal;}



sup, sub {line-height:0;}

abbr, acronym {border-bottom:1px dotted;}

address {margin:0 0 20px; font-style:italic;}

li ul, li ol {margin:0;}

ul, ol {margin:0 20px 20px 20px; padding-left:20px;}

ul {list-style-type:disc;}

ol {list-style-type:decimal;}

dl {margin:0 0 20px 0;}

dl dt {font-weight:bold;}

div.menu ul li:hover {
    border-bottom: 0px solid #444444;
    
}

dd {margin-left:20px;}

pre, code, tt {font: 11px 'andale mono', 'lucida console', monospace;line-height: 20px;}

pre, code{ margin-bottom:20px; padding:40px;display:block; font-family:"Courier New",Courier,monospace;font-size:12px;line-height:20px; overflow:auto; overflow-Y:hidden;}


/* ----- Table -----*/

table {
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.36);
  border-bottom: 1px solid #555555;
  border-top: 1px solid #555555;
  margin-bottom: -1px;
  padding-left: 10px;
  padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
  width: 100%;
  }

table, td, th {



}





table th {

	padding: 9px 20px 9px 20px;

	font-size: 14px;

	text-transform:uppercase;

	letter-spacing:1px;

	color: #e6d6d3

}

 table td {

	border-top: 0 solid;
	   
	    padding: 5px 0;
	    vertical-align: middle;
	    
}

tfoot {

	font-style:italic;

}


/*		3.2		Images
/*-------------------------------------------------------------------------------------*/

.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display:block; margin: 5px auto 5px auto; }
.alignright { float:right; margin: 5px 0 0px 15px; }
.alignleft { float:left; margin: 5px 20px 20px 0; }
.aligncenter { display: block; margin: 5px auto 5px auto; }
a img.alignright { width: 100%;float:right; margin: 0px  0 20px 15px;}
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float:left; margin: 5px 15px 15px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { max-width: 96%; /* Image does not overflow the content area */ border: 1px solid;  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;}

/*-------------------------------------------------------------------------------------*/
/*		4.		Header
/*-------------------------------------------------------------------------------------*/

#header{

	width:100%;

	border-bottom: 0px solid #555555;

	margin-bottom: 48px;

	padding-bottom: 0px;
	border-top: 0px solid #555555;
	background-position: right bottom;
	background-repeat: no-repeat, repeat;
	background-image: url("/wp-content/images/riss.png");
	height: 225px;
	

}


/* Logo side */

#logo{

	width: 27%;

	float:left;

	padding-top:20px;

	padding-bottom: 0px;

	margin-right:4.25531914893617%;

}



img.logo{

	display: block;

    margin-left: auto;

    margin-right: auto;

    margin-top: 20px;

}

/* Right side */
#header-content{
	width: 90%;
	float:left;
}

/* Default Header Content */

h1.page-title{
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1px;
	font-size:12px;
	float:left;
	padding-bottom:0px;
	z-index:-10;
}
span.header-desc{
	font-size:12px;
	float:left;
	padding-left:10px;
	letter-spacing:1px;
	margin-top:-1px;
	z-index:-10;
}
span.header-title-light{
	font-size:12px;
	float:left;
	padding-top:0px;
	padding-right:10px;
	letter-spacing:1px;
	text-transform:uppercase;
	margin-top:-1px;
	z-index:-10;
}

/* Home Header Content */
#home-header-description{
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0%;
}

h2#home-slogan{
	font-size:3.3em;
	line-height:1em;
	padding-bottom:0px;
	position:relative;
}

p.main-description{
	margin-bottom:0px;
	font-size:16px;
	font-family:Georgia, serif;
	font-style: italic;
	line-height:20px;
}

p.main-description a{
	text-decoration:none;
}



/*-------------------------------------------------------------------------------------*/
/*		5.		Navigation
/*-------------------------------------------------------------------------------------*/

#access{
	position: relative;
	top: 88px;
    width:100%;
	height:55px;
	border-bottom:0px dashed;
	transition:all .1s linear;  
	-o-transition:all .1s linear;  
	-moz-transition:all .1s linear;  
	-webkit-transition:all .1s linear; 
}

div.menu {
	z-index: 99;
	float:left;
	height:50px;
	width:111%;
	background-color: rgba(255, 255, 255, 0.2);
	background-image: url("/wp-content/images/border3.png"),url("/wp-content/images/border.png");
	background-position: right bottom;
	background-repeat: no-repeat;	
	
	
}

div.menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	padding-top:0px;
	
}

div.menu ul li {
	float: left;
	position: relative;
	z-index: 99;	
}

div.menu ul li:hover { 
	
	visibility: inherit; /* fixes IE7 'sticky bug' */ 
}

div.menu ul a {
	display: block;
	position: relative;
}

div.menu ul ul {
	position: absolute;
	top: -9999em;
	
}

div.menu ul ul li { 
	width: 100%;  
}

div.menu ul li:hover ul,
div.menu ul li.sfHover ul {

	left: 0px;
	top: 30px; /* match top ul list item height */
	position: absolute;
	z-index: 99;
}

div.menu ul li:hover li ul,
div.menu ul li.sfHover li ul,
div.menu ul li li:hover li ul,
div.menu ul li li.sfHover li ul,
div.menu ul li li li:hover li ul,
div.menu ul li li li.sfHover li ul { 
	top: -9999em; 
	top:1px;
}

div.menu ul li li:hover ul,
div.menu ul li li.sfHover ul,
div.menu ul li li li:hover ul,
div.menu ul li li li.sfHover ul,
div.menu ul li li li li:hover ul,
div.menu ul li li li li.sfHover ul {
	left: 180px; /* match ul width */
	top: 1px;
}
	
/*--- Menu Skin ----*/

div.menu ul li{
padding: 16px 20px 15px 20px;
background-image: url("/wp-content/images/border3.png");
   background-origin: padding-box;
   background-position: left top;
   background-repeat: no-repeat;
	height: 30px;
	

}

div.menu ul a {

	text-decoration:none;

    text-transform: uppercase;

    letter-spacing: 1px;

    font-weight: bold;
    font-size: 12px;
    text-align: left;
    height: 30px;
    
    z-index: 99;
    
    

}



.sf-sub-indicator { 

        display:none; 

} 

/*--- Drop Down Skin ---*/

div.menu ul ul {

padding-top: 10px;
margin-top: 18px;
	    background: none repeat scroll 0 0 rgba(255, 255, 255,0.5);
	    border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color #ffffff;	
	    box-shadow: 0px 4px 8px 2px rgba(0,0,0,0.1);
	    background-image: url("/wp-content/images/border2.png");
	       background-origin: padding-box;
	       background-position: left top;
	       background-repeat: no-repeat;
	       
	       padding-bottom: 5px;
	       position: absolute;
	       z-index: 99;
	      
}
 
 



div.menu ul ul li {

	padding: 15px 15px 0px 15px;
	float: left;
	



}

div.menu ul ul li a {

	line-height: 18px;

	padding:0;
	

}

/* Selectbox for max-width of 768px */
#responsiveaccess{
	display:none;
	margin:0 auto;
    width:80%;
}
#responsiveaccess select{
   font-size: 12px;
   padding-left:10px;
   border: 1px solid;
   height: 34px;
   width:80%;
   margin-left:10%;
   margin-right:10%;
   margin-top:70px;
}




/*-------------------------------------------------------------------------------------*/
/*		7.		Blog
/*-------------------------------------------------------------------------------------*/

#primary{
	width:68.08510638297872%; /* 640/940 */
	float:left;
}

/*		7.1		Blog Layout
/*-------------------------------------------------------------------------------------*/

#blog-accordion{
	border-bottom:0px solid;
}

.blog-title-box { /* Contains Date and Title */
	margin: 0px 0 0px 0;
	width:  100%;
	float: left;
	border-top:0px solid;
	border-bottom:none;
}

.blog-article-container { /* Contains Author, Comments count and Content */
	margin: 0 0 5px; padding: 0;
	width: 100%;
	clear: both;
	overflow:hidden;
	padding-bottom:60px;
}

/* Splitting .blog-title-box and .blog-article-container in 2 */

.blog-article-left{
	width:18.75%; /* 120/640 */
	text-align:right;
	float:left;
}
.blog-article-right{
	width:97%; /* 580/640 */
	padding-left:20px; /*40/640 */
	float:left;
}

.border-bottom{ /* For single blog article (with .blog-article-right) */
	border-bottom:0px solid;
	padding-bottom:20px;
}

/* Responsive Content Images */
.blog-article-right img{
	 max-width: 100%; 
	 margin-bottom: 20px;
}

/* Blog Article featured image */

img.blog-article{
	max-width:100%;
	margin-bottom:20px;
}

a.blog-entry-img{
	position:relative;
	display:block;
}

span.blog-img-hover{
	display:none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 91.6%;
	z-index: 30;
	text-align:center;
}
span.blog-img-hover img{
	position:absolute;
	bottom:20px;
	right:20px;
}

/* Responsive Element - Hide until shown using Media Query below */
div.responsive-meta{
	display:none;
}

/* No btm border for archive pages */
#blog-accordion.archive-accordion{
	border-bottom:none;
}

/* Layout For Regular Blog (No Accordion) */

#blogreg-index{
	width:100%;
	border-top:1px solid;
}

.blogreg-article-container {
	margin: 0 0 5px; padding: 0;
	width: 100%;
	clear: both;
	overflow:hidden;
}
.btm-border{
	border-bottom:1px solid;
	padding-bottom:40px;
}

.blogreg-title-box {
	margin: 0px 0 0px 0;
	width:  100%;
	float: left;
	border:none;
	border-bottom:none;
}

.blog-title-box-reg { /* Contains Date and Title */
	margin: 0px 0 0px 0;
	width:  100%;
	float: left;
	border-top:1px solid;
	border-bottom:none;
}

.bloglevel1hover-reg{
	width: 100%; 
	font-weight: normal;
	float: left;
}

h2.blog-article-title-reg{
	line-height:40px;
	font-size: 22px;
	font-family:Georgia, serif;
	font-style:italic;
	margin-bottom:0px;
	margin-top:0px;
	padding-top:20px;
	padding-bottom:20px;
	font-weight:normal;
}

/*		7.2		Blog Styling
/*-------------------------------------------------------------------------------------*/

/* Accordion Article Title */

.bloglevel1hover{
	width: 100%; 
	font-weight: normal;
	float: left;
	cursor:pointer;
}

.clic{
	cursor:auto;
}
h2.blog-article-title{
	line-height:40px;
	font-size: 19px;
	font-family: lato;
	font-style:none;
	margin-bottom:20px;
	margin-top:20px;
	padding-top:10px;
	padding-bottom:5px;
	font-weight:bold;
	text-transform: none;
}
.active{
	border-bottom:0px;
}

/* Article meta */

.blog-article-meta{
	font-size:11px;
}

.blog-article-date{
	font-size:11px;
	padding-top:20px;
	line-height:40px;
	padding-bottom:20px;
	float:right;
	text-transform:uppercase;
}

span.comments-link a{
	font-size:10px;
	text-decoration:none;
}

span.author a{
	text-decoration:none;
}

/* Continue reading link */
#blog-accordion a.more-link,
#blogreg-index a.more-link{
	font-size:10px;
	float:left;
	text-decoration:none;
	margin-top:20px;
	line-height:20px;
}

/* Blog Below Navigation */

div.nav-previous a, div.nav-next a{
	font-size:10px;
	text-decoration:none;
}
div.nav-next{
	float:right;
}
div#nav-below{
	padding-top:40px;
}


/*-------------------------------------------------------------------------------------*/
/*		8.		Sidebar & Widgets
/*-------------------------------------------------------------------------------------*/

/*		8.1		General Widget Layout
/*-------------------------------------------------------------------------------------*/

#secondary.widget-area{
	width:27.65957446808511%; /* 260/940 */
	float:left;
	margin-left:4.25531914893617%; /* 40/940 */
	padding-top:20px;
	
}

aside.widget{
	margin-left: 2px;
	margin-bottom:20px;
	display: block;
	line-height:20px;
	clear:both;
	padding-left:7.692307692307692%; /* 20/260 */
	padding-right:7.692307692307692%;
	padding-bottom: 15px;
	padding-top: 10px;
	background-color: rgba(255, 255, 255, 0.25);
	box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.16);
	    -moz-box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.66);
	    -webkit-box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.66);
	    text-align: left;
}

aside.widget ul, 
#upper-footer ul,
aside.widget ul li, 
#upper-footer ul li
{

	list-style:none;
	margin:0;
	padding:0;
	padding-bottom: 5px;
}
aside.widget a{

	font-size:13px;
	text-decoration:none;
}

#upper-footer a{
	font-size:12px;
	text-decoration:none;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing:1px;
}


h3.widget-title {
	line-height:20px;
	margin-top:5px;
	margin-bottom:15px;
	padding-bottom:8px; 
	padding-top:0px;
	font-family:lato, sans-serif;
	font-weight: 700;
}

aside.widget_archive{
	padding-bottom:40px;
}

.widget_archive ul li{
	float:left;
	width:110px;
}



		
/*		8.3		Subnav Widget
/*-------------------------------------------------------------------------------------*/

aside.SubNav_Widget ul.widget-subnav li a{
	font-size:11px;
}

aside.SubNav_Widget ul.widget-subnav li{
	border-top:1px solid;
	padding-top:13px;
	padding-bottom:7px;
}

aside.SubNav_Widget ul.widget-subnav li:first-of-type{
	border:none;
}

/*		8.4		Search Form Widget
/*-------------------------------------------------------------------------------------*/

.widget_search{
	padding-bottom:20px;
}

form#searchform  input[type=text]{
	width: 78%; /* 175.6/220 */
	height:30px;
	border:1px solid;
	margin-right:1.9090909090909091%; /* 4.19999999999998/220*/
	padding:0;
	font-size:11px;
	padding-left:10px;
	line-height:20px;
	float:left;
}
#searchform input#searchsubmit{
	width: 14.54545454545455%; /* 32/220 */
	border:1px solid;
	height:32px;
	cursor:pointer;
	float:left;
	padding:0;
}




/*-------------------------------------------------------------------------------------*/
/*		11.		Footer
/*-------------------------------------------------------------------------------------*/

/* Footer Widget Area */
#upper-footer{
	border-top:0px solid;
	margin-top:60px;
	padding-top:20px;
	padding-bottom: 20px;
	overflow:hidden;
	background-image: url("/wp-content/images/border.png");
	   background-position: left top bottom;
	   background-repeat: no-repeat, repeat;
	   background-color: rgba(255, 255, 255, 0.15) ;
	   padding-left: 30px;
	   
}

#footer-widget-wrap{
	width:100%;
}

aside.footer-w{
		    background-position: left bottom;
	    background-repeat: no-repeat, repeat;
		   float: left;
	   margin-right: 25px;
	   padding: 10px;
	   width: 20%;
	   background-color: rgba(255, 255, 255, 0.25);
	   	box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.16);
	   	    -moz-box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.66);
	   	    -webkit-box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.66);
	
}



/* Regular Footer */
#footer{
	border-top:0px solid;
	margin-top:0px;
	padding-top:10px;
	padding-bottom:10px;
	position:relative;
	background-image: url("/wp-content/images/border.png");
	   background-position: left top;
	   background-repeat: no-repeat, repeat;
}

p.copyright{
}

img.footerlogo{
	float:right;
	position: absolute;
	top:20px;
	right:0;
}


/* Social Media Links*/
.social-copyright{
	width: 420px;
	float:left;
}
#social-links{
	overflow:hidden;
	padding-bottom:10px;
}
#social-links a{
	color:#888 !important;
	height:20px;
}
div.social-link{
	width:100px;
	padding-bottom:4px;
	border-bottom:5px solid;
	float:left;
	margin-right:3px;
	position:relative;
	margin-bottom:10px;
	height:20px;
}
.social-color{
	border-bottom:5px solid #4fbfff;
	padding-top:4px;
	width:0px;
	position:absolute;
	left:0px;
	bottom:-5px;
}



/*-------------------------------------------------------------------------------------*/
/*		13.		Shortcodes Styling
/*-------------------------------------------------------------------------------------*/


/*		13.1		Home Page Shortcodes
/*-------------------------------------------------------------------------------------*/

#slider{
	padding-bottom:0px;
	border-bottom: 0px solid;
	margin-bottom:30px;
}
.nomargin{
	margin:0px;
	margin-bottom:0px !important;
}
.noborder{
	border:none !important;
}



/* Arrow */

#home-sidebar{
	width: 34.04255319148936%; /* 320/940 */
	float:left;
}

h2.home-sidebar-title{
	font-size:12px;
	padding-bottom:5px;
	border-bottom:1px solid;
	letter-spacing:1px;
	line-height:20px;
	margin-bottom:20px;
}
div.home-intro{
	margin-bottom:40px;
}
/*--- Sidebar From our Blog ----*/

h3.home-article-title{
	font-weight:bold;
	font-size:12px;
	padding-bottom:0px;
	line-height:20px;
}

span.home-article-date{
	font-size:11px;
	text-transform:uppercase;
	line-height:20px;
}
a.home-arr{
	text-decoration:none;
}




/*		13.2		Typography & Content Shortcodes
/*-------------------------------------------------------------------------------------*/

/* Buttons */

a.sbutton{
	height:30px;
	cursor:pointer;
	padding:10px;
	text-decoration:none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}


/* Alert Boxes */

.sbox{
	border:1px solid;
	padding:20px;
	display:block;
	position:relative;
	margin-bottom:40px;
	text-align:center;
	line-height:20px;
}

span.box-line{
	margin-top:-21px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	width:40%;
	height:1px;
	margin-bottom:20px;
}

.box-none{
	background:none;
}
.box-orange{
	background:#f9c036;
}
.box-red{
	background:#f56d6d;
}
.box-green{
	background:#9bcb47;
}

/* Dropcap */
.dropcap {
	display:block;
	float:left;
	font-size:24px;
	line-height:36px;
	text-align:center;
	width:36px;
	margin:4px 8px 0 0;
}

/* Back-to-top and divider */
.back-to-top{
	font-size:10px;
	line-height:20px;
	text-align:right;
	margin-bottom:40px;
	position:relative;
	border-bottom:0px dashed;
	clear:both;
	
}
	
.back-to-top a{
	right:0;
	text-decoration:none;
	margin-bottom:5px;
	font-size:10px;
}

/* Aside */

span.aside{
	width:27%;
	border-right:2px solid;
	margin: 20px 20px 20px 0px;
	padding: 20px;
	padding-left:10px;
	float:left;
}

/* Tabs (From Skeleton - www.getskeleton.com) */



/* Video Shortcodes */

iframe.video, object.video, embed{
	margin-bottom:20px;
	z-index: -1;
}
#portfolio-content iframe.video, #page-content iframe.video,/* Vimeo */
#portfolio-content object.video, #page-content object.video,/* Youtube */
#portfolio-content embed, #page-content embed{/* Youtube */
	height:360px;
	z-index: 0;
}
div.single-article-content iframe.video, div.article-content iframe.video, /* Vimeo */
div.single-article-content object.video, div.single-article-content object.video,/* Youtube */
div.single-article-content embed, div.single-article-content embed{/* Youtube */
	height:270px;
	z-index: 0;
}
#secondary iframe.video, #secondary object.video, #secondary embed{
	height:130px;
	margin-bottom:0px;
	z-index: 0;
}

  
/*		13.3		Columns Shortcodes
/*-------------------------------------------------------------------------------------*/

.one_half{ width:48% !important; }
.one_third { width:30.66%; }
.two_third { width:65.33%; }
.one_fourth { width:22%; }
.three_fourth { width:74%; }
.one_fifth { width:16.8%; }
.two_fifth { width:37.6%; }
.three_fifth { width:58.4%; }
.four_fifth { width:67.2%; }
.one_sixth { width:13.33%; }
.five_sixth { width:82.67%; }
.one_half,.one_third,.two_third,.one_fourth, .three_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth {
	float:left;
	position:relative;
	margin-right:4%;
	margin-bottom:20px;
	margin-top: 20px;
	font: 400 13px/20px lato,sans-serif;
}
.last {
	margin-right:0 !important;
	clear:right;
}

.django{
	display: none;
}


/*-------------------------------------------------------------------------------------*/
/*		14.		Media Queries
/*-------------------------------------------------------------------------------------*/

/*		14.1		959px and Below Screen Sizes
/*-------------------------------------------------------------------------------------*/	

/* Set the #page width to 100% */
@media only screen and (max-width: 959px) {
	.django{
		display: none;
	}
	
	#page{
		width:90%; 
		padding-left:5%;
		padding-right:5%;
		overflow:hidden;
	}
}

/*		14.2		From 959px down to the Ipad(768px) Screen Size
/*-------------------------------------------------------------------------------------*/	

@media only screen and (min-width: 768px) and (max-width:959px) {
	
	a img.alignleft {
	    float: left;
	    margin: 5px 15px 15px 0;
	    width: 50px;
	}
	
	.alignleft {width: 100%};
	
.django{
	display: none;
}

h3.widget-title {

	color:#444444;

	font-weight:bold;

	letter-spacing:1px;

	font-size: 12px; 
text-transform: uppercase;
}

	
table td {

	border-top: 0 solid;
    
	   
	    padding-left: 0px;
	    vertical-align: middle;
	    
}
	
	#secondary.widget-area{
			width:30.65957446808511%; /* 260/940 */
			float:left;
			margin-left:9px; /* 40/940 */
			padding-top:20px;
			}
			
		aside.widget{
			
			padding-left: 12px;
			padding-right: 7px ;
            
		}
	
	/* Video Shortcodes */
	#portfolio-content iframe.video, #page-content iframe.video,/* Vimeo */
	#portfolio-content object.video, #page-content object.video,/* Youtube */
	#portfolio-content embed, #page-content embed{/* Youtube */
		height:290px;
	}
	div.single-article-content iframe.video, div.article-content iframe.video,  /* Vimeo */
	div.single-article-content object.video, div.single-article-content object.video,/* Youtube */
	div.single-article-content embed, div.single-article-content embed{ /* Youtube */
		height:220px;
	}
	
	#secondary iframe.video, #secondary object.video, #secondary embed{
		height:100px;
		margin-bottom:0px;
	}
	

	
	/* Page Wrap width */
	#page{
		width:740px;
		padding-left:14px;
		padding-right:14px;
		overflow:hidden;
	}
	
	#portfolio-items{
		width:784px;
		overflow:hidden;
	}
	
	/* Header */
	h2#home-slogan{
		font-size:2.7em;
	}
	p.main-description{
		font-size:15px;
	}
	
	
	/* Navigation */
	div.menu ul li{
		padding: 15px 1.9% 15px 1.9%;
		
	}
	
	div.menu ul a{
	letter-spacing: 0.1%;
	    font-size: 10px;
		
	}
	
	/* Home Shortcodes */
	#home-portfolio{
		width:100%;
	}
	#home-sidebar{
		width:100%;
	}
	
	/* Portfolio Single */
	#psingle-nav{
		font-size:9px;
	}
	div.facebook-like{
		margin-left:0px;
	}
	
	/* Search Form Widget */
	form#searchform  input[type=text]{
		padding-left:5px;
	}
	
	#portfolio-items ul.portfolio-list li.pindex_item{
		margin-right:17px;
		width:172px; 
		height:156.4px;
	}

    

aside.footer-w{
	
	    background-position: left bottom;
	    background-repeat: no-repeat, repeat;
		   float: left;
	   margin-right: 5px;
	   padding: 5px;
	   width: 23%;
	   background-color: rgba(255, 255, 255, 0.25);
	   	box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.16);
	   	    -moz-box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.66);
	   	    -webkit-box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.66);
	
}

/*Footer */
#upper-footer{
	width:750px;
	padding: 15px 0px 15px 0px;
	
}
#upper-footer{padding-left: 0px;}

	#portfolio-items ul.portfolio-list li.pindex_item_last{
		margin-right:17px;
		width:172px; 
		height:156.4px; 
		
	}
	
	li.home_portfolio_item, li.home_portfolio_item_last{
		margin-bottom:19px;
	}

	div.portfolio-hover{
		padding:8px;
		width:156px;
		height:140.4px;
	}
	
	div.home-portfolio-hover{
		width: 81%;
		height: 77%;
		padding: 9.615384615384615% 10% 9.615384615384615% 10%;
	}
	
	/* Contact Form */
	
	form#contact input[type="text"], input[type="url"], 
	input[type="email"], input[type="tel"], textarea {
		width:50%;
	}
	
	form#contact textarea {
		width:100%;
	}
	
	/* Blog */
	
	h2.blog-article-title, h2.blog-article-title-reg{
		font-size:18px;
	}

}


/*		14.3		Screensizes Below the Ipad (less than 768px)
/*-------------------------------------------------------------------------------------*/	


@media only screen and (max-width: 767px) {




img.logo {
display: block;
margin-left: auto;
margin-right: auto;
margin-top: -13px;
size: 75%;
}

#header {

background-size: 140%;
margin-bottom: 0px;
}
	

p{	font-family: lato;
    font-size: 13px;
    line-height: 17px;}


#secondary.widget-area{
		width:20.65957446808511%; /* 260/940 */
		float:left;
		margin-left:1.25531914893617%; /* 40/940 */
		padding-top:20px;
		}
		


table td {

	border-top: 0 solid;
    
	   
	    padding-left: 5px;
	    vertical-align: middle;
	    
}

table {padding-left: 0px;}

	
	#upper-footer{padding-left: 10px;}
	
	/* Cufon Hide */
	h2#home-slogan, h1.page-title, span.header-desc, span.header-title-light, #crumbs a, #crumbs span.current, h1.psingle-sidebar{
		display:none;
	}
	/* Layout */
	#logo, #header-content, #home-portfolio, #primary, #secondary.widget-area, #secondary.portfolio-single-sidebar, #portfolio-items,
	#portfolio-items ul.portfolio-list li.pindex_item, #portfolio-items ul.portfolio-list li.pindex_item_last, .blog-article-left, .blog-article-right, 						#respond-area{
		width:100%; 
	}
	#page{
		width:90%; 
		padding-left:5%;
		padding-right:5%;
		overflow:hidden;

	}
	#primary{
		margin-bottom:40px;
	}
	
	.one_half,.one_third,.two_third,.one_fourth, .three_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth {
		width:100% !important;
		clear:both;
		margin-right:0%;
		margin-bottom:20px;
	}
	
	/* Header */
	#home-header-description{
		padding-bottom:0px;
		text-align:center;
	}
	
	#header-description{
		padding-left:0%;
		padding-bottom:60px;
		text-align:center;
	}
	
	h1.page-title{
		float:none;
		margin:0 auto;
	}
	
	h2#home-slogan{
		font-size:2.5em;
	}
	
	p.main-description{
		font-size:14px;
	}
	
	span.header-desc{
		margin:0 auto; 
		float:none;
	}
	span.header-title-light{
		margin:0 auto; 
		float:none;
	}
	
	#logo{
		margin-right:0%;
	}
	
	
	/* Navigation - Replacing with the select box navigation */



	#access{
		display:none;
	}
	#responsiveaccess{
		display:inline;
	}
	div.menu ul li{
		width:33%;
		float:left;
	}
	

		
	/* Portfolio-Index */
	#pindex-nav, #portfolio-items{
		text-align:center;
	}
	div.portfolio-hover, div.home-portfolio-hover {
		background:none;
	}
	div.portfolio-hover img, div.portfolio-hover p, div.home-portfolio-hover img, div.home-portfolio-hover p,  h2.portfolio-entry-title{
		display:none;
	}

	#portfolio-items ul.portfolio-list li.pindex_item img.item,
	#portfolio-items ul.portfolio-list li.pindex_item_last img.item{
		width:100%;
	}

	
	
	/*Footer */
	#upper-footer, #footer-widget-wrap{
		width:90%;
		padding: 15px 15px 0 10px;
		
	}
	
	#upper-footer{
		margin-top:20px;
		vertical-align: middle;
	}
	aside.footer-w{
		width:75%;
		margin-right: 0%;
		
		margin-bottom:20px;
		margin-left: 45px;	}

	#footer{
		padding-bottom:40px;
	}
	img.footerlogo{
		display:none;
	}
	
	/* Blog index */
	.blog-article-left{
		display:none;
	}
	.blog-article-right{
		padding-left:0%;
	}
	
	h2.blog-article-title {
		padding-top: 3px;
		padding-bottom:10px;
	}
	span.blog-img-hover, span.blog-img-hover img{
		width:0px;
		height:0px;
	}
	
	h2.blog-article-title, h2.blog-article-title-reg{
		font-size:20px;
	}
	/* Sidebar */
	#secondary.widget-area, #secondary.portfolio-single-sidebar{
		margin-left:0px;
	}
	
	#home-sidebar{
		margin-left:0%;
		margin-right:0%;
		width:100%;
	}
	
	aside.widget{
		padding-left:20px !important ;
		padding-right:20px;
		width: 55%;
		margin-left: 65px;
	}
	
	/* Search form */
	
	form#searchform  input[type=text]{
		width: 175px; /* 175.6/220 */
	}
	#searchform input#searchsubmit{
		width: 32px; /* 32/220 */
	}
	
	/* Portfolio Widget */
	
	#portfolioslider{
		width:300px;
	}
	
	/* Comments */
	span.rcomments-link a, .responsive-meta{
		display:inline;
	}
	.comments-left{
		width:100%;
		text-align:left;
		margin-bottom:20px;
	}
	.comments-right{
		width:100%;
		padding-left:0%;
	}
	.respond-left{
		width:100%;
		text-align:left;
		margin-bottom:20px;
	}
	.respond-right{
		width:100%;
		padding-left:0%;
	}
	.blog-article-container {
		padding-bottom:40px;
	}
	div.responsive-meta{
		display:inline;
	}
	h2.blog-article-title {
		padding-bottom:0px;
		padding-top:20px;
	}
	.article-content, .single-article-content{
		margin-top:20px;
	}
	.blog-title-box{
		padding-bottom:20px;
	}
	.active{
		padding-bottom:0px;
	}
	pre, code{ padding:5%; width:90%; overflow:auto; overflow-Y:hidden;}
	
	/* Contact Form */
	
	form#contact input[type="text"], input[type="url"], 
	input[type="email"], input[type="tel"], textarea {
		width:96%;
	}
	
	form#contact textarea {
		width:96%;
	}
}

	

/*		14.4		Screensizes Below the Ipad(768px) down to the Iphone Landscape(480px)
/*-------------------------------------------------------------------------------------*/	

@media only screen and (min-width: 480px) and (max-width:767px) {

a img.alignleft {
    float: left;
    margin: 5px 15px 15px 0;
    width: 15%;
}


.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display:block; margin: 5px auto 5px auto; }
.alignright { width: 25%; float:right; margin: 20px 0 0px 15px; }
.alignleft { width: 100%; float:left; margin: 5px 20px 20px 0; }
.aligncenter { display: block; margin: 5px auto 5px auto; }


.django{
	display: block;
}

#em_calendar-3{
	display: none;
}

	#em_calendar-2{
		display: none;
	}
	
	/* Avoid Slider */
	.flexslider{
		display: none;
	}
	
	/* Video Shortcodes */
	iframe.video, object.video, embed{
		height:250px !important;
		width:100% !important;
	}

	#page{
		width:432px;
		padding-left:24px;
		padding-right:24px;
		overflow:hidden;
	}
	#portfolio-items{
		width:520px;
		overflow:hidden;
	}
	#portfolio-items ul.portfolio-list li.pindex_item, #portfolio-items ul.portfolio-list li.pindex_item_last{
		width:207px;
		height:188px;
		margin-right:18px;
	}
	#home-portfolio{
		text-align:center;
		margin-bottom:40px;
		margin-right:0%;
		width:452px;
	}
	li.home_portfolio_item, li.home_portfolio_item_last{
		width:206px;
		margin-right:20px;
	}
	
	#psingle-nav{
		padding-top:0px;
	}
	
	/* Contact Form */
	
	form#contact input[type="text"], input[type="url"], 
	input[type="email"], input[type="tel"], textarea {
		width:60%;
	}
}

/*		14.5		Screensizes Below the Iphone Landscape(480px)
/*-------------------------------------------------------------------------------------*/	
@media only screen and (min-width: 320px) and (max-width:478px) {
	.alignright { width: 25%; float:right; margin: 15px 0 0px 15px; z-index: 34; }
	
	a img.alignleft {
	    float: left;
	    margin: 5px 15px 15px 0;
	    width: 31%;
	}
	
	.alignleft {
	    float: left;
	    margin: 5px 20px 20px 0;
	    width: 290px;
	    
	}
	
	h2 {
	    font-size: 14px;
	    letter-spacing: 0.06em;
	}
	
	.django{
		display: block;
	}
	
	aside.widget{
		padding-left:20px !important ;
		padding-right:20px;
		width: 75%;
		margin-left: 20px;
	}
	
	aside.footer-w{
		width:98%;
		margin-right: 0%;
		margin-left:0%;
		margin-bottom:20px;
		vertical-align: middle;
	}
	
	h7{ font-size:14px;
		font-weight:bold; 
		font-family:'lato';
		font-weight:700;
		padding-bottom: 0px;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-color: #444444;
		
	}
	
	#em_calendar-3{
		display: none;
	}
	
	#em_calendar-2{
		display: none;
	}
	 
	/* Avoid Slider */
	.flexslider{
		display: none;
	}
	
	
	/* Video Shortcodes */
	iframe.video, object.video, embed{
		height:170px !important;
		width:100% !important;
	}

	#page{
		width:290px;
		padding-left:15px;
		padding-right:15px;
		overflow:hidden;
	}
	
	p.copyright{
		clear:both;
		width:100%;
	}
	img.footerlogo{
		position:relative;
	}
	#portfolio-items{
		width:100%;
	}
	#portfolio-items ul.portfolio-list li.pindex_item, #portfolio-items ul.portfolio-list li.pindex_item_last{
		width:300px;
		height:272px;
	}
	
	/* Portfolio Widget */
	
	#portfolioslider{
		width:260px;
	}
	
}

@media only screen and (max-width:319px) {
aside.widget{
	padding-left:20px !important ;
	padding-right:20px;
	width: 75%;
	margin-left: 20px;
}

.alignright { width: 20%; float:right; margin: 20px 0 0px 15px; z-index: 34; }

h2 {
    font-size: 14px;
    letter-spacing: 0.06em;
}

	.alignleft {
	    float: left;
	    margin: 5px 20px 20px 0;
	    width: 100%;
	}
	
	/* Video Shortcodes */
	iframe.video,  object.video, embed{
		height:170px !important;
		width:100% !important;
	}
	p.copyright{
		clear:both;
		width:100%;
	}
	img.footerlogo{
		position:relative;
	}
	#portfolio-items{
		width:100%;
	}
	#portfolio-items ul.portfolio-list li.pindex_item, #portfolio-items ul.portfolio-list li.pindex_item_last{
		width:100%;
		height:100%;
	}
	
}