* {
padding:0;
margin:0;
}

body {
background: #1885b0 url(images/bg1.png) repeat-x;
text-align:center;
font-family:Arial;
font-size:12px;
color:#333333;
}

.Left {
float: left;
}

.Right {
float: right;
}

.Clear {
clear: both;
}

/* Structure */

#page {
width:1000px;
background: #efefef;
margin:auto;
}

#header {
width:1000px;
height:100px;
background: #1885b0 url(images/bg2.png);
clear:both;
}

#header img {
border:none;
}

a.logo {
width:378px;
height:48px;
margin:30px 0px 0px 15px;
background-image:url(images/logo.gif);
float:left;
display:block
}


#menulinks {
background: #212121 url(images/bg3.png);
height:38px;
width:720px;
padding-left:15px;
float:left;

}

#search {
background: #212121 url(images/bg3.png);
height:28px;
width:250px;
padding-left:15px;
padding-top:10px;
float:left;
}

.searchinner {

}

#mainarea {
width:970px;
clear:both;
text-align:left;
padding:15px 15px 15px 15px;
}

#contentarea {
width:590px;
margin-right:10px;
float:left;
}

#contentarea .inner {

}

.post {
padding:10px;
overflow:hidden;
width:570px;
background:#ffffff;
}

.post h1, .post h1 a, .post h1 a:hover {
font-size:30px;
font-weight:normal;
color:#555555;
text-decoration:none;
margin:0;
}

.post h2, .post h2 a, .post h2 a:hover, .postcomments h2 {
font-size:20px;
font-weight:normal;
color:#4b4b4d;
text-decoration:none;
margin:0;
}

h6 {
float:right;
padding:10px;
font-size:18px;
width:200px;
color:#999999;
text-align:right;
}

p {
padding-bottom:10px;
}

.post p {
line-height:22px;
color:#555555;
}

.post a {
text-decoration:underline;
}

#sidebar {
width:370px;
float:left;
color:#838383;
}

#sidebar h2 {
color:#555555;
font-size:18px;
font-weight:bold;
margin-right:40px;
}

#sidebar .h2under {
color:#4b4b4b;
font-size:10px;
margin-right:10px;
}

#sidebar p {
font-size:11px;
line-height:15px;
padding-right:10px;
color:#838383;
}

#sidebar .ads {
width:350px;
padding:10px;
margin-bottom:10px;
clear:both;
background-color:#FFFFFF;
display:table;
height:1%;
}

#sidebar .ads .advert {
float:left;
padding:5px;
}

#sidebar .ads .advert img {
border:1px solid #3ea3ea;
}

#sidebar .left {
float:left;
width:180px;
margin-right:10px;
display:block;
}

#sidebar .right {
float:left;
width:180px;
display:block;
}

#sidebar .widget {
width:180px;
overflow:hidden;
margin-bottom:10px;
}

#sidebar .left .widget {
background-color:#FFFFFF;
}

#sidebar .right .widget {
background-color:#FFFFFF;
}

#sidebar .widget .inner {
padding:10px;
}

#sidebar .widget ul li {
line-height:18px;
margin-top:5px;
margin-bottom:5px;
padding-left:5px;
padding-right:5px;
border-left:2px solid #acacac;
}

#subfooter {
width:1000px;
height:15px;
clear:both;
text-align:left;
}

#subfooter #inner {
height:15px;
position:relative;
overflow:hidden;
}

#subfooter #strip {
width:5000px;
height:220px;
position:absolute;
}

#footer {
width:990px;
height:45px;
text-align:left;
padding-left:10px;
padding-top:5px;
color:#FFFFFF;
font-size:12px;
line-height:18px;
clear:both;
background:#1885b0;
}

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

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


/* Styling */
ul {
margin-left:20px;
line-height:24px;
color:#555555;
margin-top:10px;
margin-bottom:10px;
}

#sidebar ul {
margin-left:0px;
}

#sidebar li {
list-style-type:none;
list-style-position:outside;
}

.alignleft {
float:left;
}

.alignright {
float:right;
}
#sidebar li a {
}

#sidebar li a:hover {
}

.alt {
background-color:#f4f2eb;
}

a {
color:#222222;
text-decoration:none;
}

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

h4 {
color:#222222;
font-size:22px;
font-weight:bold;
}



/* Page Drop Down Menu */

#nav, #nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.5em; 
z-index:1000;
}

#nav a{
display:block;
padding-left:15px;
padding-right:15px;
font-size:14px;
font-weight:bold;
color:#fff;
text-decoration:none;
line-height:38px;
text-transform:uppercase;
}

#nav a:hover{
color:#fff;
background:url(images/bg4.png) repeat-x;
}

#nav li{
float:left;
position:relative;
background-image:url(images/menuline.jpg);
background-repeat:no-repeat;
background-position:top left;
}

#nav ul {
position:absolute;
display:none;
top:38px;
left:1px;
background-color:#3d3d3d;
border-top:1px solid #3e3e3d;
border-left:1px solid #3e3e3d;
border-right:1px solid #3e3e3d;
}

#nav li ul a{
width:150px;
line-height:24px;
float:left;
font-size:12px;

font-weight:normal;
text-align:left;
border-bottom:1px solid #3e3e3d;
text-transform:none;
background:none;
background-color:#29292a;
}

#nav li ul a:hover {

background-color:#3e3e3d;
background-image:none;
}

#nav ul ul{
top:auto;
}	

#nav li ul ul {
left:170px;
margin:0px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}

.Box {
margin: 0 0 10px 0;
padding: 8px 4px 4px 4px;
width: 170px;
border: 0px solid #ccc;
text-align: center;
font-weight: bold;
}

.Spacer {
float: left;
width: 5px;
height: 91px;
margin: 10px 0;
padding: 4px;
}

.Box img {
background-color:#ffffff;
padding:3px;
border:1px solid #acacac;
}

.Thumbnail {
height: 91px;
width: 160px;
border: 1px solid #888;
}

.details { 
height: 110px; 
width: 460px;
margin: 5px auto; 
padding: 10px; 
background: #FFF; 
border: 5px solid #E5EFF5;
}

.details .rating {
width: 150px;
height: 110px; 
float: left;
padding: 0 10px 0 0;
border-right: 1px solid #E5EFF5;
overflow: hidden;
}

.details .about {
width: 175px;
height: 110px; 
float: left;
padding: 0 0 0 10px;
border-right: 1px solid #E5EFF5;
overflow: hidden;
}

.details .about table { width: 167px; float: left; margin: 5px 0 0 0; }
.details .about table tr td { padding: 3px 0; border-bottom: 1px solid #E5EFF5; }


.details .share { 
width: 75px; 
float: left; 
padding: 0 0 0 10px; 
}

.action { 
height: 100%;
width: 460px;
margin: 5px auto; 
padding: 10px; 
background: #FFF; 
border: 5px solid #E5EFF5;
}

h3 {
font-size: 1em;
font-weight: bold;
margin: 0px;
}

h4 {
font-size: 1.1em;
font-weight: bold;
margin: 0px;
}

#embedit {
background: #FFF;
border: 1px solid #d4d4d4;
display: none;
padding: 5px;
 margin: 10px;
}

#sendit {
background: #FFF;
border: 1px solid #d4d4d4;
display: none;
padding: 5px;
margin: 10px;
}
.submitform { 
height: 100%;
width: 500px;
margin: 5px auto; 
padding: 10px; 
background: #FFF; 
border: 5px solid #E5EFF5;
}

#values {
background: #FFF;
border: 1px solid #d4d4d4;
padding: 5px;
margin: 10px;
}



/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {
width:720px; 
height:38px; 
position:relative; 
z-index:100;
}

/* hack to correct IE5.5 faulty box model */
* html .menu {
width:721px; 
w\idth:720px;

}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}

.menu ul ul {

}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;

position:relative;
}

/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
padding-left:15px;
padding-right:15px;
font-size:14px;
font-weight:bold;
color:#fff;
text-decoration:none;
line-height:38px;
text-transform:uppercase;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#29292a;
}

/* style the second level hover */
.menu ul ul a.drop:hover{
background:#3e3e3d;
}

.menu ul ul :hover > a.drop {
background:#c9ba65;
}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
background:#e2dfa8;
}

/* style the third level hover */
.menu ul ul ul a:hover {
background:#b2ab9b;
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:38px;
left:0; 
width:149px;
}

/* another hack for IE5.5 */
* html .menu ul ul {top:37px;t\op:38px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background:#29292a; 
color:#ffffff;
font-size:12px;
font-weight:normal;
text-align:left;
text-transform:none;
height:auto; 
line-height:1em; 
padding:6px 14px; 
width:128px;
border-bottom: 1px solid #3e3e3d;
}

/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#FFF; background:url(images/bg4.png) repeat-x;}
.menu :hover > a, .menu ul ul :hover > a {color:#FFF; background:url(images/bg4.png) repeat-x;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}