/*   
Theme Name:Organik
Author: Organiksoft
Author URI: http://organiksoft.com/web-development/
Description: Responsive two column theme with built in slider.Can be easily adapted for personal blog or any other topic with custom menu, custom header and social share button (facebook, twitter, youtube).
Version: 1.0.2
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Copyright: Organik WordPress theme, Copyright (C) 2013 Organiksoft  Organik WordPress theme is licensed under the GPL.
Tags: light, green, orange,two-columns,custom-header,custom-background,theme-options

************************************************************************

/*  -------------------------------------------------------------- 
                    GENERAL STRUCTURE
-------------------------------------------------------------- */

body {
	font-size: 14px;
	line-height: 1;
	font-family:'Open Sans', 'Helvetica', 'Segoe', sans-serif;
}
#wrapper {
	display: block; 
	max-width: 1040px; 
	margin: 2em auto;
	background: #E9DAB9;
}
	
#container {
	float: left;
	width: 100%;
	margin-top: 40px;
	margin-right: -26.4%;
	margin-bottom: 10px;
	margin-left: 0;
	}


#content {
width: 600px;
margin: 0 34% 0 7.6%;
}



#colophon {
	clear: both;
	display: block;
	width: 100%;
}
.screen-reader-text,
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
}

.alignright {
	display: inline;
	float: right;
}

.aligncenter {
	display: block;
	margin: 0 auto;
}


/*--------------------------------------------------------------
                  GLOBAL STYLES  
-------------------------------------------------------------- */

em {	
	font-style: italic;
}

strong {
	font-weight: 600;
	
}


.right {
	float: right;
}

.left {
	float: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {margin: 1em 0 0.5em 0;
}

h1 {
	font-size: 2em;	
}

h2 {
	font-size: 1.8em;
}

h3 {
	font-size: 1.6em;
}

h4 {
	font-size: 1.4em;
}

h5 {
	font-size: 1.2em;
}

h6 {
	font-size: 1em;
}

ol {
	list-style-type: none;
}
dt {
	font-weight:bold;
	margin-top:10px;
}
li {
	margin-bottom:5px;
}
ol li {
	list-style-type:decimal;
}
ol li ol li {
	list-style-type: lower-alpha;
}
ol li ol li ol li {
	list-style-type:lower-roman;
}
ul li {
	list-style-type:disc;
}
ul li ul li {
	list-style-type:circle;
}
ul li ul li ul li {
	list-style-type: square;
}
small {
	font-size:.8em;
}
abbr {
	cursor:help;
	letter-spacing:.01em;
	text-decoration:none;
}
a abbr {
	text-decoration:none;
	border-bottom:none;
}
blockquote {
	min-height:60px;
	margin:0;
	padding:5px 0 0 63px;
}
blockquote cite {
	display:block;
	padding-bottom:15px;
	font-size:.86em;
	font-style:normal;
}
q {
    font-style:italic;
}
q:before, q:after {
    content:"";
}
ins {
	padding:0 2px;
	text-decoration:none;
}
pre,
code,
tt,
kbd,
var {

	font-size:1.05em;
}
pre {
	overflow:auto;
	white-space:pre;
	padding:3px 5px 12px;
	line-height:20px;
}
address {
	font-style:normal;
}
form {
	margin:20px 0;
	padding:0;
}
fieldset {
	margin:5px;
	padding:10px;
	border:none;
}
fieldset fieldset { 
	margin-top:15px;
}
legend {
	margin:0 0 0 -10px;
	padding:2px 5px;
}
input,textarea,select {
	padding:1px 2px;
	font-size:1em;
	max-width:100%;
}

table {
	border-collapse:collapse;
}
th,td {
	padding:3px;
}
p {
	font-size: 0.9em;
	line-height: 1.3em;
	margin: 0 0 1em 0;
}

a:link{
	color: #EA7500;
	text-decoration: underline;
}
a:visited {
	color:#AA5500;
	text-decoration: underline;
}

a:hover,
a:focus {
	color: #D76B00;
}
table {
	border-bottom: 1px solid #78A600;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 14px;
	line-height: 2;
	margin: 0 0 20px;
	width: 100%;
}
caption,
th,
td {
	font-weight: normal;
	text-align: center;
}

caption {
	font-size: 16px;
	margin: 0px;
}

th {
	font-weight: bold;
	text-transform: uppercase;
}

td {
	border-top: 1px solid #78A600;
	padding: 6px 10px 6px 0;
}

del {
	color: #CC3333;
}

ins {
	background: #F1FAFF;
	text-decoration: none;
}

pre {
        word-wrap: break-word;
	background: #F1FAFF;
	text-decoration: none;
}

/*-----------------------------------------------------------------
                    SOCIAL MEDIA 
------------------------------------------------------------------*/

#social-media {
	display: inline-block;
	width: 39%;
        margin-left: 600px;
	text-align: right;
	vertical-align: bottom;
	padding-bottom: 0px;
}
	#social-media a {
		background-color: #e68b2b;
		width: 30px;
		height: 29px;
		display: inline-block;
		border-radius: 50%;
               margin-top:-90px;
		margin-left: 5px;
		margin-bottom: 8px;
		text-indent: 9999px;
		outline: none;
		background-repeat: no-repeat;
		background-position: center center;
		vertical-align: top;
		overflow: hidden;
	}
	
		
	
	#social-media a.social-fb {
		background-image: url(images/icon-fb.png);
	}
	
	#social-media a.social-tw {
		background-image: url(images/icon-tw.png);
	}
	
	
	#social-media a.social-yt {
		background-image: url(images/icon-yt.png);
	}
	
	
/* -------------------------------------------------------------- 
                  HEADER
-------------------------------------------------------------- */

#site-header {
position: relative;
}

#header-image {
	height: 200px;
}

#site-title  {
    padding-top:20px;
	padding-left: 60px;
}

#site-title a {
	font-size: 1.9em;
	font-weight: 700;
	margin: 0;
	font-family: 'Open Sense';
    text-decoration: none;
}

#site-description {
	font-size: 0.9em;
	font-weight: bold;
	text-transform: uppercase;
	color: #990000;
	margin-top: 0.3em;
	margin-bottom: 0.2em;
    padding-left: 80px;    
}

#header-title.header-image-true {
	width: 100%;
	margin-top: -180px;
}


/* --------------------------------------------
       HEADER MENU
----------------------------------------------*/

#holder {
	clear: both;
	display: block;
	float: left;
        width:100%;
	background-color:#78A600;
        margin-top:-17px;
}

#navmenu ul {
        font-size: 1.1em;
	font-weight: 100;
	list-style: none;
	margin: 0;
	padding-left: 5px;
}

#navmenu li {
        list-style-type: none;
	float: left;
	position: relative;
}
	
#navmenu a {
	display: block;
	text-decoration:none;  
	padding: 4px 20px 4px 20px; 
	color: #CC3333;
}

#navmenu ul ul {
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	display: none;
	float: left;
	position: absolute;
	top: 1.4em;
	left: 0;
	z-index: 99999;
}
#navmenu ul ul ul {
	left: 100%;
	top: 0;
}
#navmenu  ul ul a {
	width: 200px;
}
#navmenu ul ul li {
	background-color:#78A600;
	list-style: none;
}
#navmenu ul :hover > a {
color:#E9DAB9;
}
#navmenu ul:hover > a {
}
#navmenu ul ul :hover > a {
color:#E9DAB9;
}
#navmenu ul ul a:hover > a {
}
#navmenu ul li:hover > ul {
	display: block;
}
#navmenu li.current_page_item a,
#navmenu li.current-menu-item a {
}
/*---------------------------------------------
                 SLIDER
-----------------------------------------------*/
slider-wrapper {
  margin: auto;
  margin-top: 15px;
}
.slide-title {
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
  color: #ddd;
}
.nivo-caption {
  max-width: 550px;
  min-width: 200px;
  overflow: hidden;
  bottom: 15px;
  left: 10px;
}
.nivo-html-caption {
  display: none;
}
div.slide-title {
  font-size: 36px;
  display: block;
}
div.slide-description {
  font-family: Helvetica, Arial, sans-serif;
}
@media screen and (max-width: 768px) {
  div.slide-title {
    font-size: 18px;
  }
  div.slide-description {
    font-size: 13px;
  }
}

/*---------------------------------------------
              SIDEBAR
----------------------------------------------*/
#sidebar {
	width: 200px;
	float: right;
	margin-top: 80px;
}

#sidebar .widget-title {
	font-size: 1.3em;
	font-weight: 100;
	text-transform: uppercase;
	margin-top: 0px;
      margin-left:10px;
	line-height: 1.3em;
	word-wrap: break-word;
	color: #78A600;
}

#sidebar .children {
	margin-left: 0.5em;
	padding: 0!important;
	float: none;
}

#sidebar ul {
	list-style-image: url(images/bullet.png);
}

#sidebar ul li a {
	text-decoration: none;
         padding: 10px 0;
	font-size: 90%;
}


.sidebar .widget {
	margin-bottom: 20px;
	display: block;
}

ul.sidebar {
	float: right;
	margin: 0;
	list-style: none;
	display: block;
	padding: 15px 30px 0px 0px;
	font-size: 14px;
	line-height: 18px;
}
ul.sidebar ul {
	padding-left: 10px;
}
/*------------------------------------------------------------
               POST AND PAGES
--------------------------------------------------------------*/
a.more-link {
	float: right;
}
.archives-title {
	font-family: 'Cutive', serif;
	font-size: 31px;
	color: #09F;
	text-shadow: 2px 2px 0 #D5CAAD;
	line-height:40px;
}
.entry {
	overflow: hidden;
	word-wrap: break-word;
	width: 100%;
	clear: both;
}
small {
	text-transform: uppercase;
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 5px;
	color: rgb(215, 107, 0);
}
hr,
hr.divider {
	max-width:100%;
	height: 36px;
	background:url(images/divider.png) no-repeat;
	border:none;
	margin-bottom: 25px;
}

.navigation {
	clear: both;
	width: 97%;
	display: inline-block;
	padding: 0px 15px 15px 15px;
}
.navigation .alignleft,
.navigation .alignright {
	width: 50%;
}
.navigation .alignright {
	text-align: right;
}
.page-template-page-nosidebar-php .content {
	width: auto;
}
.page_title {
	font-family: 'Cutive', serif;
	font-size: 25px;
	padding: 0px;
	margin: 0px 0px 5px 0px;
	line-height: normal;
        text-decoration: none;
	position: relative;
	font-weight: normal;
	word-wrap: break-word;
}
.page_title,
.page_title a:link,
.page_title a:visited,
.page_title a:hover,
.page_title a:active {
	color: #78A600;
	margin: 20px 0px 10px 0px;
	font-weight: normal;
	text-shadow: 2px 2px 0 #D5CAAD;
}
.page .page_title {
	margin-bottom: 10px;
}
.post {
	clear: both;
	margin: 0px;
	padding: 0px;
}
.postmetadata {
	font-size: 14px;
	color: #78A600;
	padding-top: 2px;
}
.postdate {

	font-size: 12px;
	color: rgb(215, 107, 0);
	}
	
img.post-thumbnail, .attachment-post-thumbnail {
	float:left;
	margin:16px 10px 10px 16px;
	width:160px;
	height:120px;
}

.sticky {
	
}

/*------------------------------------------------------------
        ALIGMENT
--------------------------------------------------------------*/
.aligncenter {
	margin: 0px auto 0px auto;
	display:block;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.clear {
	clear: both;
	width: 100%;
}
/* End Alignment */



/* Recent Comments widget */


.recentcomments {
	font-size: 90%;
	padding: 10px 0;
}

.recentcomments a {
	font-size: 100%!important;
}

.recentcomments a:hover,
.recentcomments a:focus {
	text-decoration: underline;
}

.textwidget {
	padding: 10px 0 0 0;
	line-height: 1.3em;
	font-size: 0.9em;
}

.textwidget p {
	font-size: 100%;
}
/*Search*/
.widget {
	display: block;
}
#sidebar .widget_search {
	overflow: hidden;
}
#sidebar .widget_search input {
	float: left;
}
.searchform .search-input {
	width: 40%;
	margin: 0 2px 5px 0;
	padding: 10px 8px;
	background-color: #efefef;
	border: 1px solid #dcdcdc;
}
.searchform .search-input:hover, #searchform .search-input:focus, #searchform .search-input:active {
	background-color:#fff;
}
.searchsubmit {
	background: #78A600;
	border: none;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	color: #eee;
	cursor: pointer;
	font-size: 14px;
	font-weight:bold;
	padding: 3px;
	margin-left:4px;
	position: relative;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}




/* ----------------------------------------------------------
                       CALENDAR
--------------------------------------------------------------*/
#wp-calendar {
width: 100%;
}
#wp-calendar caption {
	font-family: 'Cutive', serif;
	font-size: 18px;
	color: #F97C00;
	margin-bottom: 5px;
}
#wp-calendar td {
	border: 0px none;
	text-align: center;
	padding: 2px;
	font-size: 14px;
}
#wp-calendar th {
	text-align: center;
	padding: 2px;
	background-color:#78A600;
	color: #fff;
}
#prev {
	text-align: left;
}
#next {
	text-align: right;
}

/*-----------------------------------------------------------
                 IMAGES
--------------------------------------------------------------*/
.entry img {
	max-width: 100%;
	height:auto;
}
#entry-content img,
img.size-full {
	max-width: 100%;
	width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
}
img.aligncenter {
	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;
}	
a img {
	border: none;
	margin-top: 1em;
        max-width:100%;
        height:auto;
}
p img {
	margin-bottom: 1em;
        max-width: 100%;
}
img.size-full,
img.size-large,
img.wp-post-image {
border: none;
	margin-top: 1em;
	height: auto;
	max-width: 100%;
}
/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}

/*-------------------------------------------------------------
                CAPTION
--------------------------------------------------------------*/
dd.wp-caption-text {
	font-size: 11px;
}
.wp-caption {
	text-align: center;
	padding-top: 4px;
	margin: 10px;
	border-radius: 3px;
	max-width: 640px;
}
.wp-caption.aligncenter {
	margin-left: auto;
	margin-right: auto;
}

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

.wp-caption-text {
	text-align: center;
}
/* -----------------------------------------------------------
                        GALLERY
--------------------------------------------------------------*/
#gallery {
	margin: auto;
	clear: both;
	position: relative;
}			
#gallery img {
	border: 2px solid #A3604D;
}
#gallery .gallery-caption {
	margin-left: 0;
}
.attachment-thumbnail {
	border: solid 3px #A3604D;
}

/*--------------------------------------------------------------
                         COMMENT 
--------------------------------------------------------------*/
.alt,
tr.alternate {
	background-color: rgba(51,51,51,.05);
}
.avatar {
	float: right;
	margin: 0px 0px 10px 10px;
	border-radius: 5px;
}
.bypostauthor {
	background-color: #efecd9;
}
cite.fn a {
	font-style: normal;
}
#commentform .form-allowed-tags {
	color: #666;
	font-size:11px;
}
.commentmetadata,
.commentmetadata a:link,
.commentmetadata a:visited,
.commentmetadata a:hover,
.commentmetadata a:active {
	text-transform: uppercase;
	font-size: 12px;
	margin-bottom: 5px;
	color: #666;
	font-weight: normal;
}
h3#comments {
	font-family: 'Cutive', serif;
	font-size: 21px;
	color: #09F;
	text-shadow: 2px 2px 0 #D5CAAD;
}
.commentlist  li.comment {
		list-style-type: none;
         font-size: 11px;
		margin: 0 auto 1.625em;
		padding: 1.625em;
		position: relative;
		width:auto;
                height:auto;
}

li.comment,
li.trackback,
li.pingback {
	padding: 10px;
}
.says {
	font-style: italic;
}
.comment-reply-link {
	font-size:11px;
}

/* ----------------------
             FORM
------------------------ */

#respond {
	margin: 0 auto 1.625em;
	padding: 22px 20px 50px 20px;
	position: relative;
	width: 80%;
	background-color: #f9f9f9;
	border: solid  #78A600 1px;	
	
}

#respond input[type="text"],
#respond textarea {
	background: #fff;
	border: 2px solid #78A600;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	-moz-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	position: relative;
	padding: 10px;
	text-indent: 80px;
}

#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url,
#respond .comment-form-comment {
	position: relative;
}

#respond .comment-form-author label,
#respond .comment-form-email label,
#respond .comment-form-url label,
#respond .comment-form-comment label {
	background: #78A600;
	-webkit-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	-moz-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	color: #fff;
	display: inline-block;
	font-size: 13px;
	left: 2px;
	min-width: 60px;
	padding: 4px 10px;
	position: relative;
	top: 38px;
	z-index: 1;
}

#respond input[type="text"]:focus,
#respond textarea:focus {
	text-indent: 0;
	z-index: 1;
	border-color:#78A600;
}

#respond textarea {
	resize: vertical;
	width: 95%;
}

#respond .comment-form-author .required,
#respond .comment-form-email .required {
	color: #D5CAAD;
	font-size: 22px;
	font-weight: bold;
	left: 430px;
	position: absolute;
	top: 1px;
	z-index: 1;
}

#respond .comment-notes,
#respond .logged-in-as {
	font-size: 13px;
color:#78A600;
}

#respond p {
	margin: 10px 0;
}

#respond .form-submit {
	float: right;
	margin: -20px 0 10px;
}

#respond input#submit {
	background: #78A600;
	border: none;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	color: #eee;
	cursor: pointer;
	font-size: 15px;
	font-weight:bold;
	margin: 20px 0;
	padding: 5px 30px 5px 22px;
	position: relative;
	left: 1px;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}

#respond input#submit:active {
	background: #1982d1;
	color: #bfddf3;
}

#respond #cancel-comment-reply-link {
	color: #666;
	margin-left: 10px;
	text-decoration: none;
}

#respond .logged-in-as a:hover,
#respond #cancel-comment-reply-link:hover {
	text-decoration: underline;
}

.commentlist #respond {
	margin: 1.625em 0 0;
	width: auto;
}

#reply-title {
	color: #78A600;
	font-size: 24px;
	font-weight: bold;
	line-height: 30px;
	margin: 0;
}

#cancel-comment-reply-link {
	color: #78A600;
	display: block;
	font-size: 10px;
	font-weight: normal;
	line-height: 2.2em;
	letter-spacing: 0.05em;
	position: absolute;
	right: 1.625em;
	text-decoration: none;

	text-transform: uppercase;
	top: 1.1em;
}

#cancel-comment-reply-link:focus,
#cancel-comment-reply-link:active,
#cancel-comment-reply-link:hover {
	color: #ff4b33;
}

#respond label {
	line-height: 2.2em;
}

#respond input[type=text] {
	display: block;
	height: 24px;
	width: 75%;
}

#respond p {
	font-size: 12px;
}

p.comment-form-comment {
	margin: 0;
}
/*-----------------------------------------------------------
                    FOOTER
--------------------------------------------------------------*/
#colophon {
	padding: 0;
	color: #FFFFFF;
	font-size: 1em;
	background-color: #E9DAB9;
}

#footer-content {
	margin: 0;
	padding: 20px 50px;
	text-align: center;
	font-size: 90%;
	background-color: #78A600;

}

#colophon a:link,
#colophon a:visited {
	color: #333;
	text-decoration: none;
}

#colophon a:hover,
#colophon a:focus {
	text-decoration: underline;
}
/*---------------------------------------------------
Responsive CSS
-----------------------------------------------------*/
@media only screen
and (min-width : 720px ) and (max-width : 1039px) {

	#wrapper, .row, #site-header {
		max-width: 720px;
	}
#content {
		max-width: 60%;
		padding: 3% 4%;
	}
#navmenu a {
	
	padding: 4px 15px; 

}
	#sidebar {
		max-width: 18%;
	}
#sidebar .widget {
padding: 8% 7%;
margin-bottom: 10px;
	}
#social-media {
margin-left: 400px;
}
hr,
hr.divider {
height: 16px;
background:none;
border-bottom: 1px solid #78A600;
}
}
@media only screen
and (max-width : 719px ) {
	
#wrapper {
max-width: 100%;
}
#content {
width:80%;
}
#sidebar {
		float: right;
		overflow: inherit;
		max-width: 16%;
		margin: 0;
	}

#wp-calendar {
	margin: 0 -50px 40px;
	
}
ul.sidebar ul {
	padding-left: 7px;
}
#sidebar .widget-title {
    font-size: 1.1em;
}
#sidebar ul li a {
    font-size: 85%;
}

#header-title {
		margin-left: 0;
		width: 100%;
		float: none;
	}
#social-media {
        margin-left: 250px;
}
#navmenu a {
	
	padding: 4px 10px; 
}
#navmenu ul ul a {
    width: 150px;
}
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.wp-caption {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}

img.aligncenter,
.wp-caption.aligncenter {
	margin: 0 auto 1.5em auto;
	max-width: 100%;
	height: auto;
}
.video {
	margin: 0 0 1em 0;
}

video {
	width: 100%;
	height: auto;
}

}


@media only screen
and (max-width : 360px ) {
body{
font-size:12px;
}
#wrapper,#conteiner{
max-width: 360px;
}
#site-title a {
font-size: 1.4em;
margin-left:-20px;
}
#site-description {
margin-left:-20px;
}
#holder{
margin-top:-32px;
}
#navmenu ul ul a {
    width: 100px;
}
#sidebar {
max-width:80%;
		margin: 0 4% 0 4%;
	}

#social-media {
        margin-left: 170px;
margin-top:20px;

}
.commentlist  li.comment {
	
         font-size: 10px;
		margin: 0 auto 0.125em;
		padding: 0.425em;
		position: relative;
		width:auto;
                height:auto;
}
.commentmetadata, .commentmetadata a:link, .commentmetadata a:visited, .commentmetadata a:hover, .commentmetadata a:active {
    font-size: 10px;
}
hr,
hr.divider {
height: 10px;
	 background:none;
	border-bottom: 1px solid #78A600;

}

@media only screen
and (max-width : 320px ) {
#wrapper{
max-width: 320px;
}
#respond{
max-width:60%;
margin: 0 0.125em 0.125em 0;
}	
#sidebar {
		margin: 0 4% 0 2%;
	}
	
} /* END max-width : 320px */