/**
 * @file
 * Page Styling
 *
 * Style the markup found in page.tpl.php. Also includes some styling of
 * miscellaneous Drupal elements that appear in the $content variable, such as
 * ul.links, .pager, .more-link, etc.
 */


/*
 * Body
 */

body {
  margin: 0;
  padding: 0;
}

#page {
	background: url('../images/main-bg.jpg') repeat;
}

.clearfix{
	clear: both;
}

/* Kill */

.front h1.title{
	display: none;
}

/*
 * Header
 */

#header {
	color: #fff;
	max-height: 68px;
}

#logo { /* Wrapping link for logo */
  float: left; /* LTR */
  margin: 0;
  padding: 0;
}
#logo img {
  vertical-align: bottom;
}

#name-and-slogan { /* Wrapper for website name and slogan */
  float: left;
}

#site-name { /* The name of the website */
  margin: 0;
  font-size: 2em;
  line-height: 1.5em;
}
#site-name a:link,
#site-name a:visited {
  color: #000;
  text-decoration: none;
}
#site-name a:hover,
#site-name a:focus {
  text-decoration: underline;
}

#site-slogan { /* The slogan (or tagline) of a website */
  margin: 0;
  font-size: 1em;
}

.region-header{ /* Wrapper for any blocks placed in the header region */
  clear: both; /* Clear the logo */
  max-width: 940px;
  margin: 0 auto;
}

/*
 * Main (container for everything else)
 */

#main {
}

/*
 * Content
 */

#content {
}

.region-highlighted {
	display: none;
}

.breadcrumb { /* The path to the current page in the form of a list of links */
}
.breadcrumb ol {
  margin: 0;
  padding: 0;
}
.breadcrumb li {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

h1.title, /* The title of the page */
h2.node-title, /* Title of a piece of content when it is given in a list of content */
h2.block-title, /* Block title */
h2.title, /* Comment section heading */
h2.comment-form, /* Comment form heading */
h3.title { /* Comment title */
  margin: 0;
}

div.messages { /* Important messages (status, warning, and error) for the user. See also the declarations in messages.css. */
  margin: 1.5em 0; /* Drupal core uses "6px 0" margin */
}
div.messages ul {
  margin-top: 0;
  margin-bottom: 0;
}

ul.tabs { /* See also the tabs.css file. */
	max-width: 940px;
	width: 100%;
	margin: 0 auto;
	position: relative;
	bottom: -20px;
}

.region-help { /* Help text on a page */
	max-width: 940px;
	margin: 10px auto;
}

ul.inline { /* List of links generated by theme_links() */
  display: inline;
  padding: 0;
}
ul.inline li {
  display: inline;
  list-style-type: none;
  padding: 0 1em 0 0; /* LTR */
}

span.field-label { /* The inline field label used by the Fences module */
  padding: 0 1em 0 0; /* LTR */
}

.item-list .pager { /* A list of page numbers when more than 1 page of content is available */
  padding: 0;
}
.item-list .pager li { /* Each page number in the pager list */
  padding: 0 0.5em;
}

/* Admin Pages */

.page-admin #cccontainer, .page-search #cccontainer{
	max-width: 940px;
	margin: 0 auto;
	background: #fff;
	padding: 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}


/* User Stuff */

.region-sidebar-first h4{
	font-family: "Enriqueta", serif;
	color: #121212;
	margin: 0 0 1em 0;
}

.page-user #cccontainer{
	max-width: 940px;
	margin: 0 auto;
}

#block-block-32 .user-picture{
	width: 290px;
	height: 290px;
	padding: 5px;
}

#block-block-32 .stats{
	width: 300px;
	background: #fba827;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#block-block-32 .stats > div{
	display: inline-block;
	zoom: 1;
	width: 89px;
	padding: 4px;
	text-align: center;
	font-weight: 600;
	color: #fff;
}

#block-block-32 .stats .views-field-title{
	font-size: 20px;
}

#block-block-32 .about, #block-block-32 .badges{
	background: #fff;
	padding: 4px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;	
	margin-top: 1em;
	font-size: 12px;
	color: #121212;
}

/* Events Page */

.button, .respondbutton a, .comform-start, .profiletop .flag-wrapper a{
	background: #efefef;
	padding: 4px 8px;
	border: 1px #aaa solid;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	text-transform: uppercase;
}

.button:hover, .respondbutton a:hover{
	background: #333;
}

.bigbutton{
	background: #efefef;
	padding: 4px 8px;
	border: 1px #aaa solid;
	border-radius: 8px;
	text-align: center;
	display: block;
	text-transform: uppercase;
}

.bigbutton:hover{
	background: #444;
}

.page-events #cccontainer{
	margin: 20px auto;
	max-width: 1022px;
}

.page-events h2{
	background: #fba827;
	padding: 8px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.view-filters{
	padding: 10px;
	background: #fba827;
	clear: both;
	border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	font-size: 16px;
}

.view-events-calendar .view-filters label{
	display: none;
}

.view-events-calendar .view-header{
	margin-top: -30px;
	z-index: 50;
}

.view-events-calendar .date-nav{
	margin: 0 !important;
	height: 30px !important;
}

.view-events-calendar .button{
	position: relative;
	top: 32px;
	z-index: 100;
	text-transform: uppercase;
}

#edit-distance-wrapper .form-item{
	display: inline-block;
	zoom: 1;
}

#edit-submit-events-calendar{
	margin: 0;
}

/* Discussions Page */

#block-block-27, #block-block-28{
	background: #fba827;
	padding: 8px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-top: 20px;
}

#block-block-27 h1{
	margin: 0 0.5em 0 0;
	line-height: 1em;
}

#block-block-27 p, #block-block-28 p{
	margin: 1em 0 0 0;
	clear: both;
	background: #fff;
	padding: 8px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.view-discussions-page{
	background: #fff;
	border: 1px #ccc solid;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 8px;
	margin-right: 10px;
}

#block-block-27 .bigbutton{
	float: right;
	max-width: 200px;
	height: 1.2em;
}

.more-link a{
	color: #fff;
}

.discitem{
	clear:both;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px #aaa solid;
}

.discinfo a{
	font-size: 20px;
	font-family: "Enriqueta", serif;
	color: #333;
}

.discinfo a:hover{
	color: #fba827;
}

.postauth, .combody .author{
	color: #666;
	font-size: 11px;
}

.followlinks{
	background: #efefef;
	padding: 2px;
	margin-bottom: 6px;
	font-size: 11px;
}

.discitem .body > .field-content{
	float: left;
	max-width: 60px;
	margin-right: 8px;
}

.discitem .body, .combody{
	color: #333;
	font-size: 12px;
}

.popcomment{
	clear:both;
	margin: 20px 0;
	padding-left: 2em;
	border: 1px #ccc solid;
}

.popcomment h5{
	margin: 1em 0 0 0;
}

.popcomment p.submitted{
	margin: 0;
}

.vud-widget-alternate{
	width: 40px;
}

.vud-widget-alternate .up-active, .vud-widget-alternate .up-inactive:hover{
	background-position: -4px -7px;
}

.view-discussions-page .vud-widget{
	display: none;
}

.comment-wrapper{
	padding: 0 10px;
}

.comment-wrapper .comment{
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px #ccc solid;
}

/* Blogs Landing */
#block-block-28{
	float: left;
	max-width: 320px;
	margin-right: 10px;
}

#block-block-28 h1{
	margin: 0;
}

#block-views-top-bloggers-block{
	float: right;
	max-width: 594px;
}

/* BakitCast */

.view-podcast{
	margin-right: 10px;
}

/* User Pages */

.sidebar-first #content{
	background: #fff;
	padding: 8px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;	
}

.sidebar-first ul.tabs{
	visibility: hidden;
}

/* User Edit */

.online > div{
	width: 49.9%;
}

/* About Pages */

.node-type-static-page #content, .section-contact #content{
	max-width: 100% !important;
	padding: 40px 0;
	background: url(../images/bw5-grid.jpg) repeat;
}

.node-type-static-page #content article, .section-contact #content article{
	margin: 0 auto;
	max-width: 800px;
	background: #fff;
	padding: 20px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-box-shadow:    0px 0px 10px 2px #121212;
	-webkit-box-shadow: 0px 0px 10px 2px #121212;
	box-shadow:         0px 0px 10px 2px #121212;
}

.node-type-static-page #footer{
	background: #fff;
	-moz-box-shadow:    -1px 0px 4px 3px #121212;
	-webkit-box-shadow: -1px 0px 4px 3px #121212;
	box-shadow:         -1px 0px 4px 3px #121212;
}

#footer h2.block-title{
	color: #121212;
	margin: 0.75em 0;
}

#block-views-top-posts-block{
	max-width: 940px;
	margin: 20px auto;
}

#block-views-top-posts-block td{
	max-width: 320px;
}

ul.spicesocialwidget{
	margin: 0;
	padding: 0;
	float: left;
}
ul.spicesocialwidget li {float:left;list-style: none outside none;border:none;}
ul.spicesocialwidget li a{background-color:transparent;background-image:url('http://4.bp.blogspot.com/-Pe-J5S7YCa0/UdXsJoN7GLI/AAAAAAAAL68/ongZAtcNF1E/s1600/spice-social-gadget-sprite.png');background-repeat:no-repeat;background-size:auto 96px;border:0 none;color:white;direction:ltr;display:block; height:32px;overflow:hidden;text-align:left;text-decoration:none;text-indent:-999em;transition:all 0.2s ease 0s;width:32px}
.ie7 ul.spicesocialwidget li a, .ie8 ul.spicesocialwidget li a{background-image:url('http://4.bp.blogspot.com/-Pe-J5S7YCa0/UdXsJoN7GLI/AAAAAAAAL68/ongZAtcNF1E/s1600/spice-social-gadget-sprite.png' )}
ul.spicesocialwidget li.facebook a{ background-position:0 0}
ul.spicesocialwidget li.flickr a{ background-position:-32px 0}
ul.spicesocialwidget li.pinterest a{ background-position:-160px 0}
ul.spicesocialwidget li.rss a{ background-position:-192px 0}
ul.spicesocialwidget li.twitter a{ background-position:-256px 0}
ul.spicesocialwidget li.youtube a{ background-position:-320px 0}
ul.spicesocialwidget li.facebook a:hover, #sidebar ul.spicesocialwidget li.facebook a:hover{ background-position:0 -32px}
ul.spicesocialwidget li.flickr a:hover, #sidebar ul.spicesocialwidget li.flickr a:hover{ background-position:-32px -32px}
ul.spicesocialwidget li.pinterest a:hover, #sidebar ul.spicesocialwidget li.pinterest a:hover{ background-position:-160px -32px}
ul.spicesocialwidget li.rss a:hover, #sidebar ul.spicesocialwidget li.rss a:hover{ background-position:-192px -32px}
ul.spicesocialwidget li.twitter a:hover, #sidebar ul.spicesocialwidget li.twitter a:hover{ background-position:-256px -32px}
ul.spicesocialwidget li.youtube a:hover, #sidebar ul.spicesocialwidget li.youtube a:hover{ background-position:-320px -32px}

.node-type-static-page ul.menu{
	clear: both;
	margin: 0;
	padding: 20px 0 0 0;
	width: 100%;
}

.node-type-static-page ul.menu li{
	list-style: none;
	display: inline;
}

.node-type-static-page ul.menu li a{
	display: inline-block;
	zoom: 1;
	padding: 10px 28px;
	background: #efefef;
	font-weight: 600;
}

.node-type-static-page ul.menu li a.active{
	background: #fff;
}

.node-type-static-page h2{
	text-align: center;
	color: #121212;
	font-family: "Enriqueta", serif;
}

#media-browser-page-wrapper{
	z-index: 20000 !important;
}

#colorbox, #cboxOverlay, #cboxWrapper{
	z-index: 100 !important;
}

#overlay #main{
	background: #fff;
	padding: 0;
}