/*
Theme Name: XC1 Core
Theme URI: http://www.xc1.se
Description: The foundation of the worlds greatest default theme, !!! OBS !!! NO LONGER A STANDALONE THEME !!! OBS !!! Requires a childtheme to work!
Version: 1.3
Author: XC1
Author URI: http://www.xc1.se/
Tags: XC1 Group, XC1, White, Grey
.
This work is released under the GNU General Public License 2:
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
*/

@charset "utf-8";

/*

1.	YUI CSS Reset, CSS Hacks, 960 special grid
2.	Website standard elements, print elements
3.	Website div elements
4.	Website menu
5.	Website page/post elements
6.	Website special-post elements
7.	Website navigation
8.	Website comments
?.	Filetypes/Linktypes
?.	Social elements
?.	Website widgets
9.	Website inputs / jQuery UI elements
10.	Colorbox elements
11. Nextgen Gallery elements
12. Nivo Slider
??. Admin theme core
??.	ERROR code elements
12.	IE special elements
13.	iPhone special elements
14.	HTML5
*/
 

/******** 1. YUI css reset *********/

html{color:#000;/*background:#FFF;*/margin:0px;padding:0px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight: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;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}

/******** CSS Hacks *********/

#respond:after, div#header:after, div#main:after, div#footer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.screen-reader-text {}
#email, #url { direction:ltr; }
.ngg-clear, .clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}
.clearfix{display:inline-block}
* html .clearfix{height:1%}.clearfix{display:block}
.hidden, input[type='hidden'] { visibility: hidden;}
.screen-reader-text { position: absolute; left: -9000px; }

/*????*/
.wp-caption { text-align: center; margin-bottom: 1.5em; }
.wp-caption img { border: 0 none; margin: 0; padding: 0; }
.wp-caption p.wp-caption-text { margin: 0; }
.wp-smiley { max-height: 1em; margin:0 !important; }

/******** Specialized 960 Grid 1/12 column *********/

.column {display:inline !important;float:left !important;margin-left:10px !important;margin-right:10px !important;}
.grid-1{width:60px !important;}.grid-2{width:140px !important;}.grid-3{width:220px !important;}.grid-4{width:300px !important;}.grid-5{width:380px !important;}.grid-6{width:460px !important;}
.grid-7{width:540px !important;}.grid-8{width:620px !important;}.grid-9{width:700px !important;}.grid-10{width:780px !important;}.grid-11{width:860px !important;}.grid-12 {width:940px !important;}

/******** 2. Website standard elements *********/

* { margin: 0px; padding: 0px; }
body { font-family: Helvetica, Arial, Verdana, Geneva, sans-serif; font-size: 13px; line-height: 1.4em;; color: #000; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);  }

a, a:visited { color: #09F; text-decoration: none; }
a:focus, a:active { color: #06C; }
a:hover { color: #3CF; }

h1 { font-weight: 300; font-size: 2.2em; margin: 20px 0px 4px 0px; text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.25); }
h2 { font-weight: 400; font-size: 1.8em; margin: 20px 0px 4px 0px; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25); }
h3 { font-weight: 500; font-size: 1.4em; margin: 20px 0px 4px 0px; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25); }
h4 { font-weight: 500; font-size: 1.2em; margin: 20px 0px 4px 0px; text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25); }

p { padding: 10px 0px 5px 0px;}
p img {	padding: 0; max-width: 100%; }
img {}
a img { border: none;}
hr { width: 100%; height: 20px; display: block; text-indent: -2000px; overflow: hidden; margin: 0px auto;}
hr { background-color: #E7E7E7; border:0; height: 1px; margin-bottom: 18px; clear:both; }

strong { font-style: oblique; font-weight: 600; }
strong { font-weight: bold; }
cite, em, i { font-style: italic; }
big { font-size: 131.25%; }
small { font-size: 11px; }

/******** Alignment *********/

img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }

.center, .aligncenter {}
.alignright { float: right; }
.alignleft { float: left; }

/******** Lists *********/

ul, ul li ul { list-style: square; margin: 0 0 0 1.5em; }
ul li, ul li ul li { list-style-type: disc; }

ol { list-style: decimal; margin: 0 0 0 1.5em; }
ol ol { list-style:upper-alpha; }
ol ol ol { list-style:lower-roman; }
ol ol ol ol { list-style:lower-alpha; }
ul ul, ol ol, ul ol, ol ul { margin-bottom:0; }
.children .even, .alt { }

/******** Table *********/

table {}
tr {}
td {}

/******** ??? *********/

acronym, abbr, span.caps { letter-spacing:0; /* fix opera bug */ }
abbr,
acronym { border-bottom: 1px dotted #666; cursor: help; }

dl { margin:0 0 24px 0; }
dt { font-weight: bold; }
dd { margin-bottom: 18px; }

ins { background: #FFFFCC; }

ins { text-decoration: none; }
sup,
sub { height: 0; line-height: 1; vertical-align: baseline; position: relative; }
sup { bottom: 1ex; }
sub { top: .5ex; }

/******** Code *********/

pre { background: #f7f7f7; margin: 15px 0px; padding: 10px; box-shadow:0 1px 3px rgba(0, 0, 0, 0.25); -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25); -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25); border: 1px; border-bottom:1px solid rgba(0, 0, 0, 0.25); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #222; line-height: 16px; margin-bottom: 18px; padding: 1.5em; font-size: 0.9em; word-wrap: break-word; }
code {	display:block; direction:ltr; text-align:left; font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; word-wrap: break-word; }
.wp_syntax {  }

/******** Quotes *********/

blockquote cite, blockquote em, blockquote i { font-style: normal; }
blockquote { margin: 15px; padding-left: 50px; padding-right: 30px; /*border-left: 0 none; border-right: 5px solid #ddd;*/ font-style: italic; font-size: 1.2em; position: relative; }
blockquote p:before { content: '“'; font-size: 5.0em; position: absolute; left: 0px; top: 30px; } 
/* blockquote p:after { content: '”'; font-size: 2.0em; } */
blockquote cite { display: block; font-style: normal; color: #999; font-size: 0.9em; text-align: right; padding-right: 30px;}
blockquote cite:before, blockquote cite:after { content: ' - '; }
blockquote.left { float: left; margin-left: 0; margin-right: 24px; text-align: right; width: 33%; }
blockquote.right { float: right; margin-left: 24px; margin-right: 0; text-align: left; width: 33%; }

/******** Print elements *********/

.print { display: none;}

/******** 3. Website div elements *********/

div#wrapper { background: url('images/wrapper.jpg') no-repeat top center; margin: 0px auto; position: relative; width: 100%; overflow: visible; }
div#container { margin: 0px auto; position: relative; width: 1000px;  }

div#header { width: 960px; margin: 0px auto; padding: 20px; position: relative;}
div#header div#header-top { margin: 0px auto; padding: 0px; }
div#header div#header-middle { margin: 0px auto; padding: 20px; }
div#header div#header-middle h1 { margin: 0px auto; padding: 0px;  }
div#header div#header-middle h1 a { margin: 0px; padding: 0px; }
div#header div#header-middle .description {}
div#header div#header-bottom { margin: 0px auto; padding: 0px; }

div#main { width: 1000px; margin: 0px auto; padding: 0px; position: relative; }
div#main div#page { width: 960px; margin: 0px auto; padding: 0px 20px; }

div#main div#page div#content { padding: 0px; position: relative; }
div#main div#page div#sidebar { padding: 0px; position: relative; }

div#footer { width: 960px; margin: 0px auto; padding: 20px; position: relative; text-align: center; color: #999; }
div#footer div#footer-top{ }
div#footer div#footer-middle { font-size: 0.8em; }
div#footer div#footer-bottom { }

div#footer p.copyright {}
div#footer p.legal { visibility: hidden; height: 0px; margin: 0px; padding: 0px; }
div#footer p.credit a#xc1-footer-logo { background: url('images/xc1-footer-logo.png') no-repeat top center; display: block; width: 32px; height: 32px; overflow: hidden; text-indent: -2000px; margin: 0px auto; }

/******** 4. Website menu *********/

div#menu { }
div#menu ul { width: auto; height: auto; padding: 10px auto; }
div#menu ul li { list-style-type: none; margin: 0px; padding: 0px; }
div#menu ul li a { color: #333;}

/******** 5. Website page elements *********/

div#main div#page div#content .page { padding: 20px 0px; position: relative;}

div#main div#page div#content .page .page-header {}
div#main div#page div#content .page .page-header h2 { margin: 0px; } /* Page-headers */
div#main div#page div#content .page .page-header small { display: block; margin: 3px 0px 5px 0px;}
div#main div#page div#content .page .page-header a.post-image img { margin: 0px 20px 20px 0px; padding: 5px; display: block; width: 96px; height: 96px; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25); float: left; position: relative; overflow: visible; z-index: 998; background: #FFF; }

div#main div#page div#content .page .page-content {}
div#main div#page div#content .page .page-content .entry { width: auto; margin: 0px auto; position: relative;}
div#main div#page div#content .page .page-content .entry p {}
div#main div#page div#content .page .page-content .entry img { box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25); }

/******** 5. Website post elements *********/

div#main div#page div#content .post { padding: 20px 0px; position: relative;}

div#main div#page div#content .post .post-header {}
div#main div#page div#content .post .post-header h3 { margin: 0px; } /* Post-headers */
div#main div#page div#content .post .post-header small { display: block; margin: 3px 0px 5px 0px;}
div#main div#page div#content .post .post-header a.post-image img { margin: 0px 20px 20px 0px; padding: 5px; display: block; width: 96px; height: 96px; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25); float: left; position: relative; overflow: visible; z-index: 998; background: #FFF; }

div#main div#page div#content .post .post-content {}
div#main div#page div#content .post .post-content .entry { width: auto; margin: 0px auto; position: relative;}
div#main div#page div#content .post .post-content .entry p {}
div#main div#page div#content .post .post-content .entry img { }

div#main div#page div#content .post .post-content .postmetadata { background: url('images/file.png') 5px 2px no-repeat;  padding: 2px 0px 10px 30px; margin: 10px 0px; display: block; clear: both;  }
div#main div#page div#content .post .post-content .smallattachment { margin: 5px 0 5px 5px; }
div#main div#page div#content .post .post-content .attachment {}


div#main div#page div#content .thumbs { width: 106px; float: left; margin: 5px; text-align: center; padding: 5px; }
div#main div#page div#content .thumbs .post-thumb { width: 96px; height: 96px; margin: 0px auto;}
div#main div#page div#content .thumbs .post-name h3 { font-size: 1.2em; }

/******** 6. Website special-post elements *********/
 
div#main div#page div#content .post.content.category-image { padding: 0px !important; }
div#main div#page div#content .post.content.category-image .post-header h3 { display: none; }
div#main div#page div#content .post.content.category-image .post-header small { display: none; }
div#main div#page div#content .post.content.category-image .post-header a.post-image img { display: none !important; }
div#main div#page div#content .post.content.category-image .post-content .entry p { margin: 0px auto; padding: 0px; text-align: center;}
div#main div#page div#content .post.content.category-image .post-content .entry p img { /* position: absolute;*/ display: block; margin: auto; vertical-align: middle; }
div#main div#page div#content .post.content.category-image .post-content .postmetadata { display: none; }

div#main div#page div#content .post.content.category-photo {  }
div#main div#page div#content .post.content.category-photo.post { padding: 0px !important; }
div#main div#page div#content .post.content.category-photo h3 { display: none; }
div#main div#page div#content .post.content.category-photo small { display: none; }
div#main div#page div#content .post.content.category-photo a.post-image img { display: none !important; }
div#main div#page div#content .post.content.category-photo .entry p { margin: 0px auto; padding: 0px; text-align: center; }
div#main div#page div#content .post.content.category-photo .entry p img { /* position: absolute;*/ display: block; margin: auto; vertical-align: middle; }
div#main div#page div#content .post.content.category-photo .postmetadata { display: none; }

div#main div#page div#content .post.content.category-video {  }
div#main div#page div#content .post.content.category-video.post { padding: 0px !important; }
div#main div#page div#content .post.content.category-video h3 { }
div#main div#page div#content .post.content.category-video small { }
div#main div#page div#content .post.content.category-video a.post-image img { display: none !important; }
div#main div#page div#content .post.content.category-video .entry { margin: auto; padding: 0px; text-align: center; }
div#main div#page div#content .post.content.category-video .entry p { margin: 0px auto !important; width: 640px; padding: 0px; text-align: center; box-shadow:0 3px 5px rgba(0, 0, 0, 0.25); -moz-box-shadow:0 3px 5px rgba(0, 0, 0, 0.25); -webkit-box-shadow:0 3px 5px rgba(0, 0, 0, 0.25); }
div#main div#page div#content .post.content.category-video .entry p object { position: relative; display: block; margin: auto; vertical-align: middle; }
div#main div#page div#content .post.content.category-video .postmetadata { }

div#main div#page div#content .post.content.category-quote {  }
div#main div#page div#content .post.content.category-quote h3 { display: none; }
div#main div#page div#content .post.content.category-quote small { display: none;  }

/******** 7. Website post navigation *********/

div#main div#page div#content .navigation { margin: 0px; }
div#main div#page div#content .navigation div.prev a { background: url('images/prev.png') no-repeat top left;  padding: 0px 0px 0px 30px; z-index: 999;   }
div#main div#page div#content .navigation div.next a { background: url('images/next.png') no-repeat top right;  padding: 0px 30px 0px 0px; z-index: 999; }

/******** 8. Website comments *********/

div#main div#page div#content .commentlist { padding: 10px 0px; margin: 0px; }
div#main div#page div#content .commentlist li { padding: 0px; }
div#main div#page div#content .commentlist li.comment { margin: 10px auto; /* background: url('images/shadow.png') no-repeat right bottom; padding: 0px 0px 20px 0px; */ color: #666;}
div#main div#page div#content .commentlist div.comment-body { background-color: #FFF; border: 1px solid #ccc; padding: 10px 20px; min-height: 96px; }
div#main div#page div#content .commentlist li.odd div.comment-body { background-color: #f3f3f3; padding: 10px 20px; min-height: 96px; }
div#main div#page div#content .commentlist li.byuser div.comment-body { background-color: #c7f1ff; padding: 10px 20px; min-height: 96px; border: 1px solid #8be2ff; }
div#main div#page div#content .commentlist li .avatar { float:left; width: 96px; height: 96px; margin-right: 20px; border: 0px solid #fff;}
div#main div#page div#content .commentlist p { margin: 10px 0 10px 5px; }
div#main div#page div#content .commentlist li ul li { margin-left: -5px; margin-right: 10px; }
div#main div#page div#content .commentlist cite, .commentlist cite a {}
div#main div#page div#content .commentlist p {margin: 10px 0 10px 5px;}
div#main div#page div#content .commentmetadata {}

div#main div#page div#content #respond { width: 100%; }
div#main div#page div#content #commentform p {}
div#main div#page div#content #commentform input { margin: 0px auto; }
div#main div#page div#content #commentform { margin: 0px auto; }
div#main div#page div#content #commentform textarea { width: 620px; }
div#main div#page div#content #commentform #submit { float:left; }

div#main div#page div#content .nocomments {}

/*  ??????????? */
div#main div#page div#content .nocomments, .postmetadata, blockquote, strike {}

div#main div#page div#content .thread-alt {}
div#main div#page div#content .thread-even {}
div#main div#page div#content .depth-1 {}

/******** Standard templates *********/

#video-page .post .post-header { float: right; width:250px;}
#video-page .post .post-header a.post-image { float: left; margin: 0px 10px 10px 0px; box-shadow:0 2px 3px rgba(0, 0, 0, 0.25); -moz-box-shadow:0 2px 3px rgba(0, 0, 0, 0.25); -webkit-box-shadow:0 2px 3px rgba(0, 0, 0, 0.25); }
#video-page .post .post-header h3 { margin: 5px 0px !important; }
#video-page .post .post-content p { width: 640px; margin: 0px 0px 20px 0px !important; padding: 0px !important; box-shadow:0 3px 5px rgba(0, 0, 0, 0.25); -moz-box-shadow:0 3px 5px rgba(0, 0, 0, 0.25); -webkit-box-shadow:0 3px 5px rgba(0, 0, 0, 0.25); }
#video-page .post .post-footer { float: right; width:250px; margin-top: -120px;}

/******** Linktypes *********/

a[href^="mailto:"] { background:url('images/linktypes/mail.png') 0px 2px no-repeat; display:inline-block; padding-left: 24px; margin: 0px 4px;}
a[href^="callto:"] { background:url('images/linktypes/skype.png') 0px 2px no-repeat; display:inline-block; padding-left: 24px; margin: 0px 4px;}
a[href^="http://facebook"], a[href^="http://www.facebook"] { background:url('images/linktypes/facebook.png') 0px 2px no-repeat; display:inline-block; padding-left: 24px; margin: 0px 4px;}
a[href^="http://twitter"], a[href^="http://www.twitter"] { background:url('images/linktypes/twitter.png') 0px 2px no-repeat; display:inline-block; padding-left: 24px; margin: 0px 4px;}
a[href^="http://linkedin"], a[href^="http://www.linkedin"], a[href^="http://se.linkedin"] { background:url('images/linktypes/linkedin.png') 0px 2px no-repeat; display:inline-block; padding-left: 24px; margin: 0px 4px;}
a[href^="http://google"], a[href^="http://www.google"] { background:url('images/linktypes/google.png') 0px 2px no-repeat; display:inline-block; padding-left: 24px; margin: 0px 4px;}
a[href^="http://flickr"], a[href^="http://www.flickr"] { background:url('images/linktypes/flickr.png') 0px 2px no-repeat; display:inline-block; padding-left: 24px; margin: 0px 4px;}
a[href^="http://tumblr"], a[href^="http://www.tumblr"] { background:url('images/linktypes/tumblr.png') 0px 2px no-repeat; display:inline-block; padding-left: 24px; margin: 0px 4px;}
a[href^="http://deviantart"], a[href^="http://www.deviantart"] { background:url('images/linktypes/deviantart.png') 0px 2px no-repeat; display:inline-block; padding-left: 24px; margin: 0px 4px;}
a[href^="http://myspace"], a[href^="http://www.myspace"] { background:url('images/linktypes/myspace.png') 0px 2px no-repeat; display:inline-block; padding-left: 24px; margin: 0px 4px;}
a[href^="http://wikipedia"], a[href^="http://www.wikipedia"] { background:url('images/linktypes/wikipedia.png') 0px 2px no-repeat; display:inline-block; padding-left: 24px; margin: 0px 4px;}
a[href^="http://vimeo"], a[href^="http://www.vimeo"] { background:url('images/linktypes/vimeo.png') 0px 2px no-repeat; display:inline-block; padding-left: 24px; margin: 0px 4px;}
a[href^="http://youtube"], a[href^="http://www.youtube"] { background:url('images/linktypes/youtube.png') 0px 2px no-repeat; display:inline-block; padding-left: 24px; margin: 0px 4px;}

/******** Filetypes *********/

a[href$='.pdf'] { background:url('images/filetypes/pdf.png') 0px 2px no-repeat; display:inline-block; padding-left: 24px; margin: 0px 4px;}
a[href$='.swf'], a[href$='.fla'], a[href$='.swd'] { background:url('images/filetypes/flash.png') 0px 2px no-repeat; display:inline-block; padding-left: 24px; margin: 0px 4px;}
a[href$='.xls'], a[href$='.xlt'], a[href$='.xlw'] { background:url('images/filetypes/excel.png') 0px 2px no-repeat; display:inline-block; padding-left: 24px; margin: 0px 4px;}
a[href$='.ppt'], a[href$='.pps'] { background:url('images/filetypes/office.png') 0px 2px no-repeat; display:inline-block; padding-left: 24px; margin: 0px 4px;}
a[href$='.doc'], a[href$='.rtf'], a[href$='.txt'], a[href$='.wps'], a[href$='.docx'] { background:url('images/filetypes/word.png') 0px 2px no-repeat; display:inline-block; padding-left: 24px; margin: 0px 4px;}
a[href$='.zip'], a[href$='.gzip'], a[href$='.rar'] { background:url('images/filetypes/zip.png') 0px 2px no-repeat; display:inline-block; padding-left: 24px; margin: 0px 4px;}
a[href$='.mov'], a[href$='.avi'], a[href$='.mpg'], a[href$='.mpeg'], a[href$='.wmv'] { background:url('images/filetypes/film.png') 0px 2px no-repeat; display:inline-block; padding-left: 24px; margin: 0px 4px;}
a[href$='.csv'] { background:url('images/filetypes/vcard.png') 0px 2px no-repeat; display:inline-block; padding-left: 24px; margin: 0px 4px;}
a[href$='.mp3'], a[href$='.wma'] { background:url('images/filetypes/music.png') 0px 2px no-repeat; display:inline-block; padding-left: 24px; margin: 0px 4px;}

/******** Website social elements *********/

div.follow { background: #fafafa; margin: 5px 0px; padding: 10px; box-shadow:0 1px 3px rgba(0, 0, 0, 0.25); -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25); -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25); border: 1px; border-bottom:1px solid rgba(0, 0, 0, 0.25); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
div.follow ul li { display: inline; }

a.social { }
a[href^="http://twitter"].twitter-link , a[href^="http://www.twitter"].twitter-link { background: none !important; padding: 0px !important; margin: 0px !important; } /* Dont want icon on twitter cite's */

/******** 9. Widgets *********/

.widget { margin: 10px 0px;}
.widget ul { list-style: none; margin-left: 0; }
.widget ul li { list-style: square; margin: 0px; padding: 0px; list-style-type: none; }
.widget input#s { /* This keeps the search inputs in line */ width: 60%; margin: 0px; float: left; }
.widget_search label { font-size: 14px; font-weight: bold; color: #222; display: block; }
.widget-container { margin: 0 0 18px 0; }
.widget-title { color: #222; font-weight: bold; }

.widget-area a:link, .widget-area a:visited { text-decoration: none; }
.widget-area a:active, .widget-area a:hover { text-decoration: underline; }

#wp_tag_cloud div { line-height: 1.6em; }

#wp-calendar { width:100%; }
#wp-calendar caption { font-weight: bold; color: #222; text-align: left; font-size:14px; padding-bottom: 4px; }
#wp-calendar thead { font-size:11px; }
#wp-calendar thead th { }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { padding: 3px 0 2px; background: #f5f5f5; border:1px solid #fff; text-align: center; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { text-align: right; }

.widget_rss a.rsswidget { color: #000; }
.widget_rss a.rsswidget:hover { color: #FF4B33; }
.widget_rss .widget-title img { height: 11px; width: 11px; }

/******** 9. jQuery UI elements *********/

.ui-widget { margin-bottom: 10px; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { }
.ui-widget-content { background: transparent !important; color: #222222; }
.ui-widget-content a { }
.ui-widget-header { }
.ui-widget-header a { color: #222222; }

.ui-tabs {  }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; outline: 0; line-height: 1.3;  }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; list-style-type: none; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 40px 20px 20px 20px; display: block; background: #fafafa !important; box-shadow:0 1px 3px rgba(0, 0, 0, 0.25); -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25); -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25); border: 1px; border-bottom:1px solid rgba(0, 0, 0, 0.25); }
.ui-tabs .ui-tabs-hide { display: none !important; }

.ui-accordion div { background: #fafafa; margin: 5px 0px; box-shadow:0 1px 3px rgba(0, 0, 0, 0.25); -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25); -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25); border: 1px; border-bottom:1px solid rgba(0, 0, 0, 0.25); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.ui-accordion div.post div,
.ui-accordion div.page div { background: transparent; margin: 0px; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; border: 0px; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }

.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none;  box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; border: none;  }
.ui-accordion .ui-accordion-content-active { display: block; }

/******** 9. Website inputs / jQuery UI *********/

input[type="text"], 
textarea,
form { width: 90%;}
label { display: block; margin: 5px 0px 0px 0px; }
input, textarea { background: #CCC; background: rgba(0, 0, 0, 0.15); border: 1px; border-bottom:1px solid rgba(255, 255, 255, 0.25);  /*border-top:1px solid rgba(0, 0, 0, 0.75);*/ color: #666; display:inline-block; /* font-weight:bold; */ line-height:1; overflow:visible; padding: 10px; position:relative; text-decoration:none; text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25); margin: 0px 0px 10px 0px;
-moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding;  box-shadow: inset 0px 2px 5px rgba(0,0,0,0.5); -moz-box-shadow: inset 0px 2px 5px rgba(0,0,0,0.5); -webkit-box-shadow: inset 0px 2px 5px rgba(0,0,0,0.5); }
select {}
/* input:focus, textarea:focus { background: #999; color: #FFF; }*/
button, .button, input[type='submit'] { background: #eee; border: 1px; border-bottom:1px solid rgba(0, 0, 0, 0.25); cursor:pointer; color: #f1f1f1; display:inline-block; font-weight:bold; line-height:1; overflow:visible; padding:5px 15px 6px; position:relative; text-decoration:none; text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25); width: auto;
-moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; box-shadow:0 1px 3px rgba(0, 0, 0, 0.25); -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25); -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25); }
button:hover, .button:hover, input[type='submit']:hover { background: #ccc;  }

button, .button, input[type='submit'], input, textarea, .ui-tabs-panel, .ui-corner-all { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

@-webkit-keyframes colorbutton { 
from { background-color: #2DAEBF; -webkit-box-shadow: 0 0 9px #333; } 
50% { background-color: #00e1ff; -webkit-box-shadow: 0 0 18px #00e1ff; }
to { background-color: #2DAEBF; -webkit-box-shadow: 0 0 9px #333; }
 }
button, .button, input[type='submit'] { background-color:#2DAEBF; color:#FFF; }
button:hover, .button:hover, input[type='submit']:hover { background-color:#007D9A; color:#FFF; }
button, .button, input[type='submit'] { -webkit-animation-name: colorbutton; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(0, 225, 225)), to(rgb(53,170,186))); }
button:hover, .button:hover, input[type='submit']:hover { -webkit-animation-name: colorbutton; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(53, 170, 186)), to(rgb(0,125,154))); }



/* Searchform */
div#main div#page div#content #searchform {}
div#main div#page div#sidebar form {}
div#main div#page div#sidebar #searchform { /*position: absolute; top: 0px; left: 50%; margin: 0px 0px 0px 250px; width: 300px; height: 30px;*/}
div#main div#page div#sidebar #searchform #s {}
div#main div#page div#sidebar #searchsubmit {}


.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \ */
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */

/* ?????? HOW does border radius works ??? diferent selectors ??? */
.ui-corner-tl { border-radius-topleft: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; }
.ui-corner-tr { border-radius-topright: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
.ui-corner-bl { border-radius-bottomleft: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }
.ui-corner-br { border-radius-bottomright: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.ui-corner-top { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.ui-corner-right {  -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.ui-corner-left { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }

.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid rgba(0, 0, 0, 0.05); background: #e6e6e6; font-weight: normal; color: #555555; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid rgba(0, 0, 0, 0.05); background: #dadada; font-weight: normal; color: #212121; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { background: #fafafa; border: 1px solid rgba(0, 0, 0, 0.05); font-weight: normal; color: #212121; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; outline: none; text-decoration: none; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight { border: 1px solid rgba(0, 0, 0, 0.05); background: #fbf9ee; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; }
.ui-state-disabled { cursor: default !important; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }

/******** 10. Colorbox Core elements *********/

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer; text-indent: -2000px; overflow: hidden; height: 26px; width: 26px; display: block;}

/******** Colorbox Style elements *********/

#cboxOverlay{background:#fff;}
#cboxPrevious{ background:url('images/prev.jpg') no-repeat #fff; }
#cboxNext{ background:url('images/next.jpg') no-repeat #fff; }
#cboxLoadingOverlay{ background:url('images/loading.gif') 5px 5px no-repeat #fff; }
#cboxClose{ background:url('images/close.jpg') no-repeat #fff; }

#colorBox{}
#cboxTopLeft{width:25px; height:25px; background:url('images/border1.png') 0 0 no-repeat;}
#cboxTopCenter{height:25px; background:url('images/border1.png') 0 -50px repeat-x;}
#cboxTopRight{width:25px; height:25px; background:url('images/border1.png') -25px 0 no-repeat;}
#cboxBottomLeft{width:25px; height:25px; background:url('images/border1.png') 0 -25px no-repeat;}
#cboxBottomCenter{height:25px; background:url('images/border1.png') 0 -75px repeat-x;}
#cboxBottomRight{width:25px; height:25px; background:url('images/border1.png') -25px -25px no-repeat;}
#cboxMiddleLeft{width:25px; background:url('images/border2.png') 0 0 repeat-y;}
#cboxMiddleRight{width:25px; background:url('images/border2.png') -25px 0 repeat-y;}
#cboxContent{background:#fff;}
#cboxLoadedContent{margin-bottom:20px;}
#cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
#cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
#cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
#cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
#cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
#cboxLoadingOverlay{ }
#cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}

/******** 11. Nextgen Gallery elements *********/
 
.ngg-galleryoverview, .ngg-albumoverview { clear:both; display:block !important; margin: 0px auto; padding: 10px 15px; }
.ngg-album, .ngg-thumbnail { float: left; margin-right: 12px; }
.ngg-album-compact { float:left; padding-right: 10px !important; width:120px; text-align: center; }
.ngg-gallery-thumbnail { float: left; margin: 5px; text-align: center; }
.ngg-gallery-thumbnail-box { float: left; } 

.ngg-albumcontent, .ngg-thumbnail, .ngg-album-compactbox .Thumb, .ngg-gallery-thumbnail img, .ngg-thumbnail img { background-color: #FFF; padding: 5px; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25); }
.ngg-album { overflow: hidden; padding: 5px; margin-bottom: 5px; position: relative; width: 130px; height: 140px; }
.ngg-albumtitle { margin: 10px auto; text-align: center; width: 120px; position: relative; height: 18px; overflow: hidden; }
.ngg-albumtitle a { color: #333 !important; font-weight: 600; }
.ngg-description { display: none; }
.ngg-albumcontent { transform: rotate(3deg); -webkit-transform:  rotate(3deg); -moz-transform: rotate(3deg); margin: 0px; display: block; position: absolute; width: 110px; height: 80px; }
.ngg-thumbnail { transform:  rotate(-5deg); -webkit-transform:  rotate(-5deg); -moz-transform: rotate(-5deg); margin: 0px; display: block; position: absolute; width: 110px; height: 80px; }
.ngg-thumbnail img { transform:  rotate(2deg); -webkit-transform:  rotate(2deg); -moz-transform: rotate(2deg); margin: -5px 0px; display: block; position: absolute; }

.ngg-album-compact h4, .ngg-album-compact p { display: none; }
.ngg-galleryoverview .desc { padding:5px; }


.ngg-navigation { font-size:0.9em !important; clear:both !important; display:block !important; padding-top:15px; text-align:center;}
.ngg-navigation a { color: #333 !important; font-weight: 600; text-decoration: none !important; } 
.ngg-navigation span { font-weight:bold; margin:0pt 6px; border-bottom: 2px solid #999; }
.ngg-navigation a.page-numbers, .ngg-navigation a.next, .ngg-navigation a.prev, .ngg-navigation span.page-numbers, .ngg-navigation span.next, .ngg-navigation span.prev { margin-right:3px; padding:3px 7px; }

/* ?????????????? DELETE ???????????????? */

/*.ngg-imagebrowser { } 
.ngg-imagebrowser h3 { text-align:center; }
.ngg-imagebrowser img { margin-top: 10px; margin-bottom: 10px; display:block !important; padding:5px; }
.ngg-imagebrowser-nav { padding:5px; margin-left:10px; }
.ngg-imagebrowser-nav .back { float:left; border:1px solid #DDDDDD; margin-right:3px; padding:3px 7px; }
.ngg-imagebrowser-nav .next { float:right; border:1px solid #DDDDDD; margin-right:3px; padding:3px 7px; }
.ngg-imagebrowser-nav .counter { text-align:center; font-size:0.9em !important; }
.exif-data { margin-left: auto !important; margin-right: auto !important; }
.slideshow { margin-left: auto; margin-right: auto; text-align:center; outline: none; }
.slideshowlink { }
.ngg-singlepic { background-color:#FFFFFF; display:block; padding:4px; }
.ngg-left { float: left; margin-right:10px; }
.ngg-right { float: right; margin-left:10px; }
.ngg-center { margin-left: auto !important; margin-right: auto !important; }
.ngg-widget,
.ngg-widget-slideshow { overflow: hidden; margin:0pt; padding:5px 0px 0px 0pt; text-align:left; }
.ngg-widget img { border:2px solid #A9A9A9; margin:0pt 2px 2px 0px;  padding:1px; }
.ngg-related-gallery { overflow:hidden; margin-bottom:1em; margin-top:1em; padding:5px; }
.ngg-related-gallery img { float: left; margin: 0pt 3px; padding: 2px; height: 50px; width:  50px; }
.ngg-related-gallery img:hover { } 
.ngg-galleryoverview ul li:before { content: '' !important; }
.ngg-gallery-list { list-style-type:none; padding: 0px !important; text-indent:0px !important; }
.ngg-galleryoverview div.pic img{ }
.ngg-gallery-list li { float:left; margin:0 2px 0px 2px !important; overflow:hidden; }
.ngg-gallery-list li a { border:1px solid #CCCCCC; display:block; padding:2px; }
.ngg-gallery-list li.selected a{ -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#000000 none repeat scroll 0 0;}
.ngg-gallery-list li img { height:40px; width:40px;	}
li.ngg-next, li.ngg-prev { height:40px; width:40px; font-size:3.5em; }
li.ngg-next a, li.ngg-prev a  { padding-top: 10px; border: none; text-decoration: none; }
*/

/******** jQuery Nivo Slider v1.7 *********/

.nivoSlider { position:relative; }
.nivoSlider img { position:absolute; top:0px; left:0px; }
.nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:60; display:none; }
.nivo-slice { display:block; position:absolute; z-index:50; height:100%; }
.nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; opacity:0.8; width:100%; z-index:89; }
.nivo-caption p { padding:5px; margin:0; }
.nivo-directionNav a { position:absolute; top:45%; z-index:99; cursor:pointer; }
.nivo-prevNav { left:0px; }
.nivo-nextNav { right:0px; }
.nivo-controlNav a { position:relative; z-index:99; cursor:pointer; }
.nivo-controlNav a.active { font-weight:bold; }

/******** jQuery Nivo Slider special *********/

#slider { position:relative; margin:30px 30px 60px 30px;  box-shadow:0px 4px 10px rgba(0, 0, 0, 0.5); -moz-box-shadow:0px 4px 10px rgba(0, 0, 0, 0.5); -webkit-box-shadow:0px 4px 10px rgba(0, 0, 0, 0.5); height: 360px; }
#slider img { position:absolute; top:0px; left:0px; }
#slider a { border:0; }
.nivo-controlNav { position:absolute; left:47%; bottom:-30px; }
.nivo-controlNav a { display:block;  width:10px; height:10px; background:url('images/bullets.png') no-repeat; text-indent:-9999px; border:0; margin-right:3px; float:left; }
.nivo-controlNav a.active { background-position:-10px 0; }
.nivo-directionNav a { display:block; width:32px; height:34px; background:url('images/arrows.png') no-repeat; text-indent:-9999px; border:0; }
a.nivo-nextNav { background-position:-32px 0; right:10px; }
a.nivo-prevNav { left:10px; }

/******** ERROR code elements *********/

body.error404 div#content h2 { background: url('images/404.jpg') no-repeat top center; width: 400px; height: 300px; display: block; text-indent: -2000px; overflow: hidden; margin: 0px auto; }

/******** IE special elements *********/

body.ie { }
body.ie #wrapper #container { }
body div.ie6 h2 { background: url('images/ie6.jpg') no-repeat top center; width: 400px; height: 300px; display: block; text-indent: -2000px; overflow: hidden; margin: 0px auto; }
body.ie div.ie6 ul li { background: none !important; list-style-type: circle; padding: 0px; margin: 0px 20px; } 
body div#ie6-hide { display: none; }

/******** iPhone special elements *********/

body.iphone { width: 1200px; min-height: 1500px;}
body.iphone div#wrapper { width: 1200px; position: relative; margin: 0px auto; min-height: 1500px; } /* Gets a litle perspective on the 1000/960px wide homepage in iPhone */
body.iphone div#wrapper div#container { margin: 0px auto; }

/******** HTML5 *********/
header { display:block; }