/* CSS Document */
/*
Theme Name:	    Twenty Eleven Child
Theme URI:      http://offpeakdesign.com/
Description:    Child theme for the Twenty Eleven theme 
Author:         David Liao
Author URI:     http://offpeakdesign.com/
Template:	    twentyeleven
Version:        0.1.0
*/

@import url(http://fonts.googleapis.com/css?family=Orbitron);
@import url("../twentyeleven/style.css");


/* Custom logo */
#site-title {padding: 2em 0 0}
h1#site-title a {
text-indent: -99999px; display:block; background: url(images/logo.png) left center no-repeat; height:78px; width:400px; line-height:normal; padding: 0px 0px 0px 0px;}

/* Main */
body {	background-image:url(images/textured_stripes.png);	background-repeat: repeat;}
#access {background:#663}
#secondary h3 {font-family: 'Orbitron', sans-serif; text-transform:uppercase; letter-spacing:.2em;}
.widget-title {font-size:15px; line-height:1.2em; font-weight:bold}
.widget-area {font-size:13px}
.tweet_list {border-bottom:solid 1px #ccc; font-size:12px !important; line-height:1.6em !important; padding: 15px 0 !important}
#branding #header-contact {position: absolute; right: 7.6%; text-align: right; top: 6.7em; display:block; padding: 5px 20px; background:#C60; color:#FFF;   
/* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 5px; 
/* Firefox 1-3.6 */
  -moz-border-radius:    5px; 
/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 5px;
  box-shadow:0 1px 2px rgba(0, 0, 0, 0.4); }
.mastphonenumber {font-size:16px; font-weight:bold; letter-spacing:.03em}
.home .entry-title {display:none}
.home #secondary {margin-top:450px}
.advanced-slider {margin-bottom:30px}
#access li:hover > a, #access a:focus {	color:#330;	background:#993}
.text-thumbnail-pointer .thumbnail-title {font-style:normal !important; font-size: 15px; font-weight:bold; color:#660}
.text-thumbnail-pointer .thumbnail.over .thumbnail-title, .text-thumbnail-pointer .thumbnail.select .thumbnail-title {text-decoration:none !important}
.text-thumbnail-pointer .thumbnail-description {font-size:14px;}
.entry-content h3, .comment-content h3 {letter-spacing:normal; line-height:normal;}
.page-template-sidebar-page-contact-php .widget-area img {}
.home #content h1 {	font-size:1.2em;	color:#C60}
.entry-title, .entry-title a {	color:#C60}
#content h2 {color:#666}
.contact-col1 {float:left; display:block; width:45%; margin-right:5%}
.contact-col2 {float:left; display:block; width:45%; margin-left:5%}
.page-template-fullwidth-page-php #content {width:84.8%; margin: 0 7.6% 0 7.6%}
.page-template-whitepage-page-php #content {width:84.8%; margin: 0 7.6% 0 7.6%}
.page-template-whitepage-page-php #access, .page-template-whitepage-page-php #supplementary, .page-template-whitepage-page-php #searchform {display:none}
.contact-face img {float:left;}
.contact-phone {font-size:14px;}
.contact-text {display:block; float:left; font-size:13px; width:250px; margin-bottom:30px;}
.widget-area ul {list-style:none}
.widget-area li a {display:block; border-bottom: 1px dotted #ccc; padding: 10px 0}
.widget-area li a:hover {text-decoration:none; color:#693}
#supplementary .widget-area li a {padding: 3px 0}
li.tweet_list a {border-bottom:none; padding:0}
.wpcf7-form {padding:10px 20px; border:solid 1px #CCC; background:#CC9;
/* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 5px; 
/* Firefox 1-3.6 */
  -moz-border-radius:    5px; 
/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 5px;
  box-shadow:0 1px 2px rgba(0, 0, 0, 0.4);}
.widget-area .cat-item-5 {display:none}
.contact-widget {font-size:16px; margin:0; color:#C60}
#secondary h3 {-webkit-hyphens: none;
-moz-hyphens: none;
hyphens: none;}
#content .gallery .gallery-icon img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	border: none;
	padding: 0;
}
img[class*="align"], img[class*="wp-image-"], #content .gallery .gallery-icon img {padding:0; border:none}
	
/* White Paper */

.whiteform-pagetext {float:left; width:45%; margin-right:5%}
.whiteform {float:left; width:45%; padding: 15px 20px; background-color:#CC9; margin-bottom: 20px}
.whiteform label {margin:5px 0; padding: 3px 0; float:left; clear:left;}
.whiteform input {margin:5px 10px 5px 0; float:right; clear:right;}
.whiteform input[type="submit"] {background-color:#F60; padding: 3px 5px; font-size:1.5em; font-weight:bold; color:#FFF }
.whiteform-pagetext h2 {font-size:1.2em;  }

	
/*collapsematic*/

.collapseomatic {background-image:url("images/arrow-right.png") !important; font-size:1.1em; font-weight:bold; display:block; clear:both; background-position:0px 21px; margin-top:15px; border-top:1px #CCC solid; text-decoration:none !important; padding-top:15px !important; padding-left:30px !important ; color:#999;}
.colomat-hover {color:#663}
.collapseomatic_content {margin-left:30px !important}
.colomat-close {background-image:url("images/arrow-down.png") !important; color:#663}


/* Category Post List */

.wp-cpl-sc-author {display:none}
.wp-cpl-sc-post .wp-cpl-sc-thumb {display:block; float:left; margin-right:20px}
.wp-cpl-sc-post h2, .wp-cpl-sc-post p {display:inline }
.wp-cpl-sc-post {display:block; float:left; margin-bottom:20px}
.wp-cpl-sc-comment {display:none}

/* Calendar */

.ai1ec-subscribe-buttons {margin-bottom:30px}
.ai1ec-calendar-title {display:none}
.widget-area .timely {float:left; margin-bottom:30px !important}

/* Post */
footer.entry-meta {display:none}
.category .page-title {display:none}

#sliderouterwrap {width:845px; height:400px; margin-bottom:30px}

/* =Responsive Structure
----------------------------------------------- */

@media (max-width: 1000px) {
	#sliderouterwrap {width:745px; height:353px; margin-bottom:30px}
	.advanced-slider .thumbnail-scroller {position:relative !important; left:0 !important; width:745px !important}
	.advanced-slider .visible-container {width:745px !important}
	.advanced-slider .container {left:0 !important}
	.advanced-slider .thumbnail-content {width:247px !important; height:140px !important}
	.advanced-slider .thumbnail-wrapper {width:247px !important; height:140px !important}
	}
@media (max-width: 900px) {
	#sliderouterwrap {width:645px; height:345px; margin-bottom:30px}
	.slider-main {height:200px !important}
	.advanced-slider .thumbnail-scroller {position:relative !important; width:645px !important}
	.advanced-slider .visible-container {width:645px !important}
	.advanced-slider .thumbnail-content {width:213.5px !important; height:160px !important}
	.advanced-slider .thumbnail-wrapper {width:213.5px !important; height:160px !important}
}
@media (max-width: 800px) {
	#sliderouterwrap {width:600px; height:284px; margin-bottom:30px}
	.advanced-slider .thumbnail-scroller {position:relative !important; width:600px !important}
	.advanced-slider .visible-container {width:600px !important}
	.advanced-slider .thumbnail-content {width:200px !important}
	.advanced-slider .thumbnail-wrapper {width:200px !important}
	
	}
@media (max-width: 650px) {
}	
@media (max-width: 450px) {
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	#sliderouterwrap {display:none}
	#branding #header-contact {top:150px}
	h1#site-title a {background: url(images/logo-mobile.png); width:200px; height:39px;}
	#branding #site-description {width:200px; margin: 0 0 80px 0;}
	
}
@media print {
}