/*        ##################################
           GENERAL
        ################################## */

html, body, p, ol, h1, h2, h3, h4, h5, h6, img, hr{
        margin: 0px;
        padding: 0px;
        border: none;
        list-style: none;
}

body {
        margin: 0 0 40px;
        padding: 0px;
        color: #fff;
        background: #222 url(bg-body.jpg) no-repeat center top;
        background-attachment: fixed;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 22px;
}

p, ul, ol {
        padding: 0 0 20px;
}

a {
        color: #fff;
}

a.none {
        text-decoration: none;
}

a.none:hover {
        text-decoration: underline;
}

small {
        font-size: 10px;
        font-weight: normal;
}


/*        ##################################
           HEADINGS
        ################################## */

h1, h2, h3 {
        margin: 0 0 20px;
        padding: 0px;
}

#logo h1 {
        float: left;
        width: auto;
        margin: 0px;
        padding: 22px 0 0;
        color: #5c5c5c;
        font-size: 11px;
        font-weight: normal;
}

.display-text h2 {
        font-size: 18px;
        font-weight: normal;
        text-transform: uppercase;

}

#footer h3 {
        margin: 0 0 10px;
        font-size: 14px;
        font-weight: normal;
        text-transform: uppercase;
}
/*        ##################################
           BASIC LAYOUT
        ################################## */

#wrap {
        width: 955px;
        margin: 0 auto;
}

#header {
        position: relative;
        height: 140px;
        margin: 0 0 40px;
        background: url(bg-divider.png) repeat-x bottom left;
}


/*        ##################################
           HEADER
        ################################## */

#logo {
        position: absolute;
        bottom: 30px;
        left: -10px;
}

#logo img {
        float: left;
}

#menu {
        position: absolute;
        right: 0px;
        bottom: 40px;
        margin: 0px;
        padding: 0px;
        font-size: 14px;
        line-height: 14px;
        text-transform: uppercase;
}

#menu li {
        float: left;
        width: auto;
}

#menu li a {
        margin: 0 0 0 20px;
        color: #fff;
        text-decoration: none;
}


/*        ##################################
           FOOTER
        ################################## */

#footer {
		float: left;
        width: 955px;
        margin: 0 auto;
}

#subfooter {
        margin: 40px 0 0;
        padding: 20px 0 0;
        background: url(bg-divider.png) repeat-x left top;
        color: #5c5c5c;
}

#subfooter a {
        color: #5c5c5c;
}

#subfooter p {
        text-align: center;
}


/*        ##################################
           SIDEBAR
        ################################## */

.box-sidebar {
        margin: 0 0 20px;
}

.box-sidebar h3 {
        margin: 0 0 10px;
        padding: 0px;
        text-decoration: none;
        font-size: 12px;
        font-weight: normal;
        text-transform: uppercase;
}

.toggle h3 {
        height: 30px;
        line-height: 30px;
        margin: 0px;
        padding: 0 10px;
        cursor: pointer;
}

.toggle h3 a {
        text-decoration: none;
}

.toggle-open {
        background: #2c2c2c url(bg-toggle-open.png) no-repeat right top;
}

.toggle-close {
        background: #2c2c2c url(bg-toggle-close.png) no-repeat right top;
}

.totoggle {
        padding: 10px 0 0;
}

.box-sidebar ul {
        margin: 0 0 -5px;
        padding: 0 5px 5px;
}

.box-sidebar ul ul {
        margin: 0 0 0 20px;
        padding: 0px;
}

.box-sidebar li {
        margin: 0 0 5px;
        padding: 0 0 5px;
        border-bottom: 1px dotted #3c3c3c;
}

.box-sidebar li li {
        margin: 0px;
        padding: 0px;
        border-bottom: none;
        list-style: square;
}

.box-sidebar li a {
        text-decoration: none;
}

.box-sidebar p {
        padding: 0px;
}


/*        ##################################
           BOXES
        ################################## */

.box1-top, .box2-top, .box3-top {
        height: 20px;
}

.box1-top {
        background: url(bg-box1-top.png) no-repeat left top;
}

.box2-top {
        background: url(bg-box2-top.png) no-repeat left top;
}

.box3-top {
        background: url(bg-box3-top.png) no-repeat left top;
}

.box1, .box2, .box3 {
        position: relative;
}

.box1 {
        padding: 20px 40px 0;
        background: url(bg-box1.png) repeat-y left top;
}

.box2 {
        padding: 20px 40px;
        background: url(bg-box2.png) repeat-y left top;
}

.box3 {
        padding: 0 20px;
        background: url(bg-box3.png) repeat-y left top;
}

.box1-bot, .box2-bot, .box3-bot {
        height: 20px;
        clear: both;
}

.box1-bot {
        background: url(bg-box1-bot.png) no-repeat left bottom;
}

.box2-bot {
        background: url(bg-box2-bot.png) no-repeat left bottom;
}

.box3-bot {
        background: url(bg-box3-bot.png) no-repeat left bottom;
}
/*        ##################################
           POST / PAGE
        ################################## */

.post {
        position: relative;        
		margin: 0 0 40px;
}


.post h2 {
        margin: 0 0 10px;
        font-size: 14px;
        font-weight: normal;
        text-transform: uppercase;
}

#page .post h2 {
        margin: 0 0 20px;
}

#screenshots h2 {
        margin: 0 0 -20px;
}

.screenshot {
        position: relative;
        float: left;
        width: 240px;
        margin: 40px 40px 0 0;
}

#screenshots .alt {
        margin: 40px 0 0;
}


/*        ##################################
           PAGING
        ################################## */

#paging {
        margin: 0 0 40px;
        text-transform: uppercase;
}

#paging a {
        text-decoration: none;
}

#paging .box2 {
        padding: 0 40px;
}

.wp-pagenavi .pages {
        float: right;
        width: auto;
}

.wp-pagenavi a, .wp-pagenavi .current {
        display: block;
        float: left;
        width: 20px;
        height: 20px;
        line-height: 20px;
        margin-right: 5px;
        text-align: center;
}

.wp-pagenavi .current {
        background: url(bg-paging-current.png) no-repeat center center;
}
/*        ##################################
           SEARCHFORM
        ################################## */

.searchform {
        width: 200px;
}

#search-text {
        display: inline;
        float: left;
        width: 150px;
        font-size: 12px;
        text-transform: uppercase;
}

#search-submit {
        float: right;
        width: 30px;
        background: url(bg-search-submit.png) no-repeat right top;
}


/*        ##################################
           404
        ################################## */

.searchform {
        margin: 0 0 20px;
}



/*        ##################################
           CLEARING
        ################################## */

.clear {
        clear: both;
}

.clearfix:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
/*        ##################################
           add.css
        ################################## */
}
#controls
{
	float: left;
}

#columns td
{
	padding: 0 5px;
	vertical-align: top;
	width: 240px;
}

.portlet
{
	background: url(bg.png) transparent;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='bg.png');	border-color: #fff #665 #665 #fff;
	border-style: solid;
	border-width: 1px;
	cursor: move;
	margin: 0 0 10px;
	width: 238px;
}

.portlet_topper
{
	background: #950224;
	padding: 5px 10px;
}

.portlet_topper a
{
	color: #443;
	font-weight: bold;
}

.portlet_content
{
	border-top: 1px solid #998;
	padding: 10px;
}

.portlet_content p
{
	background:url(bg.png) transparent;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='bg.png');
	line-height: 150%;
	text-align: justify;
}

.portlet_bottom
{
	background: #ccc;
	font-size: 1px;
	line-height: 1px;
	overflow: hidden;
	height: 5px;
}

.sort_placeholder
{
	background: #bba;
}