/*
Theme Name: theDesignReviewer
Theme URI: 
Description: 
Version: 
Author: Simon North
Author URI: 
*/

/* Globals 
=================================== */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, del, em, font, img, small, strike, strong, dl, dt, dd, ol, ul, li, fieldset, form, label {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


body {
text-align: center;
background:url(./images/back.jpg) repeat-x left top #d5d5d5;
font-family:Arial, 'Sans Serif';
font-size:13px;
color:#555555;
}

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

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

a.active {
font-weight:bold;
text-decoration: underline;
}

p {
color:#555555;
font-size:13px;
line-height:24px;
padding:0 0 15px 0;
}

.alignleft {
float:left;
display:block;
margin:0px 15px 0px 0;
}

.alignright {
float:right;
text-align:right;
display:block;
margin:0px 0px 0px 15px;
}

ul, ol {
padding:0 0 15px 0;
}

ul ul {
padding:0px;
}

small {
font-size:12px;
font-style:italic;
padding:0 0 5px 0;
}

h2 {
font-size:30px;
font-weight:normal;
color:#433a2d;
padding:0 0 15px 0;
}

h2.big {
font-size:30px;
font-weight:bold;
padding:0 0 20px 0;
}

h3 {
font-size:20px;
font-weight:normal;
color:#433a2d;
padding:0 0 15px 0;
}

h4 {
font-size:15px;
font-weight:normal;
color:#433a2d;
padding:0 0 15px 0;
}

#page {
width:960px;
margin:auto;
text-align: left;
}

#header {
width:940px;
height:70px;
padding:30px 0 0 20px;
clear:both;
background:url(./images/header.jpg) no-repeat;
}

#header h1 a.logo {
text-indent:-9999px;
background:url(./images/logo.png) no-repeat top left;
height:42px;
width:273px;
display:block;
float:left;
}

#header h2 {
padding:15px 0 0 0;
font-size:16px;
color:#89a4c0;
text-transform: uppercase;
font-weight:normal;
}

#header .login {
float:right;
display:block;
line-height:24px;
font-size:17px;
width:600px;
text-align:right;
padding:10px 0  0 0;
}

#header form.login {
font-size:12px;
font-weight:normal;
}

#header form.login p {
clear:both;
padding:10px 5px 0 0;
}

#header .login label {
line-height:25px;
}

#header .login label, #header .login input {
margin-right:5px;
}

ul#nav {
width:960px;
height:50px;
padding:0px;
}

ul#nav li {
height:50px;
line-height:50px;
float:left;
display:block;
margin-right:2px;
}

ul#nav li a {
float:left;
display:block;
color:#FFFFFF;
padding:0 20px;
height:50px;
}

ul#nav li a:hover {
background:#171006;
text-decoration:none;
font-weight:normal;
}

ul#browseMenu {
padding:10px 20px 20px 20px;
border-bottom:3px solid #443b2d;
height:250px;
background:#171006;
position:absolute;
color:#FFFFFF;
top:148px;
z-index:1000;
display:none;
}

ul#browseMenu ul {
float:left;
display:block;
width:200px;
}

ul#browseMenu ul h3 {
font-size:18px;
padding:0px;
font-weight: bold;
}

ul#browseMenu ul h3, ul#browseMenu ul a {
color:#FFFFFF;
}

ul#browseMenu ul {
list-style: none;
padding:0 20px 0 0;
}

ul#browseMenu ul li {
height:30px;
margin-bottom:2px;
}

ul#browseMenu ul li a {
padding:0 10px;
line-height:30px;
height:30px;
color:#A1B7CF;
display:block;
width:180px;
}

ul#browseMenu ul li a:hover {
background:#443b2d;
color:#FFFFFF;
text-decoration: none;
}

.browseBlock {
background:#ededed;
padding:10px 15px;
margin:0 0 20px 0;
display:table;
}

#mainarea {
padding:35px 0 0 20px;
overflow:hidden;
width:940px;
}

#contentarea {
width:630px;
overflow: hidden;
float:left;
display:block;
}

ul#profile-menu {
display:none;
}

#sidebar {
width:280px;
margin-left:660px;
position:relative;
overflow:hidden;
}

#sidebar .widget {
padding:20px 20px 0 20px;
margin:3px 0 25px 0;
overflow:hidden;
background:#FFFFFF;
border:5px solid #CCCCCC;
}

#sidebar .widget p.underline a {
text-decoration: underline;
}

#sidebar .widget .login label {
padding:0px;
margin:0px;
line-height:24px;
}

#sidebar .widget .login input {
margin-bottom:10px;
}

#sidebar .widget .login p span {
clear:both;
}

#sidebar .widget div.avatar {
background:url(./images/avatarBack.jpg) no-repeat top right;
width:85px;
height:90px;
position:absolute;
top:15px;
right:0px;
}

#sidebar .widget .avatar img {
border:none;
margin:10px 0 0 12px;
background:#FFFFFF;
}

#sidebar .widget ul {
list-style:none;
}

#sidebar .widget ul li {
padding:0 0 10px 0;
}

#latestSubmissions {

}

.post {
padding:20px;
background:#FFFFFF;
overflow:hidden;
position:relative;
margin:0 0 30px 0;
}

#latestSubmissions .post {
padding:0px;
background:transparent;
overflow:hidden;
position:relative;
width:625px;
}

#latestSubmissions .post .content .preview {
float:left;
display:block;
width:230px;
height:200px;
overflow:hidden;
position:relative;
background:#eaeaea;
border:3px solid #DDDDDD;
}

#latestSubmissions .post .content {
margin:0px 6px 0 0;
border:1px solid #DDDDDD;
padding: 20px;
background:url(./images/post.jpg) no-repeat top right #FFFFFF;
overflow:hidden;
position:relative;
}

#latestSubmissions .post .content .right {
display:block;
width:320px;
padding:0px 0 0 0;
height:220px;
overflow:hidden;
position:relative;
float:right;
}

#latestSubmissions .post h3 {
padding:0px;
line-height:30px;
font-size:24px;
}

#latestSubmissions .post p {
padding:0px;
}

#latestSubmissions .post p.numberOfReviews {
line-height:18px;
font-size:16px;
font-weight:bold;
}

#latestSubmissions .post p.category {
position:absolute;
display:block;
bottom:12px;
right:0px;
padding:22px 10px 5px 10px;
line-height:16px;
height:18px;
background:url(./images/pcat.jpg) no-repeat right bottom;
color:#FFFFFF;
text-transform: uppercase;
letter-spacing:1px;
font-size:12px;
}

#latestSubmissions .post .excerpt {
height:70px;
overflow: hidden;
position:relative;
margin-bottom:30px;
padding:10px 0 0 0;
}

#latestSubmissions .post .excerpt p, #latestSubmissions .post .excerpt ul {
font-size:12px;
}

#latestSubmissions .post .content .preview p.noPreview {
padding:50px 40px 0 40px;
text-align:center
}

.postForm {
padding:20px;
background:#FFFFFF;
border:5px solid #CCCCCC;
overflow:hidden;
position:relative;
clear:both;
margin:0 0 20px 0;
}

.avatar {
float:left;
display:block;
margin:0 15px 0 0;
}

.avatar img {
border:3px solid #dddddd;
width:30px;
}

.userAccessForm th {
text-align:right;
padding-right:10px;
font-weight:normal;
width:100px;
line-height:40px;
}

.userAccessForm td {
padding:10px 0;
overflow:hidden;
}

.userAccessForm p.submit {
padding-left:260px;
} 

.userAccessForm p.submit2 {
padding-left:110px;
font-size: 11px;
}

.page {
background:#FFFFFF;
border-top:none;
border-bottom:5px solid #CCCCCC;
border-left:5px solid #CCCCCC;
border-right:5px solid #CCCCCC;
padding:20px;
}

.admin .left {
display:block;
float:left;
width:49%;
padding-top:5px;
}

.admin .right {
display:block;
float:right;
text-align:right;
width:49%;
}

.poststuff {
text-align:right;
border-top:1px solid #DDDDDD;
padding-top:15px;
}

#screenshot {
}

#screenshot img {
border:5px solid #eaeaea;
}

#screenshot p.designUpdated {
font-size:20px;
font-weight: bold;
padding-top:10px;
display: none;
}

#screenshot p.designUpdated span {
font-weight:normal;
opacity:0.7;
}

#screenshotsmall {
max-width:400px;
max-height:200px;
overflow:hidden;
position:relative;
border:5px solid #dddddd;
}

#screenshotsmall p.designUpdated {
position:absolute;
background:#000000;
padding:10px 15px;
display:block;
top:0px;
left:0px;
color:#FFFFFF;
font-weight: bold;
}

#screenshotsmall img {
opacity:0.5;
}

.screenshotMessage {
background:url(./images/zoomIcon.jpg) no-repeat 580px center #eaeaea;
padding:12px 15px 7px 15px;
width:580px;
}

ol#thread li {
overflow:hidden;
position: relative;
margin:0 0 20px 0;
}

ol#thread li span.hideLine {
width:110px;
display:block;
height:10px;
background:#d1d1d1;
position:absolute;
bottom:30px;
left:0px;
}

ol#thread li.notReview span.hideLine {
display:none;
}

ol#thread li .avatar {
padding:0px;
font-size:12px;
margin:0px 5px 0 0;
}

ol#thread li .post {
background:url(./images/comment.jpg) no-repeat top left #ffffff;
border-right:5px solid #CCCCCC;
border-bottom:5px solid #CCCCCC;
padding:30px 30px 30px 45px;
}

ol#thread li.notReview {
}

ol#thread li.notReview .post  {
margin:0px;
}

ol#thread li.notReview {
border-top:none;
background-image: none;
border-bottom:5px solid #CCCCCC;
border-left:5px solid #CCCCCC;
border-right:5px solid #CCCCCC;
}

ol#thread li.notReview .post {
border:none;
background-image: none;
padding:30px;
}

#othertags p {
display:block;
float:left;
margin:0 0 0 0;
background:#FFFFFF;
padding:2px 5px 2px 0;
line-height:15px;
font-weight:bold;
}

ol#thread ul#yourtaglist {
list-style: none;
padding:0px 0 20px 0;
margin:0px;
overflow: hidden;
}

ol#thread ul#yourtaglist li {
padding:0px 0 0 0;
float:left;
display:block;
}

ol#thread ul#yourtaglist li a {
display:block;
float:left;
margin:0 0 0 5px;
background:#FFFFFF;
padding:2px 5px;
line-height:15px;
border:1px solid #DDDDDD;
}

#userinfo {
line-height:40px;
padding:0 0 40px 0;
overflow: hidden;
}

#userinfo dt {
float:left;
display:block;
padding:0 15px 0 0;
width:100px;
font-weight:bold;
text-align: right;
}

#topic-info {
width:930px;
background:#f6f6f6;
border-top:5px solid #CCCCCC;
border-left:5px solid #CCCCCC;
border-right:5px solid #CCCCCC;
position:relative;
overflow:hidden;
}

#topic-info .title {
padding:15px;
background:#eeeeee;
}

#topic-info .meta {
padding:15px;
border-top:1px solid #DDDDDD;
border-bottom:1px solid #DDDDDD;
}

#topic-info p.cats {
height:30px;
}

#topic-page #topic-info p.cats {
background:none transparent;
}

#topic-info p.cats span {
display:block;
float:left;
font-weight:bold;
padding:3px 8px;
}

#topic-info p.cats a {
display:block;
float:left;
margin:0 0 0 5px;
background:#FFFFFF;
padding:3px 8px;
border:1px solid #DDDDDD;
}

#topic-info .title h2 {
padding:0 0 0px 0;
}

#topic-info p {
padding:0px;
}

#topic-info a.rss-link {
background:url(./images/rss.png) no-repeat top right;
width:200px;
text-align:right;
padding:20px 50px 0 0px;
height:40px;
display:block;
right:20px;
top:10px;
position:absolute;
}

#profile {
border-bottom:5px solid #CCCCCC;
border-left:5px solid #CCCCCC;
border-right:5px solid #CCCCCC;
background:#FFFFFF;
padding:15px;
}

#profile .notice {
background:#eaeaea;
border:1px solid #DDDDDD;
padding:10px;
}

#profile ul, ul.yourDesigns {
list-style:none;
margin-bottom:50px;
}

ul.yourDesigns {
margin-bottom:0px;
}

#profile ul li, ul.grid li {
padding:10px 0;
margin-bottom:0px;
overflow: hidden;
border-bottom:1px solid #CCCCCC;
}

ul.yourDesigns li {
padding:10px 0;
margin-bottom:10px;
overflow: hidden;
border-bottom:1px solid #DDDDDD;
}

#profile h4 {
font-size:20px;
font-weight:bold;
color:#555555;
}

#footer {
border-top:1px solid #cccccc;
margin:25px 0 40px 20px;
padding:20px 0;
overflow: hidden;
}

#footer p {
float:left;
display:block;
padding:20px 30px 0 0;
line-height:24px;
font-size:12px;
}

#footer p span {
font-weight:bold;
font-size:16px;
color:#433a2d;
}

#footer p.left {
width:410px;
}

#footer p.center {
width:190px;
}

#footer p.right {
width:240px;
padding-right:0px;
}








ol#thread li .post ul, .page ul {
list-style: disc inside;
padding:0 0 20px 5px;
margin:0 0 0 25px;
}

ol#thread li .post ol, .page ol {
list-style: decimal inside;
padding:0 0 20px 5px;
margin:0 0 0 25px;
}

#theContent ul li {
list-style: disc inside;
padding:0 0 20px 5px;
margin:0 0 0 25px;
}

ol#thread li .post li, .page li {
border:none;
list-style: disc inside;
background:none transparent;
line-height:25px;
padding:0px 0px 5px 20px;
margin:0px;
}

ul.meet-top-reviewers {
list-style:none;
padding:20px 0 0 0;
overflow:hidden;
}

ul.meet-top-reviewers li {
padding:0 20px 20px 20px;
width:140px;
overflow:hidden;
float:left;
display:block;
border-right:1px solid #DDDDDD;
}

ul.meet-top-reviewers li img {
margin-left:20px;
}

ul.meet-top-reviewers li h3 {
padding:10px 0 0px 0;
clear:both;
text-align:center;
}

ul.meet-top-reviewers li h4 {
text-align:center;
}

#itemGrid {
overflow: hidden;
position:relative;
width:800px;
}

#itemGrid .item {
width:190px;
height:190px;
float:left;
display:block;
margin:0 30px 30px 0;
position:relative;
overflow:hidden;
}

#itemGrid .item .screenshot {
height:140px;
width:180px;
border:5px solid #FFFFFF;
position:relative;
overflow:hidden;
}

#itemGrid .item a.title {
display:table;
bottom:40px;
left:0px;
position:absolute;
color:#FFFFFF;
padding:10px 15px;
background:#3a3025;
}

a.title:hover {
background:#171006;
}

#itemGrid .item .content {
width:190px;
height:35px;
margin-top:10px;
font-size:12px;
color:#3a3025;
}

#itemGrid .item .content p {
font-size:12px;
line-height:16px;
}