/* ****************************************************************************************************************************** HTML: Reset ** */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent}

/* ****************************************************************************************************************************** HTML: Global ** */
body 		{font-family:Arial, Helvetica, sans-serif; color:#333; margin:0; padding:0; background-color:#fff}

table		{border-collapse:collapse}
table td	{vertical-align:top; text-align:left}

p 			{margin:0; padding:6px 0; line-height:1.6em; font-family:Verdana, Arial, Helvetica, sans-serif; color:#555}
a,
a:visited,
a:hover		{border-bottom:1px dotted #0066cc}

img			{border:none !important}
img a:hover	{border:none !important}

/* ****************************************************************************************************************************** HTML: Links ** */
a 			{color:#006699; text-decoration:none}
a.override {color:inherit; border:none !important}
a.override:hover {color:#006699}

/* ****************************************************************************************************************************** HTML: Lists ** */
ul,ol	{line-height:1.8em; margin:10px 0 10px 50px; font-family:Verdana, Arial, Helvetica, sans-serif}
li	{padding:0 10px}
/* ****************************************************************************************************************************** HTML: Blockquotes ** */
blockquote		{padding:0px 22px; margin:20px 0px; color:#333; border-width:1px 0; border-style:solid; border-color:#ccc; background-color:#F7FAFF; font-size:18px}
blockquote.quote	{padding:20px 20px 20px 80px; background-image:url('images/icon-blockquote.gif'); background-position:top left; background-repeat:no-repeat; border-width:2px 0; border-style:solid; border-color:#6699cc; text-align:center}
blockquote.simple	{background:#f5f5f5} 
/* ****************************************************************************************************************************** HTML: Header tags ** */
h1	{font-size:3.0em; margin:60px 0 10px 0; font-weight:normal; letter-spacing:-2px; color:#006699}
h2 	{font-size:2.0em; margin:40px 0 0 0; font-weight:normal; letter-spacing:-1px; color:#333}
h3 	{font-size:1.3em; margin:30px 0 0 0; font-weight:bold; padding:0; color:#333}
h4 	{font-size:1.2em; margin:22px 0; font-weight:normal}
h2.home 	{font-size:3.0em; margin:60px 0 10px 0; font-weight:normal; letter-spacing:-2px; color:#006699}

/* ****************************************************************************************************************************** USEFUL: Border classes ** */
.bdr-all-grey {border:2px solid #f1f1f1 !important; padding:20px}

/* ****************************************************************************************************************************** USEFUL: Image classes ** */
.img-float-right {margin:60px 0 0 40px; float:right; clear:both}

/* ****************************************************************************************************************************** USEFUL: Box classes ** */
.box-focus {padding:20px; text-align:center; background:#f5f8f3; border-width:1px 0px; border-color:#deeba4; border-style:solid; margin:20px 0}

/* ****************************************************************************************************************************** USEFUL: Table classes ** */
table.top-row-highlight	{border:1px solid #666; width:100%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.9em}
table.top-row-highlight thead	{ background:#326B7E; color:#fff}
table.top-row-highlight tbody { border-bottom:1px dotted #ccc}
table.top-row-highlight tr td	{ padding:10px}
table.top-row-highlight tr td small	{ font-size:0.9em; color:#999}

/* ****************************************************************************************************************************** LAYOUT: Page structure ** */
/*- #container 		{min-width:880px; width:80%; margin:0 auto; font-size:0.8em} -*/
#container 		{width:940px; margin:0 auto; padding:0 22px; font-size:0.8em; background-color:#fff}
.clearfloat		{clear:both; height:0; line-height:0; font-size:0; display:block}

#LayoutHeavyLeft #left	{max-width:640px; width:70%; float:left; margin:0 0 0 8px}
#LayoutHeavyLeft #right	{min-width:220px; width:20%; max-width:220px; margin:0; float:right; padding:50px 0 0 0; font-size:0.9em}
#LayoutHeavyLeft #right	h3	{font-size:1em; margin:20px 0 5px 0; padding:4px 8px; background:#E6F0FA; font-weight:bold}
#LayoutHeavyLeft #right	ul,	
#LayoutHeavyLeft #right	ol	{padding:0; margin:0; list-style:none}
#LayoutHeavyLeft #right	a	{border:none}

/* ****************************************************************************************************************************** LAYOUT: Header ** */
.blogItem		{border-bottom:2px dotted #ccc; padding:0 0 22px 0}

/* ****************************************************************************************************************************** LAYOUT: Header ** */

#header                 {width:100%; color:#000; margin:0; background-color:#E4ECF1; height:92px; min-height:92px}
#header #headerContent    {width:980px; margin:0 auto}
#header #headerContent #headerLeft    {float:left; margin:0; padding:0; width:190px; display:inline; min-height:150px}
#header #headerContent #headerLeft img#logo {position:absolute; z-index:1} /*- for IE -*/

#header #headerContent #headerRight    {float:right; margin:0; padding:0; width:750px; display:inline; text-align:right}
#header #headerContent #headerRight .header-basket    {padding:0; float:right; text-align:center; font-size:0.7em; margin:0; background:url(/imgs/sprite-bar.gif) no-repeat 0 0; width:180px; height:22px; line-height:1.8em; clear:both}
#header #headerContent #headerRight .header-basket a {color:#fff; background:#ff9900}

#header #headerContent #headerRight #searchBox    {display:inline; padding:5px 0 6px 6px; background-image:url(/imgs/search.gif); background-repeat:no-repeat; background-position:bottom; width:400px; height:31px}
#header #headerContent #headerRight #searchBox input.search    {border:0; width:200px; padding:2px}
#header #headerContent #headerRight #searchBox input.go        {border:0; padding:0}


/* Main menu */
#horizontalNav {font-family:Arial, Helvetica, sans-serif; min-height:50px; padding:0; margin:0 0 30px 0; background:url(/imgs/navigation-bg.jpg) 0 0}
#horizontalNav #container    {width:980px; margin:0 auto; padding:0; font-size:0.8em}
#horizontalNav #container #left    {float:right; width:750px; margin:0; padding:0}
#horizontalNav #container #right    {}


/* ------------------------------------------------------------------------------------------------------------------------------ PAGE LAYOUT: Horizontal menu -- */
.inner > ul#menu{bottom:0; overflow:hidden;}
ul#menu        {background:url(/imgs/navigation-bg.jpg) 0 0; float:right; list-style-type:none; padding:0; margin:0; width:100%}
ul#menu li    {float:left; overflow:hidden; margin:0; padding:0; text-indent:-222px}
ul#menu li a{background:url(/imgs/navigation-btn.jpg) 0 0; display:block; height:50px; border:none}

ul#menu a.nav-Mee{background-position:-22px 0px; width:91px; margin:0}
ul#menu a.nav-Mee:hover,
ul#menu a.nav-Mee:focus,
ul#menu a.nav-Mee:active{background-position:-22px -60px}
ul#menu li.selected a.nav-Mee{background-position:-22px -120px}

ul#menu a.nav-Browse{background-position:-113px 0px; width:135px}
ul#menu a.nav-Browse:hover,
ul#menu a.nav-Browse:focus,
ul#menu a.nav-Browse:active{background-position:-113px -60px}
ul#menu li.selected a.nav-Browse{background-position:-113px -120px}

ul#menu a.nav-Explore{background-position:-113px 0px; width:135px}
ul#menu a.nav-Explore:hover,
ul#menu a.nav-Explore:focus,
ul#menu a.nav-Explore:active{background-position:-113px -60px}
ul#menu li.selected a.nav-Explore{background-position:-113px -120px}

ul#menu a.nav-Search{background-position:-248px -0px; width:129px}
ul#menu a.nav-Search:hover,
ul#menu a.nav-Search:focus,
ul#menu a.nav-Search:active{background-position:-248px -60px}
ul#menu li.selected a.nav-Search{background-position:-248px -120px}

ul#menu a.nav-Sms{background-position:-377px -0px; width:140px}
ul#menu a.nav-Sms:hover,
ul#menu a.nav-Sms:focus,
ul#menu a.nav-Sms:active{background-position:-377px -60px}
ul#menu li.selected a.nav-Sms{background-position:-377px -120px}

ul#menu a.nav-Convert{background-position:-377px -0px; width:140px}
ul#menu a.nav-Convert:hover,
ul#menu a.nav-Convert:focus,
ul#menu a.nav-Convert:active{background-position:-377px -60px}
ul#menu li.selected a.nav-Convert{background-position:-377px -120px}

ul#menu a.nav-Publish{background-position:-517px -0px; width:137px}
ul#menu a.nav-Publish:hover,
ul#menu a.nav-Publish:active,
ul#menu a.nav-Publish:focus{background-position:-517px -60px}
ul#menu li.selected a.nav-Publish{background-position:-517px -120px}

ul#menu a.nav-About{background-position:-654px -0px; width:120px}
ul#menu a.nav-About:hover,
ul#menu a.nav-About:focus,
ul#menu a.nav-About:active{background-position:-654px -60px}
ul#menu li.selected a.nav-About{background-position:-654px -120px}

ul#menu a.nav-Imax{background-position:-774px -0px; width:100px}
ul#menu a.nav-Imax:hover,
ul#menu a.nav-Imax:focus,
ul#menu a.nav-Imax:active{background-position:-774px -60px}
ul#menu li.selected a.nav-Imax{background-position:-774px -120px}





/* ****************************************************************************************************************************** LAYOUT: Previous Next ** */
div.page-navigation	{padding:44px 0 0 0}
div.page-navigation	a {font-size:3em; margin:60px 0 20px 0; font-weight:normal; letter-spacing:-1px; border:none}
div.page-navigation	.alignleft	{width:40%; text-align:left; float:left}
div.page-navigation	.alignright	{width:40%; text-align:right; float:right}

/* ****************************************************************************************************************************** LAYOUT: Footer ** */
#footer 			{margin:20px 0 0 0; font-family:Verdana, Arial, Helvetica, sans-serif}
#footer .content 	{padding:20px 0; margin:80px auto 0px auto; border-top:1px dashed #ccc; font-size:0.8em}
#footer img			{margin:10px; float:left}
#footer small 		{color:#666}

/* ****************************************************************************************************************************** LAYOUT: Post list** */
ul#post-titles		{margin:10px 0 0 44px}
ul#post-titles li	{font-size:12px}


/* ****************************************************************************************************************************** LAYOUT: Comments ** */
#comments	{}
.author						{font-weight:normal; font-size:1.1em; line-height:2em}
.author a					{}
form#commentForm 					{background:#F9F9F1; border-top:1px solid #E9E9E1; padding:0 10px}
form#commentForm ol 				{margin:0; padding:0; list-style:none}
form#commentForm ol li 				{padding:10px 0}
form#commentForm ol li.button 		{border-bottom:none}
form#commentForm ol label 			{display:block; font-weight:bold; word-spacing:1px; color:#747474; margin:0 0 2px 0}
form#commentForm ol label em 		{color:#999; font-size:1em; font-weight:normal}
form#commentForm ol input,
form#commentForm ol input,
form#commentForm ol input 			{width:300px; border:1px solid #D9E2E5; padding:5px}
form#commentForm ol input:hover,
form#commentForm ol input:hover,
form#commentForm ol input:hover 	{border:1px solid #D9E2E5}
form#commentForm ol select 			{width:150px; height:30px; padding:3px}
form#commentForm ol option 			{font:11px Georgia, Times, "Times New Roman", serif; color:#fff; padding:3px 0 3px 5px; background:#215A6D}
form#commentForm ol textarea 		{width:500px; height:100px; border:1px solid #D9E2E5; padding:5px}
form#commentForm ol textarea:hover 	{border:1px solid #215A6D}
form#commentForm ol input,
form#commentForm ol input,
form#commentForm ol input,
form#commentForm ol textarea 		{font:14px/18px Arial, Times, "Times New Roman", serif; color:#215A6D; word-spacing:1px; overflow:auto}
form#commentForm ol button 			{border:1px solid #ddd; background:#fff; padding:5px; font-weight:bold; word-spacing:1px; color:#366799; border:1px solid #ddd}
form#commentForm ol button:hover 	{background:#fff; cursor:pointer}

.commentlist li, #commentform input, #commentform textarea {}
.commentlist li ul li 	{font-size:1em}
.commentlist li 		{padding:10px 0; font-weight:normal; border-top:1px dotted #ccc}
.commentlist li a 		{color:#006699; text-decoration:none}
.commentlist li .avatar	{float:left; margin:0 15px 0 0; padding:3px; background:#fff; border:1px solid #ccc}
.commentlist cite,
.commentlist cite a		{font-weight:bold; font-style:normal; font-size:0.85em}
.commentlist em 		{padding:2px 6px; background:#cc0000; color:#fff; text-transform:uppercase; font-size:0.6em; font-style:normal}
.commentlist p 			{font-weight:normal; text-transform:none; margin:0 0 0 75px; display:block; clear:both}
#commentform p 			{font-family:'Lucida Grande', Verdana, Arial, Sans-Serif}
.commentmetadata 		{font-weight:normal}

#searchform #search {width:60%; margin:8px 0}
#searchform #submit {font-size:0.8em; text-transform:uppercase}

#commentCount a { border:none; text-transform:uppercase; font-size:0.8em; line-height:2em}

#commentRespond	{border-width:1px; border-style:dotted; border-color:#ccc; padding:0 30px; background:#DBE99D}


/* ****************************************************************************************************************************** STRUCTURE: Archives ** */
#archives {font-size:1.1em}

/* ****************************************************************************************************************************** PLUGIN: Archives ** */
.car-container 		{margin:40px 0; line-height:2.6em; font-size:1.1em}
.car-list			{line-height:2.2em}
.car-monthlisting	{line-height:1.6em; margin:0 0 10px 0}