/*
Theme Name: Ceatec
Description: Semantic, SEO Optimised, Custom Wordpress Theme for Ceatec
Author: WPcoder
Author URI: http://www.wpcoder.com
*/

/* Reset */
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,
h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre,
q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead,
tr, tt, ul, var {margin:0;padding:0;vertical-align:baseline}

/* Defaults */
:focus {outline:0}
a, a:visited {color:#727272}
a:hover {}
abbr, acronym, dfn {border-bottom:1px dotted;cursor:help}
blockquote {background:#EEE;border-left:2px solid #CCC;margin:0 0 1em}
blockquote p {margin:.5em}
body {background:#FFF;color:#727272;font:75%/125% Arial, Sans-Serif}
code, pre {font-size:1em}
del {text-decoration:line-through}
dfn {font-style:italic;font-weight:bold}
dt {font-weight:bold}
dd {margin:0 0 1em 10px}
fieldset {border:0}
fieldset p {margin:0 0 5px}
img {border:0;vertical-align:bottom}
ins {text-decoration:none}
h1 {font:bold 1.75em/1.25em Arial, Sans-Serif}
h2 {font:bold 1.5em/1.25em Arial, Sans-Serif}
h3 {font:bold 1.25em/1.25em Arial, Sans-Serif}
h4 {font:bold 1em/1.25em Arial, Sans-Serif}
hr {margin:0 0 0.5em}
p {margin:0 0 1em}
ul, ol {list-style:none;margin:0 0 1em}
textarea {font:1em Arial;overflow:auto}
tt {display:block;margin:0.5em 0;padding: 0.5em 1em}
th {background:#EEE;border:solid #CCC;border-width:1px 0 0 1px;padding:3px}
td {border:solid #CCC;border-width:1px 0 0 1px;padding:3px}
table {border:solid #CCC;border-width:0 1px 1px 0}

/* Containers */
#page {margin:20px auto;width:900px}

/* Header */
#header {overflow:hidden;padding:0 0 6px 0;width:100%}
#header #logo {color:#09C;float:left;font:italic bold 2.25em/1.2em Georgia, Garamond, Serif;margin:0 0 0 1px}
#header ul {background:url(images/nav-bg.png) left top no-repeat;clear:both;float:left;display:inline;height:46px;list-style:none;margin:0 0 0 1px;width:899px}
#header ul li {float:left;margin:6px 0 0 10px}
#header ul li a {color:#fff;float:left;font-weight:bold;height:40px;padding:0 0 0 21px;text-decoration:none}
#header ul li a span {float:left;height:30px;padding:7px 21px 3px 0}
#header ul li a:hover {background:url(images/nav-hover.png) left top no-repeat;color:#fff}
#header ul li a:hover span {background:url(images/nav-hover.png) right -40px no-repeat;color:#fff;cursor:pointer}

/*Company Header*/
#comp-header {clear:both;overflow:hidden;padding:0 0 15px;width:100%}
#comp-header #comp-logo {float:left}
#comp-header #photo {float:right}

/*Main*/
#main {overflow:hidden;width:100%}

/* Content*/
#content {float:right;overflow:hidden;padding:0 0 20px;width:603px}
#content ul {list-style:disc;margin:0 0 1em 18px}
#content ol {list-style:decimal;margin:0 0 1em 22px}
	
	/*Boxed Headers*/
	#content h1.boxed {background:url(images/headers-bg.png) left top no-repeat;color:#fff;font-size:1.165em;height:42px;line-height:37px;padding:0 486px 0 0;text-align:center;width:118px}
	
	/* Post */
	#content .post {border-bottom:1px solid #CCC;margin:0 0 25px}
	#content .post .meta {font-size:0.8em}
	#content .post h1 {border:0;margin:0}
	#content .sticky {background:#f5efca}

	/*Main post*/
	#main-post {
		height: 269px;
		margin: 2px 0 6px 0;
		overflow: auto;
		padding: 0 0 0 25px;
		width: 578px;
	}
	#main-post h1 {background:none;color:#000;font-size:1.5em;padding:0 0 14px 0;text-transform:uppercase}
	
	/*Videos*/
	#videos {
		clear: both;
		height: 1%;
		overflow: hidden;
		padding: 22px 0 39px 18px;
	}
	* html #videos {padding-bottom:17px}

		/*Featured Video*/
		#featured-vid {background:#a7a9ac;display:inline;float:left;margin:0 5px 0 0;padding:7px;position:relative;width:278px}
		#featured-vid h1 {background:url(images/h1-featured.png) left top no-repeat;bottom:8px;height:39px;line-height:33px;left:-6px;position:absolute;text-align:center;width:194px;z-index:500}
		#featured-vid .entry {position:relative;z-index:10}
		#featured-vid p {margin:0}
		
		/*Other Videos*/
		#small-videos {float:left;width:284px}
		/*#small-videos .vid-post {background:#a7a9ac;display:inline;float:left;margin:0 4px 11px 0;padding:4px;position:relative}*/
		#small-videos .vid-post {background:#a7a9ac;display:inline;float:left;margin:0 5px 0 0;padding:7px;position:relative}
		#small-videos .vid-post h2 {background:url(images/h2-videos.png) left top no-repeat;bottom:4px;font-size:.925em;height:18px;line-height:15px;left:-4px;position:absolute;text-align:center;width:91px;z-index:500}
		#small-videos .vid-post p {margin:0}
	
	/* News */
	#news {height:241px;width:593px;margin:10px 0 0 10px;overflow:auto}
	/*#news {font-size:1.2em}*/
	#news em {font-size:.82em;font-style:normal}
	#news h2 {color:#000;font-size:1.25em;margin:-15px 0 0;text-transform:uppercase}

/* Pagination */
#content ul#prev-next {list-style:none}
#content ul#prev-next #prev {float:left}
#content ul#prev-next #next {float:right}

/* Sidebar */
#sidebar {float:left;padding:0;width:297px}
#sidebar ul {list-style:none;margin:0 0 1em 0}
#sidebar .box {background:url(images/divider.png) right top no-repeat;overflow:hidden;padding:0 6px 0 6px;height:241px;width:285px}
#sidebar .box-top {background:url(images/divider.png) right top no-repeat;overflow:hidden;padding:0 6px 0 6px;height:262px;width:285px}
#sidebar .box ul#blogroll {
	float: left;
	list-style: none;
	padding: 0 0 53px 0;
}
#sidebar .box ul#blogroll li {clear:both;float:left;line-height:27px;position:relative}
#sidebar .box ul#blogroll li a {color:#727272;float:left;height:27px;line-height:27px;padding:0 0 0 3px;text-decoration:none;width:147px}
#sidebar .box ul#blogroll li a:hover {background:url(images/blogroll-bg.png) left center no-repeat}
#sidebar h3 {background:url(images/sidebar-headers.png) left top no-repeat;color:#fff;font-size:1.135em;height:42px;line-height:37px;margin:16px 0 7px;padding:0 167px 0 0;text-align:center;width:118px}
#sidebar h3.less-margin {margin:11px 0 7px}

	/*Social-Top*/
	#sidebar .box-top ul#social {
		clear: both;
		list-style: none;
		padding: 0;
		margin-left: 48px;
	}
	#sidebar .box-top ul#social li {float:left;margin:0 8px 0 0}
	#sidebar .box-top ul#social li a {float:left;height:37px;overflow:hidden;position:relative;width:37px}
	#sidebar .box-top ul#social li a span {background:url(images/social-icons.png) left top no-repeat;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}

	/*Social*/
	#sidebar .box ul#social {clear:both;list-style:none;padding:0}
	#sidebar .box ul#social li {float:left;margin:0 8px 0 0}
	#sidebar .box ul#social li a {float:left;height:37px;overflow:hidden;position:relative;width:37px}
	#sidebar .box ul#social li a span {background:url(images/social-icons.png) left top no-repeat;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}
	
	/*IRs -Top*/
		#sidebar .box-top ul#social li#flickr a span {background:url(images/social-icons.png) left top no-repeat;}
		#sidebar .box-top ul#social li#twitter a span {background:url(images/social-icons.png) -37px top no-repeat;}
		#sidebar .box-top ul#social li#youtube a span {background:url(images/social-icons.png) -74px top no-repeat;}
		#sidebar .box-top ul#social li#delicious a span {background:url(images/social-icons.png) -111px top no-repeat;}
		#sidebar .box-top ul#social li#digg a span {background:url(images/social-icons.png) -148px top no-repeat;}
		#sidebar .box-top ul#social li#facebook a span {background:url(images/social-icons.png) right top no-repeat;}
	
		/*IRs*/
		#sidebar .box ul#social li#flickr a span {background:url(images/social-icons.png) left top no-repeat;}
		#sidebar .box ul#social li#twitter a span {background:url(images/social-icons.png) -37px top no-repeat;}
		#sidebar .box ul#social li#youtube a span {background:url(images/social-icons.png) -74px top no-repeat;}
		#sidebar .box ul#social li#delicious a span {background:url(images/social-icons.png) -111px top no-repeat;}
		#sidebar .box ul#social li#digg a span {background:url(images/social-icons.png) -148px top no-repeat;}
		#sidebar .box ul#social li#facebook a span {background:url(images/social-icons.png) right top no-repeat;}
		
	/*Photo Galleries*/
	#sidebar .widget_text {
		background: url(images/photo-divider.png) right 62px no-repeat;
		overflow: hidden;
		padding: 0 6px 21px 6px;
		width: 285px;
	}
	#sidebar .widget_text .box {background:none;height:245px;padding:18px 0 0;}
	
	/*Contact form*/
	#sidebar form {
		/*background: url(images/photo-divider.png) right 10px no-repeat;*/
		overflow: hidden;
		padding: 0 6px 11px 6px;
		width: 285px;
		font-size: 11px;
		line-height: 11pt;
	}
	#sidebar form fieldset p {color:#231f20;margin:0 0 1em}
	#sidebar input {background:#fff;border:3px solid #a7a9ac;margin:0 0 4px;padding:4px 10px;width:244px}
	#sidebar input#state {float:left;margin:0 2px 4px 0;width:108px}
	#sidebar input#zip {float:left;margin:0 0 4px;width:108px}
	#sidebar button#submit {
		background: #a7a9ac;
		border: 0;
		color: #fff;
		float: right;
		margin: 0 15px 0 0;
		text-align: center;
		width: 114px;
		padding: 3px;
	}
	#sidebar select {background:#fff;color:#333;border:2px solid #a7a9ac;margin-bottom:6px;}

/* Footer */
#footer {border-top:8px solid #a7a9ac;clear:both;height:1%;margin:1px 0 0;padding:5px 10px;overflow:hidden;width:880px}
#footer ul {list-style:none;position:relative;text-align:center}
#footer ul li {background:url(images/footer-divider.png) left center no-repeat;display:inline;padding:0 25px 0 27px}
#footer ul li.first {background:none}
#footer ul li a {text-decoration:none}

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

/* Legacy Comments */
#comments #commentlist {list-style:none;margin:0 0 1em;padding:0;text-align:justify}
#comments #commentlist li {list-style:none;margin:15px 0 3px;padding:5px 10px 3px}
#comments #commentlist li.alt {background:#EEE}
#comments #commentlist li .avatar {background:#fff;border:1px solid #eee;float:right;padding:2px}
#comments #commentlist cite, #commentlist cite a {font-style:normal;font-weight:bold}
#comments #commentlist p {margin:10px 5px 10px 0}
#comments #commentmetadata {font-weight:normal}
#comments #commentform input.input {border:1px solid #CCC;font-size:1.1em;margin:5px 5px 1px 0;padding:2px;width:170px}
#comments #commentform input.input:hover {background:#EEE}
#comments #commentform textarea {border:1px solid #CCC;padding:2px;width:98%}
#comments #commentform textarea:hover {background:#EEE}
#comments #commentform #submit {}
#comments #commentform p {margin:0 0 .5em}
#comments #allowed-tags strong {display:block}
#comments .nocomments {margin:0;padding:0;text-align:center}
#comments .commentmetadata {display:block;margin:0}

/* 2.7+ Comments */
#comments_wrap ol {list-style:none}
#comments_wrap ol li {border-bottom:1px solid #CCC;margin:0 0 5px}
#comments_wrap .commentmetadata {margin:0 0 10px}
#comments_wrap .comment-author {border-bottom:1px solid #CCC;width:100%;overflow:hidden;padding:0 0 3px;line-height:32px;}
#comments_wrap .comment-author img {float:left;margin:0 10px 0 0}
#comments_wrap .comment-author cite {font-weight:bold}

/* Captions */
.wp-caption {background:#f3f3f3;border:1px solid #ddd;border-radius:3px;khtml-border-radius:3px;margin:10px;moz-border-radius:3px;padding-top:4px;text-align:center;webkit-border-radius:3px}
.wp-caption img {border:0 none;margin:0;padding:0}
.wp-caption p.wp-caption-text {font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}

#legal {
	color: #333;
	font-size: 10px;
	text-align: center;
	margin-top: 20px;
}