/*

Copyright (c) 2011, Yahoo! Inc. All rights reserved.

Code licensed under the BSD License:

http://developer.yahoo.com/yui/license.html

version: 2.9.0

*/

html{

	color:#000;

	background:#FFF

}



body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{

	margin:0;

	padding:0

}



table{

	border-collapse:collapse;

	border-spacing:0

}



fieldset,img{

	border:0

}



address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{

	font:inherit

}



del,ins{

	text-decoration:none

}



li{

	list-style:none

}



caption,th{

	text-align:left

}



h1,h2,h3,h4,h5,h6{

	font-size:100%;

	font-weight:normal

}



q:before,q:after{

	content:''

}



abbr,acronym{

	border:0;

	font-variant:normal

}



sup{

	vertical-align:baseline

}



sub{

	vertical-align:baseline

}



legend{

	color:#000

}











/*

* Skeleton V1.1

* Copyright 2011, Dave Gamache

* www.getskeleton.com

* Free to use under the MIT license.

* http://www.opensource.org/licenses/mit-license.php

* 8/17/2011

*/





/* Table of Contents

==================================================

    #Base 960 Grid

    #Tablet (Portrait)

    #Mobile (Portrait)

    #Mobile (Landscape)

    #Clearing */







/* #Base 1152 Grid

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



    .container-12 { position: relative; width: 1152px; margin: 0 auto; padding: 0; }



	.grid-1,

	.grid-2,

	.grid-3,

	.grid-4,

	.grid-5,

	.grid-6,

	.grid-7,

	.grid-8,

	.grid-9,

	.grid-10,

	.grid-11,

	.grid-12

	{ float: left; display: inline; margin-left: 10px; margin-right: 10px; }



    /* Nested Column Classes */

    .container-12 .alpha               { margin-left: 0; }

    .container-12 .omega               { margin-right: 0; }



    .container-12 .grid-1			{ width: 76px;  }

    .container-12 .grid-2			{ width: 172px; }

    .container-12 .grid-3			{ width: 268px; }

    .container-12 .grid-4			{ width: 364px; }

    .container-12 .grid-5			{ width: 460px; }

    .container-12 .grid-6			{ width: 556px; }

    .container-12 .grid-7			{ width: 652px; }

    .container-12 .grid-8			{ width: 748px; }

    .container-12 .grid-9			{ width: 844px; }

    .container-12 .grid-10			{ width: 940px; }

    .container-12 .grid-11			{ width: 1036px; }

    .container-12 .grid-12			{ width: 1132px; }



	

/* Pref/Suf Styles */

	.container-12 .prefix-1 		{padding-left:96px;}

	.container-12 .prefix-2 		{padding-left:192px;}

	.container-12 .prefix-3 		{padding-left:288px;}

	.container-12 .prefix-4 		{padding-left:384px;}

	.container-12 .prefix-5 		{padding-left:480px;}

	.container-12 .prefix-6 		{padding-left:576px;}

	.container-12 .prefix-7 		{padding-left:672px;}

	.container-12 .prefix-8 		{padding-left:768px;}

	.container-12 .prefix-9 		{padding-left:864px;}

	.container-12 .prefix-10 		{padding-left:960px;}

	.container-12 .prefix-11 		{padding-left:1056px;}

	

	.container-12 .suffix-1 		{padding-right:96px;}

	.container-12 .suffix-2 		{padding-right:192px;}

	.container-12 .suffix-3 		{padding-right:288px;}

	.container-12 .suffix-4 		{padding-right:384px;}

	.container-12 .suffix-5 		{padding-right:480px;}

	.container-12 .suffix-6 		{padding-right:576px;}

	.container-12 .suffix-7 		{padding-right:672px;}

	.container-12 .suffix-8 		{padding-right:768px;}

	.container-12 .suffix-9 		{padding-right:864px;}

	.container-12 .suffix-10 		{padding-right:960px;}

	.container-12 .suffix-11 		{padding-right:1056px;}





	.view-content:after	{

		content: '';

		width: 100%;

		clear: both;

		display: block;

	}





	.column_left {

		float: left;

		margin-right: 20px;

	}



	.column_right {

		float: right;

		margin-left: 20px;

	}





	@media only screen and (min-width: 995px) and (max-width: 1230px) {



		/* #Base 960 Grid

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



	    .container-12 {width: 960px;}





	    /* Base Grid */

	    .container-12 .grid-1			{ width: 60px;  }

	    .container-12 .grid-2			{ width: 140px; }

	    .container-12 .grid-3			{ width: 220px; }

	    .container-12 .grid-4			{ width: 300px; }

	    .container-12 .grid-5			{ width: 380px; }

	    .container-12 .grid-6			{ width: 460px; }

	    .container-12 .grid-7			{ width: 540px; }

	    .container-12 .grid-8			{ width: 620px; }

	    .container-12 .grid-9			{ width: 700px; }

	    .container-12 .grid-10			{ width: 780px; }

	    .container-12 .grid-11			{ width: 860px; }

	    .container-12 .grid-12			{ width: 940px; }

		

		

	/* Pref/Suf Styles */

		.container-12 .prefix-1 		{padding-left:80px;}

		.container-12 .prefix-2 		{padding-left:160px;}

		.container-12 .prefix-3 		{padding-left:240px;}

		.container-12 .prefix-4 		{padding-left:320px;}

		.container-12 .prefix-5 		{padding-left:400px;}

		.container-12 .prefix-6 		{padding-left:480px;}

		.container-12 .prefix-7 		{padding-left:560px;}

		.container-12 .prefix-8 		{padding-left:640px;}

		.container-12 .prefix-9 		{padding-left:720px;}

		.container-12 .prefix-10 		{padding-left:800px;}

		.container-12 .prefix-11 		{padding-left:880px;}

		

		.container-12 .suffix-1 		{padding-right:80px;}

		.container-12 .suffix-2 		{padding-right:160px;}

		.container-12 .suffix-3 		{padding-right:240px;}

		.container-12 .suffix-4 		{padding-right:320px;}

		.container-12 .suffix-5 		{padding-right:400px;}

		.container-12 .suffix-6 		{padding-right:480px;}

		.container-12 .suffix-7 		{padding-right:560px;}

		.container-12 .suffix-8 		{padding-right:640px;}

		.container-12 .suffix-9 		{padding-right:720px;}

		.container-12 .suffix-10 		{padding-right:800px;}

		.container-12 .suffix-11 		{padding-right:880px;}





		.column_left {

			float: left;

			margin-right: 20px;

		}



		.column_right {

			float: right;

			margin-left: 20px;

		}



	}







/* #Tablet (Portrait)

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



    /* Note: Design for a width of 768px */



    @media only screen and (min-width: 768px) and (max-width: 995px) {



        .container-12                                  { width: 768px; }

        .grid-1,

		.grid-2,

		.grid-3,

		.grid-4,

		.grid-5,

		.grid-6,

		.grid-7,

		.grid-8,

		.grid-9,

		.grid-10,

		.grid-11,

		.grid-12

		{ margin-left: 10px; margin-right: 10px;  }





		.container-12 .grid-1 			{ width: 44px; }

        .container-12 .grid-2  			{ width: 108px; }

        .container-12 .grid-3    		{ width: 172px; }

        .container-12 .grid-4 			{ width: 236px; }

        .container-12 .grid-5    		{ width: 300px; }

        .container-12 .grid-6   		{ width: 364px; }

        .container-12 .grid-7 			{ width: 428px; }

        .container-12 .grid-8  			{ width: 492px; }

        .container-12 .grid-9 			{ width: 556px; }

        .container-12 .grid-10			{ width: 620px; }

        .container-12 .grid-11			{ width: 684px; }

        .container-12 .grid-12			{ width: 748px; }



		

		/* Pref/Suf Styles */

		.container-12 .prefix-1 		{padding-left:40px;}

		.container-12 .prefix-2 		{padding-left:80px;}

		.container-12 .prefix-3 		{padding-left:120px;}

		.container-12 .prefix-4 		{padding-left:160px;}

		.container-12 .prefix-5 		{padding-left:200px;}

		.container-12 .prefix-6 		{padding-left:240px;}

		.container-12 .prefix-7 		{padding-left:280px;}

		.container-12 .prefix-8 		{padding-left:320px;}

		.container-12 .prefix-9 		{padding-left:360px;}

		.container-12 .prefix-10 		{padding-left:400px;}

		.container-12 .prefix-11 		{padding-left:440px;}

		

		.container-12 .suffix-1 		{padding-right:40px;}

		.container-12 .suffix-2 		{padding-right:80px;}

		.container-12 .suffix-3 		{padding-right:120px;}

		.container-12 .suffix-4 		{padding-right:160px;}

		.container-12 .suffix-5 		{padding-right:200px;}

		.container-12 .suffix-6 		{padding-right:240px;}

		.container-12 .suffix-7 		{padding-right:280px;}

		.container-12 .suffix-8 		{padding-right:320px;}

		.container-12 .suffix-9 		{padding-right:360px;}

		.container-12 .suffix-10 		{padding-right:400px;}

		.container-12 .suffix-11 		{padding-right:440px;}





		.column_left {

			float: left;

			margin-right: 20px;

		}



		.column_right {

			float: right;

			margin-left: 20px;

		}





    }





/*  #Mobile (Portrait)

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



    /* Note: Design for a width of 320px */



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

        .container-12{width: 300px;}

        .grid-1,

		.grid-2,

		.grid-3,

		.grid-4,

		.grid-5,

		.grid-6,

		.grid-7,

		.grid-8,

		.grid-9,

		.grid-10,

		.grid-11,

		.grid-12{margin: 0; display: block; float: none;}





        .container-12 .grid-1,

        .container-12 .grid-2,

        .container-12 .grid-3,

        .container-12 .grid-4,

        .container-12 .grid-5,

        .container-12 .grid-6,

        .container-12 .grid-7,

        .container-12 .grid-8,

        .container-12 .grid-9,

        .container-12 .grid-10,

        .container-12 .grid-11,

        .container-12 .grid-12{width: 300px; margin-bottom: 50px;}



       	.container-12 .grid-12 {margin-bottom: 0;}

		

		/* Pref/Suf Styles */

		.container-12 .prefix-1,

		.container-12 .prefix-2,

		.container-12 .prefix-3,

		.container-12 .prefix-4,

		.container-12 .prefix-5,

		.container-12 .prefix-6,

		.container-12 .prefix-7,

		.container-12 .prefix-8,

		.container-12 .prefix-9,

		.container-12 .prefix-10,

		.container-12 .prefix-11{padding-left:0px;}

		

		.container-12 .suffix-1,

		.container-12 .suffix-2,

		.container-12 .suffix-3,

		.container-12 .suffix-4,

		.container-12 .suffix-5,

		.container-12 .suffix-6,

		.container-12 .suffix-7,

		.container-12 .suffix-8,

		.container-12 .suffix-9,

		.container-12 .suffix-10,

		.container-12 .suffix-11{padding-right:0px;}





		.grid-last {margin-bottom: 0 !important;}

    }





/* #Mobile (Landscape)

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



    /* Note: Design for a width of 480px */



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

        .container-12 { width: 420px; }

        .grid-1,

		.grid-2,

		.grid-3,

		.grid-4,

		.grid-5,

		.grid-6,

		.grid-7,

		.grid-8,

		.grid-9,

		.grid-10,

		.grid-11,

		.grid-12{margin: 0;}





        .container-12 .grid-1,

        .container-12 .grid-2,

        .container-12 .grid-3,

        .container-12 .grid-4,

        .container-12 .grid-5,

        .container-12 .grid-6,

        .container-12 .grid-7,

        .container-12 .grid-8,

        .container-12 .grid-9,

        .container-12 .grid-10,

        .container-12 .grid-11,

        .container-12 .grid-12{width: 420px;}

        

        .container-12 .grid-12 {margin-bottom: 0;}

		

		/* Pref/Suf Styles */

		.container-12 .prefix-1,

		.container-12 .prefix-2,

		.container-12 .prefix-3,

		.container-12 .prefix-4,

		.container-12 .prefix-5,

		.container-12 .prefix-6,

		.container-12 .prefix-7,

		.container-12 .prefix-8,

		.container-12 .prefix-9,

		.container-12 .prefix-10,

		.container-12 .prefix-11{padding-left:0px;}

		

		.container-12 .suffix-1,

		.container-12 .suffix-2,

		.container-12 .suffix-3,

		.container-12 .suffix-4,

		.container-12 .suffix-5,

		.container-12 .suffix-6,

		.container-12 .suffix-7,

		.container-12 .suffix-8,

		.container-12 .suffix-9,

		.container-12 .suffix-10,

		.container-12 .suffix-11{padding-right:0px;}



    }





/* #Clearing

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



    /* Self Clearing Goodness */

    .container-12:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }



    /* Use clearfix class on parent to clear nested columns,

    or wrap each row of columns in a <div class="row"> */

    .clearfix:before,

    .clearfix:after,

    .row:before,

    .row:after {

      content: '\0020';

      display: block;

      overflow: hidden;

      visibility: hidden;

      width: 0;

      height: 0; }

    .row:after,

    .clearfix:after {

      clear: both; }

    .row,

    .clearfix {

      zoom: 1; }



    /* You can also use a <br class="clear" /> to clear columns */

    .clear {

      clear: both;

      display: block;

      overflow: hidden;

      visibility: hidden;

      width: 0;

      height: 0;

    }





















/**

* Reset CSS

 */

html, body, div, span, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

abbr, address, cite, code,

del, dfn, em, img, ins, kbd, q, samp,

small, strong, sub, sup, var,

b, i,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section, summary,

time, mark, audio, video {

    margin:0;

    padding:0;

    border:0;

    outline:0;

    font-size:100%;

    vertical-align:baseline;

    background:transparent;

}



li ul, li ol { margin:0; }

ul, ol { margin:0; padding-left:0; list-style:none; list-style-image:none; list-style-type:none;}

dl { margin: 0 0 1.5em 0; }

dl dt { font-weight: bold; }

dd { margin-left: 1.5em; }

table { margin-bottom:1.5em; width:100%; }

th, tr, td { padding: 0.1em 0.5em; vertical-align: middle; }

hr { background:#666; border:none; clear:both; float:none; height:1px; margin: -1px 0 1.5em; width: 100%; }

fieldset { border: 1px solid #ccc; margin: .5em 0; padding: 1em; }



iframe { background:#e3e3e3 !important;}

.at300b iframe { background: none !important;}



.addthis_toolbox {

  padding-top: 3px;

}



.addthis_button_compact {

  margin: 4px 0 0 30px;

}

/**

 * Normalize CSS

 */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }

audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

audio:not([controls]) { display: none; }

[hidden] { display: none; }



p {

  margin:0 0 15px 0;

}



nav ul {

    list-style:none;

}



blockquote, q {

    quotes:none;

}



blockquote:before, blockquote:after,

q:before, q:after {

    content:'';

    content:none;

}



/* change colours to suit your needs */

ins {

    background-color:#46a7e2;

    color:#000;

    text-decoration:none;

}



/* change colours to suit your needs */

mark {

    background-color:#46a7e2;

    color:#000; 

    font-style:italic;

    font-weight:bold;

}



del {

    text-decoration: line-through;

}



abbr[title], dfn[title] {

    border-bottom:1px dotted;

    cursor:help;

}



table {

    border-collapse:collapse;

    border-spacing:0;

}



/* change border colour to suit your needs */

hr {

    display:block;

    height:1px;

    border:0;   

    border-top:1px solid #cccccc;

    margin:1em 0;

    padding:0;

}





/* END RESET CSS */





/* fonts.css from the YUI Library: developer.yahoo.com/yui/

   Refer to developer.yahoo.com/yui/3/cssfonts/ for font sizing percentages



  There are three custom edits:

   * remove arial, helvetica from explicit font stack

   * we normalize monospace styles ourselves

   * table font-size is reset in the HTML5 reset above so there is no need to repeat

*/





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

   Forms from normalize

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

   

/*

 * Corrects margin displayed oddly in IE6/7

 */

form {

    margin: 0;

}



/*

 * 1. Corrects font size not being inherited in all browsers

 * 2. Addresses margins set differently in IE6/7, F3/4, S5, Chrome

 * 3. Improves appearance and consistency in all browsers

 */



button,

input,

select,

textarea {

    font-size: 100%; /* 1 */

	  font-family: sans-serif;

    margin: 0; /* 2 */

    vertical-align: baseline; /* 3 */

    *vertical-align: middle; /* 3 */

}



/*

 * 1. Addresses FF3/4 setting line-height using !important in the UA stylesheet

 * 2. Corrects inner spacing displayed oddly in IE6/7

 */



button,

input {

    line-height: normal; /* 1 */

    *overflow: visible;  /* 2 */

}



/*

 * Corrects overlap and whitespace issue for buttons and inputs in IE6/7

 * Known issue: reintroduces inner spacing

 */



table button,

table input {

    *overflow: auto;

}



/*

 * 1. Improves usability and consistency of cursor style between image-type 'input' and others

 * 2. Corrects inability to style clickable 'input' types in iOS

 */



button,

html input[type="button"], 

input[type="reset"], 

input[type="submit"] {

    cursor: pointer; /* 1 */

    -webkit-appearance: button; /* 2 */

}



/*

 * 1. Addresses box sizing set to content-box in IE8/9

 * 2. Addresses excess padding in IE8/9

 */



input[type="checkbox"],

input[type="radio"] {

    box-sizing: border-box; /* 1 */

    padding: 0; /* 2 */

}



/*

 * 1. Addresses appearance set to searchfield in S5, Chrome

 * 2. Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof)

 */



input[type="search"] {

    -webkit-appearance: textfield; /* 1 */

    -moz-box-sizing: content-box;

    -webkit-box-sizing: content-box; /* 2 */

    box-sizing: content-box;

}



/*

 * Corrects inner padding displayed oddly in S5, Chrome on OSX

 */



input[type="search"]::-webkit-search-decoration {

    -webkit-appearance: none;

}



/*

 * Corrects inner padding and border displayed oddly in FF3/4

 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/

 */



button::-moz-focus-inner,

input::-moz-focus-inner {

    border: 0;

    padding: 0;

}



/*

 * 1. Removes default vertical scrollbar in IE6/7/8/9

 * 2. Improves readability and alignment in all browsers

 */



textarea {

    overflow:auto; vertical-align:top; resize:none;

}



select:focus, input:focus, textarea:focus { outline:none;}







/* normalize monospace sizing 

 * en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome

 */

pre, code, kbd, samp { font-family: monospace, sans-serif; }

 



/* 

 * minimal base styles 

 */





body, select, input, textarea { 

  color: #444; 

}



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

h1 {

  font-size:36px;

  line-height:1em;

  margin-bottom:.5em; 

}



h2 {

  font-size:24px;

}



h3 {

  font-size:18px;

  line-height:2em;

}



h4 {

  font-size:15px;

  line-height: 1.25em;

  margin-bottom: 1.25em; 

}



h5 {

  font-size:12px;

  font-weight:bold;

  margin-bottom:1.5em; 

}



h6 {

  font-size:10px;

  font-weight:bold;

  line-height: 1.8em;

  margin-bottom:1.8em;

}



 

/* Accessible focus treatment */

a:hover, a:active { outline:none; }



ul, ol { margin-left:0; }

ol { list-style-type:decimal; }



/* Remove margins for navigation lists */



small { font-size:85%; }

strong, th { font-weight:bold; }



img { font-size:0; line-height:0; vertical-align:top;}

td, td img { vertical-align:top; }



sub { vertical-align:sub; font-size:smaller; }

sup { vertical-align:super; font-size:smaller; }



pre { 

  padding:15px; 

  white-space:pre; /* CSS2 */

  white-space:pre-wrap; /* CSS 2.1 */

  white-space:pre-line; /* CSS 3 (and 2.1 as well, actually) */

  word-wrap:break-word; /* IE */

}

 

legend { *margin-left:-7px; }



input[type="radio"] { vertical-align:text-bottom; }

input[type="checkbox"] { vertical-align:middle; *vertical-align:baseline;}



/* hand cursor on clickable input elements */

label, input[type=button], input[type=submit], button { cursor:pointer;}

label { display: table; font-weight: normal;}

label.option { display: inline;}

 

/*

 * 1. Correct font-size not inheriting in all browsers

 * 2. Remove margins in FF3/4 S5 Chrome

 * 3. Define consistent vertical alignment display in all browsers

 */



button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }



/*

 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)

 * 2. Correct inner spacing displayed oddly in IE6/7

 */



button, input { line-height: normal; *overflow: visible; }



table button, table input { *overflow: auto; }



/* colors for form validity */

input:valid, textarea:valid   {  }

input:invalid, textarea:invalid { 

      border-radius:1px;

      box-shadow:0px 0px 5px red;

}

.no-boxshadow input:invalid, 

.no-boxshadow textarea:invalid { background-color:#f0dddd; }





/* These selection declarations have to be separate.*/

::-moz-selection{ background:#46a7e2; color:#fff; text-shadow:none; }

::selection { background:#46a7e2; color:#fff; text-shadow:none; } 



/*  j.mp/webkit-tap-highlight-color */

a:link { -webkit-tap-highlight-color: #46a7e2; } 



/* make buttons play nice in IE:    

button {  width: auto; overflow: visible; }

 

/* bicubic resizing for non-native sized IMG */

img { -ms-interpolation-mode: bicubic; }



/*

 * Correct overflow not hidden in IE9 

 */



svg:not(:root) { overflow: hidden; }





#skip-link {

  position: absolute;

}



/* 

 * Non-semantic helper classes 

 */



/* for image replacement */

.ir { display:block; border:0; text-indent:-999em; overflow:hidden; background-color:transparent; background-repeat:no-repeat; text-align:left; direction:ltr; }

.ir br { display:none; }



/* Hide from both screenreaders and browsers:h5bp.com/u */

.hidden { display:none !important; visibility:hidden; }



/* Hide only visually, but have it available for screenreaders:h5bp.com/v */

.visuallyhidden { border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; }



/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard:h5bp.com/p */

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto; }



/* Hide visually and from screenreaders, but maintain layout */

.invisible { visibility: hidden; }





.clearfix:before, .clearfix:after { content:""; display:table; }

.clearfix:after { clear:both;}

.clearfix { zoom:1; }





#cboxTitle { 

  background: #fff;

  opacity: 0.8;

  -moz-opacity: 0.8;

  filter:alpha(opacity=80);

}



#edit-author #edit-name {

  background-image: none;

}

























div.panel-pane div.admin-links {

  font-size: xx-small;

  margin-right: 1em;

}



div.panel-pane div.admin-links li a {

  color: #ccc;

}



div.panel-pane div.admin-links li {

  padding-bottom: 2px;

  background: white;

  z-index: 201;

}



div.panel-pane div.admin-links:hover a,

div.panel-pane div.admin-links-hover a {

  color: #000;

}



div.panel-pane div.admin-links a:before {

  content: "[";

}



div.panel-pane div.admin-links a:after {

  content: "]";

}



div.panel-pane div.panel-hide {

  display: none;

}



/** For IE we add the class via js; for other browsers we rely on :hover **/

div.panel-pane div.panel-hide-hover,

div.panel-pane:hover div.panel-hide {

  display: block;

  position: absolute;

  z-index: 200;

  margin-top: -1.5em;

}



div.panel-pane div.node {

  margin: 0;

  padding: 0;

}



div.panel-pane div.feed a {

  float: right;

}



















#backtotop {

  bottom: 20px;

  cursor: pointer;

  display: none;

  height: 70px;

  position: fixed;

  right: 20px;

  text-indent:-9999px;

  width: 70px;

  z-index: 1;

}



#backtotop:hover {

  opacity: 0.8;

}











body {

    background: none repeat scroll 0% 0% #2E9AFE;

    font: 14px/22px Arial,Helvetica,sans-serif;

    position: relative;

    min-width: 300px;

}





.column_right {

    float: right;

    margin-left: 20px;

}



#main-wrapper .block {

    padding-bottom: 29px;

}

.indent-top-1 {

    padding-top: 14px;

}



img {

    font-size: 0px;

    line-height: 0;

    vertical-align: top;

}



#header {

    position: relative;

}



.section-1 {

    padding-top: 20px;

    background: 0px 0px #2E9AFE;

}



.section-1 .col1 {

    float: left;

}



.section-1 .col2 {

    float: right;

    padding-top: 1px;

}



.phone-block {

    color: black;

    font-family: 'Open Sans',sans-serif;

    line-height: 20px;

    text-transform: normal;

    font-size: 16px;

    font-weight: 600;

    padding-left: 36px;

    background: 0px 5px transparent;

}



.phone-block .pgone1 {

    font-size: 13px;

    font-weight: 300;

}



.email-block {

    color: rgb(0, 0, 0);

    font-family: 'Open Sans',sans-serif;

    line-height: 20px;

    text-transform: normal;

    font-size: 16px;

    font-weight: 600;

    padding-left: 46px;

    background: 0px 7px transparent;

    position: relative;

    left: -9px;

}



.email-block .egone1 {

    font-size: 13px;

    font-weight: 300;

}



.section-3 {

    padding-top: 20px;

    padding-bottom: 2px;

}



.section-2-wrap {

    background: 50% 0px #0000FF;

}



.haeder-bottom-wrap {

    background: none repeat scroll 0% 0% white;

}



#logo {

    display: inline-block;

}


/*boja pozadine*/
#main-wrapper {

    background: none repeat scroll 0% 0% #9FF781;

    padding-top: 30px;

    padding-bottom: 22px;

}



#content h1.title, h2, h3 {

    font-size: 35px;

    line-height: 37px;

    margin-bottom: 27px;

    font-family: 'Open Sans',sans-serif;

    font-weight: 600;

}



section.block ul, section.block .item-list ul li {

    margin: 0px;

}

.item-list ul {

    margin: 0px 0px 0.75em;

    padding: 0px;

}

ul, ol {

    margin-left: 0px;

}

ul, ol {

    margin: 0px;

    padding-left: 0px;

    list-style: none outside none;

}



section.block .content li a, .marker-list li a {

    color: rgb(68, 68, 68);

    line-height: 20px;

    text-decoration: none;

    border-bottom: 2px dotted green;

}



#content {

    overflow: hidden;

}



section.block ul, section.block .item-list ul li {

    margin: 0px;

}

section.block .content li, .marker-list li {

    background: url("../images/a1.png") no-repeat scroll 0px 2px transparent;

    padding: 0px 0px 16px 33px;

    line-height: 20px;

    text-transform: normal;

}

.item-list ul li {

    margin-left: 0px;

    margin-bottom: 20px;

}

.item-list ul li {

    margin: 0px 0px 0.25em 1.5em;

    padding: 0px;

}

.views-row {

    margin-bottom: 20px;

}



#content h1.title, h2, h3 {

    font-size: 35px;

    line-height: 37px;

    margin-bottom: 27px;

    text-transform: normal;

    font-family: 'Open Sans',sans-serif;

    font-weight: 600;

}

.front #page-title {

    display: none;

}



div.tabs {

    overflow: hidden;

}



.region-content {

    padding: 0px;

}



#main-wrapper #block-system-main {

    padding-bottom: 0px;

}

#main-wrapper .block {

    padding-bottom: 29px;

}



.h2-text {

    font-size: 40px;

    line-height: 52px;

    margin-bottom: 24px;

    color: black;

}

#content h1.title, h2, h3 {

    font-size: 35px;

    line-height: 37px;

    margin-bottom: 27px;

    text-transform: normal;

    font-family: 'Open Sans',sans-serif;

    font-weight: 600;

}



.h2-text span {

    font-size: 32px;

    font-weight: 300;

}



.title-indent {

    margin-bottom: 13px;

}

.views-field-title, .node h2, article.comment h3 {

    margin-bottom: 0px;

    text-transform: normal;

    font-family: 'Open Sans',sans-serif;

    font-size: 25px;

    line-height: 30px;

    font-weight: 300;

}



p {

    margin-bottom: 20px;

    margin: 0px 0px 15px;

}



#footer {

    clear: both;

    padding: 0px;

    position: relative;

    color: red;

}



.footer-wrapper-top {

    background: none repeat scroll 0% 0% #80FF00;

    padding: 32px 0px 40px;

}



.footer-wrapper {

    padding-top: 24px;

    padding-bottom: 60px;

    background: url("../images/footer-bg.png") repeat-x scroll 0px 0px transparent;

}



#block-block-5 {

    float: left;

    line-height: 30px;

}