/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/



body {
    background-color: #222222;
    font: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666666;   
}


#wrapper {
	background: url(http://www.3rdelement.com/images/header.jpg) no-repeat center top;
}

#header {
	clear:both;
	padding:15px 0;
	position:relative;
}

.archive_header {
    font: bold 1.0em "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    color:#ccc;
}

#respond h3 {
	margin-bottom:10px;
}

h1, h2, h3, h4, h5, h6 {
        font: 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#ccc;
	margin:0;
}


#content  {
        padding:0px;
}

#logo { 
        display:none; 
}


/*-------------------------------------------------------------------------------------------*/
/* Top Nav */
/*-------------------------------------------------------------------------------------------*/


#top-nav {
	font-size: 0.8em;
	background: #000;
    border-bottom: 1px solid #333;
}
#top-nav a {
	line-height:22px;
	color: #999;
	border-right: 0px solid #333;
	padding: 5px 10px;
}
#top-nav a:hover {
	color: #6699cc;
	text-decoration: underline;
}


#top-nav #top-nav li.current_page_item a, #top-nav li.current_page_parent a {
	color: #fff;
	text-decoration: underline;
}

#top-nav li ul li {
	background: none;
	border-top: 0px solid #414141;
}


/*-------------------------------------------------------------------------------------------*/
/* END OF TOP NAV */
/*-------------------------------------------------------------------------------------------*/

#main-nav {
         background:url("images/bg-mainnav.png") repeat-x scroll left bottom #555555;
         border:0 solid #DEE3E7;
         font:bold 0.9em "Trebuchet MS",Arial,Helvetica,sans-serif;
         margin-bottom:50px;
         margin-top:80px;
}

#main-nav li {
	border-right: 1px solid #222222;
}
#main-nav li ul {
	background: #FFF;
	border: 1px solid #333333;
	border-width:1px 1px 0;
}
#main-nav li ul li {
	background:#eee;
	border-top:1px solid #333333;
}
#main-nav li ul li a {
	padding: 0 10px;
	font-size: 12px;
	border-bottom: 0px solid #333333;
}
#main-nav li ul li a:hover {
	border-color: #ccc;
	background: #ccc;
}


#main-nav a:hover, #main-nav li.current_page_item a, #main-nav li.current_page_parent a {
	border-bottom-color:#336699;
	color:#fff;
	text-decoration:none;
}
#main-nav a {
	border-bottom:2px solid #999;
	color:#ccc;
	line-height:30px;
	padding:2px 20px 0px;
}


#main-nav a:hover, #main-nav li.current-cat a, #main-nav li.current-cat a {
        border-bottom-color:#3366cc;
        color:#99ccff;
        text-decoration:none;
}

.nav-entries, .wp-pagenavi, .post-entries {
	background:url("images/bg-mainnav.png") repeat-x scroll left bottom #FFFFFF;
	background: #333;
	border:0px solid #DEE3E7;
	font-size:0.8em;
	padding:7px 15px;
}
#respond h3 {
	margin-bottom:10px;
}

a:link, a:visited {
	color:#6699cc;
	text-decoration:none;
}



.archive_header {
        display:block;
        float:left;
        font: bold 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
        padding:0 0 10px;
        text-transform:uppercase;
        width:100%;
}

.archive_header .catrss a {
        font: bold 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
        text-decoration:none;
}


/*-------------------------------------------------------------------------------------------*/
/* POST */
/*-------------------------------------------------------------------------------------------*/


.post .title a:link, .post .title a:visited {
	color:#ccc;
	font-size:0.7em;
}
.post {
	margin:0 0 10px;
}
.post-entries {
	margin:0;
}
.post-meta span {
	color:#666;
}

#older-posts .older-item {
	border-bottom:1px solid #333333;
	border-top:1px solid #333333;
	border-collapse:collapse;
	float:left;
	font-size:0.8em;
	margin:0 20px -2px 0;
	padding:10px 0;
	width:300px;
}

#older-posts .older-item .info .title-old {
	font-weight: bold;
	font-size: 1.4em;
	line-height: 16px;
}

#older-posts .older-item .info .title-old a {
	color:#999999;
}

#recent-posts .post .heading {
       background:none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
       filter:alpha(opacity=70);
       font: bold 0.8em "Trebuchet MS", Arial, Helvetica, sans-serif;
       border-top: 1px dashed #999;
       border-bottom: 1px dashed #999;
       bottom:0;
       left:0;
       padding:15px;
       position:absolute;
       width:270px;
}


#recent-posts .post .heading h2 a {
        color:#FFFFFF;
        font: bold 0.8em "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#recent-posts {
        margin:0px -20px 10px 0;
}


input, textarea {
    border: 1px solid #000;
	padding:7px 0 5px 2px;
}

.entry p {
	margin:0 0 20px;
	padding-top:10px;
	color:#ccc;
}
.entry img, img.thumbnail {
	background:none repeat scroll 0 0 #111111;
	padding:1px;
}
element.style {
	font-size:0.8em;
}
/*-------------------------------------------------------------------------------------------*/
/* COMMENTS */
/*-------------------------------------------------------------------------------------------*/



#comments {
	margin:0;
	padding:10px 0 0;
	position:relative;
}

#comments h3 {
	font-size:1em;
}

#comments .reply {
	padding-top:2px;
}

#commentform label {
	display: block;
}

#commentform textarea {
	background:none repeat scroll 0 0 #333;
	padding:5px 7px;
	width:95% !important;
}
#commentform input.txt, #commentform textarea {
	border: 1px dashed #666;
	margin-top:25px;
}

#comments .comment .comment-container {
	border:1px solid #000;
	background: #333;
	padding:5px;
	position:relative;
}

#comments .comment-entry p {
    font: 0.9em "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0 0 10px;
	color:#999;
}

#comments .comment.thread-even .comment-container {
	background:none repeat scroll 0 0 #333333;
}

#comments .comment-head .date, #comments .comment-head .edit, #comments .comment-head .perma {
        font: 0.8em "Trebuchet MS", Arial, Helvetica, sans-serif;
        color:#666;
}


#comments .comment-head .name {
	font: 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;
	margin:0;
}
#comments .avatar img {
	background:none repeat scroll 0 0 #FFFFFF;
	margin:0;
	padding:1px;
	vertical-align:middle;
}

#commentform input.txt {
	background:none repeat scroll 0 0 #F4F4F4;
	margin:14px 0 0;
	padding:5px 7px;
	width:95% !important;
}


/*-------------------------------------------------------------------------------------------*/
/* 2.6 Older Posts */
/*-------------------------------------------------------------------------------------------*/


#older-posts {
	margin: 0 -20px 30px 0;
}
#older-posts h3 {
	margin: 0 0 20px 0;
}
#older-posts li {
	float: left;
	width: 300px;
	margin: 0 20px -1px 0;
	padding: 10px 0;
	border-top: 1px dashed #999;
	border-bottom: 1px dashed #999;
	background:#333;
}
#older-posts li img {
	float: left;
	margin: 0 10px 0 5px;
}
#older-posts li .info {
}
#older-posts li .info span {
	display: block;
}
#older-posts li .info .meta-old {
	color: #cccccc;
	font-size: 11px;
}
#older-posts li .info .title-old {
	font-weight: bold;
	font-size: 1em;
	line-height: 16px;
}
#older-posts li .info .title-old a {
	color: #cccccc;
}
#older-posts li .info .title-old a:hover {
	color: #000;
	text-decoration: none;
}


/*-------------------------------------------------------------------------------------------*/
/* WIDGETS */
/*-------------------------------------------------------------------------------------------*/


.widget {
	font-size:0.8em;
	margin:0 0 20px;
	background: #333;
}
.widget h3 {
	background:none repeat scroll 0 0 #555555;
	color:#FFFFFF;
	font-size:1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0 0 5px;
	padding:5px 0 5px 7px;
	position:relative;
}

.widget h3 span {
	position: absolute;
	left: 10px;
	top: 34px;
	display: block;
	width: 8px;
	height: 4px;
	background: url(images/bg-widget-h3.png) no-repeat left top;
	background:none;
}

.widget h3 span {
	position: absolute;
	left: 0px;
	top: 4px;
	display: block;
	width: 8px;
	height: 4px;
	background: url(images/bg-widget-h3.png) no-repeat left top;
	background:none;
}


.widget ul li {
	border-bottom:1px solid #222222;
	font-size:1em;
	line-height:12px;
	padding:3px 0 3px 10px;
}
.widget ul li a {
	color:#ccc;
	text-decoration:none;
}
.widget h3, input.s, .nav-entries, .wp-pagenavi, .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi .current, .wp-pagenavi .on, .wp-pagenavi a:hover, #comments .avatar, #commentform input.txt, #commentform textarea, .entry img, img.thumbnail {
	-moz-border-radius:0px 0px 0px 0px;
}
.widget_woo_flickr a img {
	border:1px solid #666;
	display:block;
	float:left;
	margin:0 0 8px 8px;
	padding:3px;
}


.widget_woo_flickr .flickr_badge_image {
        float:left;
        margin:2px;
}

.widget_woo_flickr {
	border-bottom:1px solid #333;
}

.widget_text .textwidget {
        border-bottom:0px solid #DFDFDF;
        padding:0px 1px 1px;
}


/*-------------------------------------------------------------------------------------------*/
/* WIDGET SEARCH BEGINS HERE*/
/*-------------------------------------------------------------------------------------------*/

.widget_woo_search form {
	border-bottom:1px solid #666;
	padding:5px;
}


.widget input.s {
	background-color:#EDEDED;
	border-color:#CCCCCC #EFEFEF #EFEFEF #CCCCCC;
	border-style:solid;
	border-width:1px;
	float:left;
	margin-right:5px;
	padding:5px 5px 5px 10px;
	width:45%;
}


.button, .button:visited, .reply a {
	-moz-border-radius:0px 0px 0px 0px;
	-moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.3);
	border-color:rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.3);
	border-style:solid;
	border-width:1px;
	text-shadow:1px 1px 0 #FFFFFF;
}


/*-------------------------------------------------------------------------------------------*/
/* WIDGET SEARCH ENDS HERE*/
/*-------------------------------------------------------------------------------------------*/



/*-------------------------------------------------------------------------------------------*/
/* WIDGETS END HERE */
/*-------------------------------------------------------------------------------------------*/


/*-------------------------------------------------------------------------------------------*/
/* SIDEBAR */
/*-------------------------------------------------------------------------------------------*/


#sidebar {
	overflow:hidden;
	width:200px;
}
/*-------------------------------------------------------------------------------------------*/
/* FOOTER */
/*-------------------------------------------------------------------------------------------*/

#footer {
	background:none repeat scroll 0 0 #0c0c0c;
	border-top:1px solid #333;
	color:#626262;
	font-size:12px;
	padding:5px 0 10px;
        margin-top:20px;
}

#footer p {
        float:left;
        margin:0;
}

#footer .footer-logo {
        float:left;
        margin:10px 30px 0 0;
        display:none;
}

#footer a {
	color:#ccc;
	text-decoration:none;
}

#footer a:hover {
	color:#fff;
	text-decoration:underline;
}



/*-------------------------------------------------------------------------------------------*/
/* 6. MISC */
/*-------------------------------------------------------------------------------------------*/

/* 6.1 Buttons */
.button, .button:visited, .reply a {
	font-weight: bold;
	background: url(images/alert-overlay.png);
	display: inline-block;
	padding: 5px 10px 6px;
	color: #424242 !important;
	text-decoration: none;
	border:none;
	position: relative;
	cursor: pointer;
}
.button, .button:visited, .reply a {
	background-color:#fff;
}
.button:hover, .reply a:hover {
	color: #000 !important;
	text-decoration:none;
}
.button:active, .reply a:active {
	top: 1px;
}
.small.button, .small.button:visited, .reply a {
	font-size: 10px;
	padding: 0 10px 0;
	text-transform:uppercase;
}
.button, .button:visited, .medium.button, .medium.button:visited {
	font-size: 13px;
	font-weight: bold;
	line-height: 1;
}
.large.button, .large.button:visited {
	font-size: 14px;
	padding: 8px 14px 9px;
}


/* 6.2 Info Boxes */
p.alert, p.download, p.info, p.note, p.tick {
	margin:10px 0 20px 0;
	padding:9px 10px 9px 50px;
}
p.alert {
	border-top:1px solid #f0baa2;
	border-bottom:1px solid #f0baa2;
	background:#ffd9c8 url(images/ico-alert.png) no-repeat 20px 13px;
}
p.download {
	border-top:1px solid #d4ebaf;
	border-bottom:1px solid #d4ebaf;
	background:#edfcd5 url(images/ico-download.png) no-repeat 20px 13px;
}
p.tick {
	border-top:1px solid #d4ebaf;
	border-bottom:1px solid #d4ebaf;
	background:#edfcd5 url(images/ico-tick.png) no-repeat 20px 13px;
}
p.info {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:#eee url(images/ico-info.png) no-repeat 20px 13px;
}
p.note {
	border-top:1px solid #efe3ae;
	border-bottom:1px solid #efe3ae;
	background:#fef6d2 url(images/ico-note.png) no-repeat 20px 13px;
}

/*-------------------------------------------------------------------------------------------*/
/* 6.3 Contact Form */
/*-------------------------------------------------------------------------------------------*/

#contact-page .screenReader {
	left: -9999px;
	position: absolute;
	top: -9999px;
}
#contact-page ol.forms {
	float:left;
	list-style:none;
	width:100%;
	margin:10px 0 0;
}
#contact-page ol.forms li {
	clear:both;
	float:left;
	margin-bottom:18px;
	position:relative;
	width:100%
}
#contact-page ol.forms label {
	cursor:pointer;
	display:block;
	float:left;
	font-weight:700;
	padding-right:20px;
	width:100px;
}
#contact-page ol.forms input.txt {
	width:214px;
}
#contact-page ol.forms input#sendCopy {
	border:none;
}
#contact-page ol.forms textarea {
	height:300px;
	width:400px;
}
#contact-page ol.forms li .error {
	font-size:12px;
	display:block;
	margin-left:120px;
	color:red;
}
#contact-page ol.forms li.textarea .error {
	display:block;
	margin-left:120px
}
#contact-page ol.forms li.screenReader {
	margin-bottom:0;
}
#contact-page ol.forms li.buttons .submit {
	margin: 15px 0 0 120px;
}
#contact-page ol.forms li.inline input {
	width:auto;
	margin-left:120px;
}
#contact-page ol.forms li.inline label {
	display:inline;
	float:none;
	width:auto;
}

div.wpcf7-mail-sent-ok  {
        border:1px solid #ccc;
}

div.wpcf7-response-output  {
        margin:0 0 1em;
        padding:0.2em 1em;
}