/*

 Theme Name: eventSing

 Theme URI: www.eventSing.com

 Description: Custom theme developed to showcase events and production for our client.  

 Author: Intersection Design

 Author URI: www.intersectiondesign.com

 */



/*====================================================================================================

 * G L O B A L                                                                             G L O B A L  

 =====================================================================================================*/



/* Default font settings. 

   The font-size percentage is of 16px. (0.75 * 16px = 12px) */

html,

body { height: 100%; }   

html { font-size: 100.01%; }

body { 

	  font-size: 75%;   

	  color: #000000; 	       

	  font-family: Arial;

          background: #000000;	  

}



img#bg {

position:fixed;

top:0;

left:0;

width:100%;

/*height:100%;*/

}



/* Links

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



a, 

a:link,

a:visited   { color: #00ccff; text-decoration: none; }

a:hover,

a:active,

a:focus     { color: #fff; outline:none; /*deletes dotted outline border*/ }

a img       { border: none; /*resets the amazing border*/ } 



/* Alignment

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



.aligncenter,

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

.alignleft      { float: left;  }

.alignright     { float: right; }



/* Headings

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



h1, h2, h3, h4, h5, h6     { font-weight: bold; }

/*this should remain the only h1 tag on whole site*/

.headermeta h1             { font-size: 2.0em; }

/*title of the post*/

.post-content h2.permalink { padding: 5px 0px 5px 0px; line-height: 1; font-size: 2.4em; color: #00CCFF; text-align: right; text-transform: uppercase; }

/*search results for...*/

h2#search                  { margin: 0 0 0 0; padding: 0.5em 0px 0.5em 10px; font-size: 1.5em; } 

/*title of the widget*/

h3.widgettitle             { width: auto; height: 30px; padding: 0 5px 0 5px; font-size: 1.2em; text-transform: uppercase; line-height: 30px; background: url(images/content.png) repeat; color: #ccc; border-bottom: dotted 1px #ccc; }



/* Headings - entry

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



.entry h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }

.entry h2 { font-size: 2em; margin-bottom: 0.75em; }

.entry h3 { font-size: 1.5em; line-height: .5; margin-bottom: 0.5em; margin-top: 1.8em; }

.entry h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }

.entry h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }

.entry h6 { font-size: 1em; font-weight: bold; }



/* Widget

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



.widget            { width: auto; margin: 0px 0 10px 0; }

.widget p          { padding: 0px; }  

.widget ul         { list-style: none; padding: 5px;}

.widget ul a:link, .widget ul a:visited { background: #000; padding: 5px;line-height: 210%;}

.widget ul ul      { margin: 0 0 0 10px; padding: 0 0 0 0;}



/*Search form (by default in sidebar))

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



#searchform        { display: block; width: auto; height: 40px; line-height: 50px; background: url(images/content.png); }

#searchform p       { padding: 0 0 0 0; }

#searchform #searchfield { float: left; width: 140px; height: 20px; line-height: 20px; margin: 10px 0 0 10px; padding: 0px 2px 0 2px; border: 1px solid #ffffff; background: #000; color: #ffffff; }

#searchform #searchsubmit { float: right; width: 40px; height: 22px /* #searchfield height +2px */; margin: 10px 10px 0 0px; background: #000; border: 1px solid #ffffff; color: white;  cursor: pointer; }



/* Misc

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



.indent-9999px { text-indent: -9999px; }

.display-none  { display: none; }

.no-bg         { background: none !important; }

.blue { color: #00ccff; }



/*====================================================================================================

 * S T R U C T U R E                                                                 S T R U C T U R E

 ====================================================================================================*/



#container    { position: relative; width: 900px; margin: 0 0 0 75px; text-align: left; }

#header       { position: relative; width: auto; height: 120px; z-index: 99999; }

/*wraps content and sidebar - important when using more than 2 columns*/

#wrapper      { position: relative; float: left; width: 100%; }

/*wraps posts*/

#content      { position: relative; float: right; width: 650px; height: auto; padding: 0 0 0px 0; display: inline; }

/*wraps a post*/

.post-content { position: relative; width: 588px; background: url(images/content.png) repeat; border: 1px solid #fff; margin: 0 0 30px 0; padding: 20px 30px 30px 30px; color: #fff; }

#sidebar      { position: relative; float: left; width: 220px; height: auto; display: inline; }

#footer       { position: relative; float: right; width: 650px; /*height: 150px;*/ clear: both; color: #fff; }

#footer-wrapper       { position: relative; float: right; width: 618px; height: 98px; padding: 15px 15px 10px 15px; background: url(images/content.png) repeat; border: 1px solid #fff; clear: both; }

#footer-wrapper-support       { position: relative; float: right; width: 618px; padding: 15px 15px 10px 15px; background: url(images/content.png) repeat; border: 1px solid #fff; clear: both; margin-top: 20px; }

#commentformframe { position: relative; width: 648px; background: url(images/content.png) repeat; border: 1px solid #fff; margin: 0 0 10px 0; padding: 0px 0px 30px 0px; }





/*====================================================================================================

 * H E A D E R                                                                             H E A D E R

 ====================================================================================================*/



img.logo                 { position: absolute; width: 356px; height: 113px; top: 0px; left: 0px; }

#header .social  { position: absolute; width: 425px; height: 49px; top: 0px; right: 0px; background: url(images/eventSing-social.png) no-repeat top left;}

#header .social a { display: block; float: right; width: auto; height: 30px; line-height: 30px; text-align: left; padding: 0 5px 0 30px; color: #000; margin: 0 0 0 20px; }

#header .social a.twitter { background: url(images/twitter-small.png) no-repeat left; }

#header .social a.facebook { background: url(images/facebook-small.png) no-repeat left; }

#header .social a, #header .social a:visited {color: #fff;}

#header .social a:hover, #header .social a:active {color: #00ccff;}



/*====================================================================================================

 * F O O T E R                                                                             F O O T E R

 ====================================================================================================*/



#footer .bottom { line-height: 50px; font-size: 0.9em; }

#footer .social { float: left; display: block; width: 300px; }

#footer .social a { float: left; display: block; margin: 0 20px 0 20px; }

#footer .links { float: right; width: 270px; text-align: right; font-size: 1.5em; font-weight: bold; line-height: 1.0em; }

#footer .links a { color: #fff; }

#footer .links a:hover { color: #00ccff; }



/*====================================================================================================

 * S I D E B A R                                                                         S I D E B A R

 ====================================================================================================*/



/*Sidebar - pages

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

#pages { background: url(images/content.png) repeat; padding: 5px 0; }

#pages.widget ul li a,

#pages.widget ul li a:link,

#pages.widget ul li a:visited { font-size: 2.2em; line-height: 0.9; font-weight: bold; text-transform: uppercase; color: #fff; padding: 0px; background: none; }

#pages.widget ul li a:hover,

#pages.widget ul li a:active,

#pages.widget ul li a:focus,

#pages.widget ul li.current_page_item a { display: block; width: 195px; background: #000; color: #00ccff; padding-left: 15px; }

 

/*====================================================================================================

 * C O N T E N T                                                                         C O N T E N T

 ====================================================================================================*/



.entry { padding: 0 0px 0 0px; font-size: 1.1em; line-height: 1.5em; /*post itself without permalink*/ }

.thumbnail img { float: left; width: 150px; height: 150px; margin: 0 20px 10px 0; }

.postmetadata               { padding: 0px 0px 0px 0px; text-align: right; }

.postmetadata.top           {  } 

.postmetadata.bottom        {  } 



/* Post content - text elements

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



.entry p              { margin: 1em 0 1em 0; }

.entry img.left,

.entry img.alignleft  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }

.entry img.right,

.entry img.alignright { float: right; margin: 1.5em 0 1.5em 1.5em; }

.entry img            { max-width:100%; /*..because some images are too wide*/}



.entry blockquote          { margin: 1.5em; color: #666; font-style: italic; }

.entry strong              { font-weight: bold; }

.entry em, .entry dfn      { font-style: italic; }

.entry dfn                 { font-weight: bold; }

.entry sup, .entry sub     { line-height: 0; }



.entry abbr, 

.entry acronym     { border-bottom: 1px dotted #666; }

.entry address     { margin: 0 0 1.5em; font-style: italic; }

.entry del         { color: #666; }



.entry pre 				{ margin: 1.5em 0; white-space: pre; }

.entry pre, .entry code, .entry tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }



/* Post content - lists

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



.entry li ul, 

.entry li ol       { margin: 0 1.5em; }

.entry ul,

.entry ol          { margin: 0 1.5em 1.5em 1.5em; }



.entry ul          { list-style-type: disc; }

.entry ol          { list-style-type: decimal; }



.entry dl          { margin: 0 0 1.5em 0; }

.entry dl dt       { font-weight: bold; }

.entry dd          { margin-left: 1.5em;}



/* Post content - tables

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



.entry table       { margin-bottom: 1.4em; width:100%; }

.entry th          { font-weight: bold; }

.entry thead th    { background: #c3d9ff; }

.entry th,

.entry td,

.entry caption     { padding: 4px 10px 4px 5px; }

.entry tr.even td  { background: #e5ecf9; }

.entry tfoot       { font-style: italic; }

.entry caption     { background: #eee; }



/* Post content - WP-captions - post content (optional rounded corners for browsers that support it)

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



.wp-caption        { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; /* -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; */ }

.wp-caption img    { margin: 0; padding: 0; border: 0 none; }

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



/* Post content - page navigation

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

.navigation           { line-height: 30px; padding: 0 10px 0 10px; }

.navigation .next     { float: left; max-width: 50%; }

.navigation .previous { float: right; max-width: 50%; }



/*====================================================================================================

 * H A C K S                                                                                 H A C K S 

 ====================================================================================================*/



/* clearfix 

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



.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clear { min-width: 0; display: inline-block; /* \*/ display: block; }

* html .clear { /* \*/ height: 1%; }