/*  
Theme Name: NEO
Theme URI: http://themes.pixelsinline.com/neo/
Version: 1.1
Description: Designed by <a href="http://www.bocs-media">BOCS-MEDIA</a>.
Author: bocs-media UG
Author URI: http://www.bocs-media.de/
Tags: clean, minimal

*/
   
/* 	1. Default Styles
	2. Links
	3. Navigation
	4. Elements
	5. Frontpage
	6. Portfolio
	7. Blog 
	8. Single Post
	9. Shortcodes
	10. Comments
	11. FS-Blog
	12. Widgets
*/
   

/* --------- 1. DEFAULT STYLES ------------------ */

select {
	-webkit-appearance: button;
	-webkit-border-radius: 2px;
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-padding-end: 20px;
	-webkit-padding-start: 2px;
	-webkit-user-select: none;
	
	-moz-border-radius: 3px;
	-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	-moz-padding-start: 2px;
	-moz-padding-end: 3px;
	-moz-user-select: none;
	
	background-image:-webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
	background-position: right center;
	background-repeat: no-repeat;
	border: 1px solid #AAA;
	color: #555;
	font-size: inherit;
	overflow: hidden;
	padding-top: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	width: 220px;
}
* :focus { outline: 0; }

ul,li,ol {
	list-style-type: none;
}
p {margin-top: 0px;}
.wp-caption {
    background: rgba(255,255,255, 0.6);
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 5px;
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 5px;
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 5px;
    padding: 5px;
    max-width: 96%; /* Image does not overflow the content area */
    text-align: center;
	background-color: rgba(204,255,51,1);
}
.wp-caption.alignnone { margin: 5px 20px 20px 0 }
.wp-caption.alignleft { margin: 5px 20px 20px 0 }
.wp-caption.alignright { margin: 5px 0 20px 20px }
img.alignleft,
img.alignright {}
.alignright { float: right }
.alignleft { float: left }
.aligncenter { text-align: center }
img.alignleft {
	margin-top: 5px;
	margin-right: 25px;
	margin-bottom: 25px;
	margin-left: 0;}

img.alignright { margin: 5px 0 20px 20px }
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    font-size: 10px !important;
    margin: 0 !important;
    padding: 3px 0 0 0!important;
}
.gallery-caption { text-align: center }
.gallery-item {
    width: 133px !important;
	height: 133px;
    margin-right: 15px;
    margin-bottom: 15px;
}
.gallery-icon { width: 125px }
.gallery-item img {
    width: 133px;
    height: auto;
    border: solid 2px rgba(255, 255, 255, .70) !important;
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 5px;
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 5px;
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 5px;
	moz-box-shadow: 1px 1px 5px #6b6b6b;
	-webkit-box-shadow: 1px 1px 5px #6b6b6b;
	box-shadow: 1px 1px 5px #6b6b6b;
}
.sticky {}
.bypostauthor {}

/* --------- 2. LINKS ------------------ */
a:link, a:hover, a:visited, a:active {text-decoration: none;}

/* --------- 3. NAVIGATION ------------------ */
#menu select {
  display: none;
}

#menu {
	position: fixed;
	width: 250px;
	top: 223px;
}

/*First Level List */				
#menu ul{width: 250px;height: 0px;}

/*First Level List Item */
#menu li{
	position: relative;
	font-size: 16px;
	display: block;
	height: 30px;
	padding: 0;	
	width: 254px;
	right: 42px;
}
#menu li a{
	text-transform: uppercase;
	color: #fff;
	height: 20px;
	line-height: 16px;
	background-color: rgba(0,0,0,1);
	letter-spacing: 1px;
	font-weight: lighter;
	display: block;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 5px;
	margin-left: 2px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#menu li a:hover{
	background: rgba(0,0,0,1);
	color: #000;
}


/*Second Level List */
#menu ul ul {
	position: relative;
	margin-top: 7px;
}

/*Second Level List Item */
#menu ul ul li {
	position: relative;
	display: block;
	height: 33px;
	visibility: hidden;
}
#menu li li a{
	background-color: rgba(255,255,255,1);
	color: #000;
	-moz-box-shadow: -2px 2px 3px #000000;
	-webkit-box-shadow: -2px 2px 3px #000000;
	box-shadow: -2px 2px 3px #000000;
}

/*Third Level List */
#menu ul ul ul {
	position: relative;
	margin-top: 7px;
}

/*Third Level List Item */
#menu ul ul ul li {
	display: none;
	visibility: hidden;
}
#menu li li li a{
	background-color: #000;
	color: rgba(255,255,255,1);
	-moz-box-shadow: -2px 2px 3px #000000;
	-webkit-box-shadow: -2px 2px 3px #000000;
	box-shadow: -2px 2px 3px #000000;
}

/* Make Second Level Visible on Hover */
#menu li:hover > ul li {
	visibility: visible;
	width: 250px;
	right: 286px;
	margin-top: -37px;
	margin-bottom: 37px;
}

/* Make Third Level Visible on Hove */
#menu li li:hover > ul li {
	visibility: visible;
	display: block;
}

/* Current Menu Item */
#menu .current-menu-item a{
	background-color: rgba(255,255,255,1);
}

#menu .current-menu-item a:visited{
	color: #000;
	background-color: rgba(255,255,255,1);
}

/* --------- 4. ELEMENTS ------------------ */

#socials {
	position: absolute;
	margin-left: 25px;
	bottom: 10px;
}

#socials img {
	opacity: 0;
}

#dots{  
    width:100%;
    min-height:100%;
    position:fixed;
    top:0px;
    left:0px;
    opacity:1;
	z-index: -50;	
}
#header {
	position: fixed;
	right: 0px;
	top: 0px;
	min-height: 100%;
	width: 250px;
	background-color: rgba(255,255,255,0.5);
	padding: 0px;
	z-index:999;
	-moz-box-shadow: -2px -2px 5px #000000;
	-webkit-box-shadow: -2px -2px 5px #000000;
	box-shadow: -2px -2px 5px #000000;
}

#wrapper {
	width: 740px;
	padding: 20px;
	background-color: #CC3;
}

.logo-text {margin-top: 50px;}

#container {
	position: relative;
	top: 210px;
	left: 27px;
	width: 740px;
	background-color: rgba(255,255,255,1);
	margin-bottom: 250px;
	-moz-box-shadow: 3px 3px 5px #3d3d3d;
	-webkit-box-shadow: 3px 3px 5px #3d3d3d;
	box-shadow: 3px 3px 5px #3d3d3d;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

#container-small {
	position: relative;
	top: 210px;
	left: 27px;
	width: 475px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	background-color: rgba(255,255,255,1);
	margin-bottom: 250px;
	-moz-box-shadow: 3px 3px 5px #3d3d3d;
	-webkit-box-shadow: 3px 3px 5px #3d3d3d;
	box-shadow: 3px 3px 5px #3d3d3d;
}

#container-post {
	position: relative;
	top: 100px;
	left: 27px;
	width: 740px;
	padding: 20px;
	background-color: rgba(255,255,255,1);
	margin-bottom: 250px;
	-moz-box-shadow: 3px 3px 5px #3d3d3d;
	-webkit-box-shadow: 3px 3px 5px #3d3d3d;
	box-shadow: 3px 3px 5px #3d3d3d;
}

#content-sidebar-page {}

#sidebar-wrapper {
	position: absolute;
	top: 0px;
	left: 520px;
	width: 220px;
	height: auto;
	padding: 20px;
	background-color: rgba(255,255,255,1);-moz-box-shadow: 3px 3px 5px #3d3d3d;
	-webkit-box-shadow: 3px 3px 5px #3d3d3d;
	box-shadow: 3px 3px 5px #3d3d3d;
}

.page-title {
	position: relative;
	top: 230px;
	width: auto;
	max-width: 740px;
	background-color: rgba(255,255,255,1);
	left: 27px;
	font-size: 34px;
	line-height: 34px;
	margin-bottom: 25px;
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	-moz-box-shadow: 3px 3px 5px #3d3d3d;
	-webkit-box-shadow: 3px 3px 5px #3d3d3d;
	box-shadow: 3px 3px 5px #3d3d3d;
	font-weight: lighter;
	text-transform: uppercase;
}

.blank {
	position: relative;
	height: 50px;
}

blockquote {
	margin: 1em 2em;
	padding-left: 1em; }
blockquote p:first-letter {
	float: left;
	margin: .2em .3em .1em 0;
	font-size: 220%;
	font-weight: bold; }

/* --------- 5. FRONTPAGE ------------------ */
#fp-blog {
	position: relative;
	left: 800px;
	float: left;
	top: 220px;
	height: auto;
}

.title-frontpage {
	width: auto;
	min-width: 800px;
	margin-bottom: -15px;
}

.title-frontpage p{
	margin-left: 10px;
	position: relative;
	font-size: 36px;
	line-height: 62px;
	width: 900px;
	z-index: 999;
	display: block;
	white-space: normal;
	text-transform: uppercase;
	font-weight: lighter;
}

.title-frontpage span {
	padding-top: 5px; 
	padding-bottom: 5px;
	background: rgba(255,255,255,1);
	color: #000;
	box-shadow: 15px 0 0 rgba(255,255,255,1),-15px 0 0 rgba(255,255,255,1);
	-moz-box-shadow: 15px 0 0 rgba(255,255,255,1),-15px 0 0 rgba(255,255,255,1);
	-webkit-box-shadow: 15px 0 0 rgba(255,255,255,1),-15px 0 0 rgba(255,255,255,1);
}

.excerpt-frontpage{
	position: relative;
	height: auto;
	width: auto;
	max-width:500px;
	background-color: rgba(255,255,255,1);
	padding: 15px;
	z-index: 999;
	margin-left: -5px;
}

.excerpt-frontpage p {
	font-size: 12px;
}

/* --------- 6. PORTFOLIO ------------------ */
#portfolio-content {
	position: relative;
	height: auto;
	width: 800px;
}


/* --------- 7. BLOG LAYOUT ------------------ */
.post-title {
	font-size: 24px;
	line-height: 28px;
	font-weight: lighter;
}

.post-wrapper {
	margin-left: -40px;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: rgba(204,204,204,1);
	margin-bottom: 25px;	
}
.post-meta {margin-bottom: 10px;}


/* --------- 8. SINGLE POST LAYOUT ------------------ */
#single-post {
	position:relative;
	top:33px;
}
.page-title-post {
	position: relative;
	top: 119px;
	width: auto;
	max-width: 630px;
	background-color: rgba(255,255,255,1);
	left: 137px;
	font-size: 34px;
	line-height: 34px;
	margin-bottom: 25px;
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	-moz-box-shadow: 3px 3px 5px #3d3d3d;
	-webkit-box-shadow: 3px 3px 5px #3d3d3d;
	box-shadow: 3px 3px 5px #3d3d3d;
	font-weight: lighter;
	text-transform: uppercase;
}
.post-date{
	position: relative;
	top: 196px;
	width: 65px;
	background-color: rgba(255,255,255,1);
	left: 27px;
	font-size: 17px;
	margin-bottom: 25px;
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	min-height: 34px;
	-moz-box-shadow: 3px 3px 5px #3d3d3d;
	-webkit-box-shadow: 3px 3px 5px #3d3d3d;
	box-shadow: 3px 3px 5px #3d3d3d;
	font-weight: lighter;
	text-transform: uppercase;
}
.time {margin-top: 8px; color: #fff; font-weight: bolder;}

#thumb-full { 
	width:740px; 
	overflow:hidden;
	margin-bottom: 20px;
}

.author {margin-top:10px;}

.back{
	vertical-align: middle;
	float: left;
	margin-top: 5px;
	z-index: 100;
	position: relative;
}

.forward{
	float: right;
	text-align: right;
	margin-top: 5px;
	z-index: 100;
	position: relative;
}

#next-wrapper {
	position: relative;
	bottom: 5px;
}

/* -------- 9. SHORTCODES -------- */

.one_half{ width:46.7%; }

.one_third{ width:28.8%; }

.two_third{ width:63.9%; }

.one_fourth{ width:19.8%; }

.three_fourth{ width:72.8%; }


.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{ position:relative; margin-right:50px; float:left; }

.last{ margin-right:0 !important; clear:right; }

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

.divider {
	width: 100%;
	border-bottom-style: dotted;
	border-bottom-color: rgba(204,204,204,1);
	clear: both;
	display: block;
	margin-bottom: 35px;
	padding-top: 26px;
	border-bottom-width: thin;	
}

.divider-template {
	width: 962px;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: rgba(204,204,204,1);
}

a.blackbut {
	margin-top: 5px;
	margin-bottom: 5px;
	display: inline-block;
	font-size: 17px;
	font-weight: normal;
	height: 41px;
	padding-right: 10px;
	color: #fff !important;
	text-decoration: none;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px 4px;
	border-bottom-right-radius: 4px 4px;
	border-top-left-radius: 4px 4px;
	border-top-right-radius: 4px 4px;
	background-color: #333333;
}

a.blackbut:hover {
	color: #fff !important;
	text-decoration: none;
	padding-right: 10px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px 4px;
	border-bottom-right-radius: 4px 4px;
	border-top-left-radius: 4px 4px;
	border-top-right-radius: 4px 4px;
	background-color: #555555;
}

a.blackbut span {
    display: block;
    line-height: 14px;
    padding: 13px 0px 14px 10px;
}

a.blackbut:hover span {
    color: #fff !important;
    padding: 13px 0px 14px 10px;
}


a.whitebut {
	margin-top: 5px;
	margin-bottom: 5px;
	display: inline-block;
	font-size: 17px;
	font-weight: normal;
	height: 41px;
	padding-right: 10px;
	color: #666 !important;
	text-decoration: none;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px 4px;
	border-bottom-right-radius: 4px 4px;
	border-top-left-radius: 4px 4px;
	border-top-right-radius: 4px 4px;
	background-color: #E2E4E4;
}

a.whitebut:hover {
	color: #666 !important;
	text-decoration: none;
	padding-right: 10px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px 4px;
	border-bottom-right-radius: 4px 4px;
	border-top-left-radius: 4px 4px;
	border-top-right-radius: 4px 4px;
	background-color: #CCCCCC;
}

a.whitebut span {
    display: block;
    line-height: 14px;
    padding: 13px 0px 14px 10px;
}

a.whitebut:hover span {
    color: #000;
    padding: 13px 0px 14px 10px;
}

a.redbut {
	margin-top: 5px;
	margin-bottom: 5px;
	display: inline-block;
	font-size: 17px;
	font-weight: normal;
	height: 41px;
	padding-right: 10px;
	color: #FFF !important;
	text-decoration: none;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px 4px;
	border-bottom-right-radius: 4px 4px;
	border-top-left-radius: 4px 4px;
	border-top-right-radius: 4px 4px;
	background-color: #d37a56;
}

a.redbut:hover {
	color: #000 !important;
	text-decoration: none;
	padding-right: 10px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px 4px;
	border-bottom-right-radius: 4px 4px;
	border-top-left-radius: 4px 4px;
	border-top-right-radius: 4px 4px;
	background-color: #E28E4A;
}

a.redbut span {
    display: block;
    line-height: 14px;
    padding: 13px 0px 14px 10px;
}

a.redbut:hover span {
    color: #fff !important;
    padding: 13px 0px 14px 10px;
}

a.bluebut {
	margin-top: 5px;
	margin-bottom: 5px;
	display: inline-block;
	font-size: 17px;
	font-weight: normal;
	height: 41px;
	padding-right: 10px;
	color: #FFF !important;	
	text-decoration: none;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px 4px;
	border-bottom-right-radius: 4px 4px;
	border-top-left-radius: 4px 4px;
	border-top-right-radius: 4px 4px;
	background-color: #356480;
}

a.bluebut:hover {
	color: #000 !important;
	text-decoration: none;
	padding-right: 10px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px 4px;
	border-bottom-right-radius: 4px 4px;
	border-top-left-radius: 4px 4px;
	border-top-right-radius: 4px 4px;
	background-color: #4684A8;
}

a.bluebut span {
    display: block;
    line-height: 14px;
    padding: 13px 0px 14px 10px;
}

a.bluebut:hover span {
    color: #fff !important;
    padding: 13px 0px 14px 10px;
}


/* -------- 10. COMMENTS -------- */

.formcontainer{
	color: #888;
	font-size: 14px;	
}

#comments {
	padding-top: 15px;
	left: 0px;
	color: #CCC;
	float: left;
}

#comments-box {
	height: auto;
	width: 740px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px; 
	padding-right: 10px;
	background-image: url(images/patterns/pattern_1.png);
	background-repeat: repeat;
	margin-right: auto;
	margin-left: auto;
}

#comment{
	background-color: #FFF;
	color: #666;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 12px;
	padding-top: 5px;
	padding-left: 5px;
}

#comments li {
	position: relative;
	list-style-type: none;	
	margin-right: 300px;
	float: left;
}

#comment-notes {
	margin-bottom: 10px;
}

#comments img {	
	padding-top: 15px;
}

#comments-list {
	position: relative;
	margin-bottom: 25px;
	padding-top: 15px;
}

.comments {
	position: relative;
}

.comment-meta {
	font-size:10px
}

.comment-content {
	border: none;
	color: #666;
	margin-bottom: 20px;
	margin-top: 10px;
	position: relative;
	width: auto;
	height: auto;
	min-height: 15px;
	max-width: 400px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 20px;
	padding-top: 5px;
	font-size: 12px;
	background-color: rgba(243,244,254,1);
	line-height: 20px;
	padding-bottom: 1px;
}

.input {	
	border: none;
	color: #333;
	margin-top: 5px;
	margin-bottom: 20px;
	position: relative;
	width: auto;
	height: 30px;
	max-width: 550px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-position: 255;
	font-size: 14px;
	background-color: rgba(255,255,255,1);
	line-height: 26px;
}

.mes {	
	border: none;
	color: #333;
	margin-top: 5px;
	margin-bottom: 20px;
	position: relative;
	width: auto;
	height: 30px;
	max-width: 550px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-position: 255;
	font-size: 14px;
	background-color: rgba(255,255,255,1);
	line-height: 30px;
}

.avatar {
	width: 50px;
	height: 50px;
}

#submit {
	font-size: 13px;
	color: #292929;
	color: #ffffff;
	padding: 10px 20px;
	background: -moz-linear-gradient(
		top,
		#474d56 0%,
		#2c3033);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#474d56),
		to(#2c3033));
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	border: 1px solid #000000;
	-moz-box-shadow:
		0px 1px 1px rgba(000,000,000,0.5),
		inset 0px 1px 1px rgba(255,255,255,0.4);
	-webkit-box-shadow:
		0px 1px 1px rgba(000,000,000,0.5),
		inset 0px 1px 1px rgba(255,255,255,0.4);
	box-shadow:
		0px 1px 1px rgba(000,000,000,0.5),
		inset 0px 1px 1px rgba(255,255,255,0.4);
	text-shadow:
		1px -1px 0px rgba(000,000,000,1),
		0px 1px 0px rgba(255,255,255,0.3);

}

#comments-wrapper {
	position: relative;
	top: 25px;
	left: -20px;
	width: 780px;
	vertical-align: middle;
	background-color: rgba(255,255,255,1);	
	padding-bottom: 50px;
	margin-right: 10px;
	margin-bottom: 250px;
	float:left;
}

#login {
	margin-bottom: 10px;
}


#author, #email, #url {
	position: relative;
	padding: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 30px;
	width: 250px;
	margin-bottom: 15px;
	margin-top: 3px;
	background-color: rgba(243,244,254,1);
	font-family: Belgrano;
	font-size: 13px;
}

#comment {
	background-color: rgba(243,244,254,1);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 3px;
	margin-bottom: 10px;
}


#cycle-loader {
	height:32px;
	left:50%;
	margin:-8px 0 0 -8px;
	position:absolute;
	top:50%;
	width:32px;
	z-index:999;
}


/* -------- 11. FS BLOG -------- */
#maximage {
	display:none;
	position:fixed !important;
}
			
#cycle-nav {
	position:absolute;
	right:10px;
	top:10px;
}

#cycle-nav ul {
	list-style-type:none;
}

#cycle-nav ul li {
	border:1px solid #ffffcc;
	float:left;
	margin:4px;
}

#cycle-nav ul li a {
	background:#ffffcc;
	float:left;
	height:10px;
	margin:2px;
	width:10px;
}

#cycle-nav ul li.activeSlide {
	border:1px solid #ff6600;
}

/*Set my gradient above all images*/
#gradient {
	left:0;
	height:100%;
	position:absolute;
	top:0;
	width:100%;
	z-index:999;
}

/*Set my logo in bottom left*/
#logo {
	bottom:30px;
	height:auto;
	left:30px;
	position:absolute;
	width:34%;
	z-index:1000;
}

#logo img {
	width:100%;
}

#arrow_left, #arrow_right {
	bottom:60px;
	height:60px;
	position:absolute;
	right:30px;
	width:36px;
	z-index:1000;
}

#arrow_left {
	right:86px;
}

#arrow_left:hover, #arrow_right:hover {
	bottom:59px;
}

#arrow_left:active, #arrow_right:active {
	bottom:58px;
}

.in-slide-content {
color: #000;
float: left;
font-size: 60px;
font-weight: normal;
right: 0;
margin: 40px;
padding: 20px;
position: absolute;
top: 0;
width: 700px;
z-index: 9999; /* Show above .gradient */
}

.youtube-video {
	left:0;
	position:absolute;
	top:0;
}

/* --------- 12. WIDGETS ------------------ */

#searchform #s {
	font-size: 13px;
	width: 215px;
	height: 26px;
	padding: 2px;
	margin-bottom: 10px;
	color: #999;
	background: #EAEDED;
	border: 1px solid #CCCCCC;
	}

#searchsubmit {
	border: none;
	width: 93px;
	height: 23px;
	background-color: #EAEDED;
	border: 1px solid #CCCCCC;
	margin-bottom: 5px;
}
.widget {
	height: auto;
	width: 220px;
	float: left;
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #a4a5a5;
}
.widget-title {
	font-size: 16px;
	color: #769785;
}

.widget li {
	width: 100%;
}
.widget li li {
	margin-left: 15px;
	margin-top:5px;
}
.widget-post-title {
	font-size: 14px;
	position:relative;
	top: -20px;	
	margin-left: 10px;
}
.widget-post-date {
	font-size: 12px;
	position:relative;
	top: -20px;
	left: 84px;	
}
.widget-thumbnail{
	width: 69px;
	height: 69px;
	position: relative;
}
.widget ul,ol,li .widget {
	padding-left: 0px;
	display: block;
}
.flickr {
	height:auto;
	width:270px;
}
.flickr li {
	width: auto !important;
}
.flickr img{
	width: 69px;
	height: 69px;
	float: left;
	margin-top: 0px;
	margin-right: 6px;
	margin-bottom: 3px;
	margin-left: 0px;
	padding: 0px;
	-moz-box-shadow: 1px 1px 2px #949494;
	-webkit-box-shadow: 1px 1px 2px #949494;
	box-shadow: 1px 1px 2px #949494;
	}
	
.flickr ul,ol,li {
	list-style none;
	margin-left: 0px;
	display: block;
}
.flickr-more {
	position: relative;
	height: auto;
	margin-top: 3px !important;
	float: left;
}
.thumb-list {
	position: relative;
}
.thumb-list img{margin-bottom: -17px;}

/* Calendar Widget*/
#wp-calendar caption {width: 220px; text-align: center; background: #4b5d67; color: #fff; border-bottom: 2px solid #e6eef7;}
#wp-calendar { border-collapse:collapse; width: 156px; text-align: center;}
#wp-calendar thead tr {background: url(images/cal_bkg.gif) bottom right no-repeat;}
#wp-calendar thead th {background: url(images/cal_single.gif) top left no-repeat;}
#wp-calendar tbody td {background: url(images/cal_single2.gif) top left no-repeat; padding: 2px 0;}
#wp-calendar #today {background: url(images/cal_single_today.gif) top left no-repeat; color: #000;}
#wp-calendar tbody .pad { background: url(images/cal_pad.gif) top left no-repeat;}
#wp-calendar a {padding: 2px 0; font-weight: normal;}
#wp-calendar tfoot td {padding: 3px 0; background: url(images/cal_pad.gif) top left no-repeat;}
#wp-calendar #next {text-align: right; padding-right: 10px;}
#calendar_wrap {display: block; width: 157px; background: url(images/cal_bkg.gif) bottom right no-repeat; padding: 0 1px 1px 0;margin-top: 10px;}