/*
Theme Name: Stuff theme
Theme URI: http://www.motiontheme.com
Description: Theme is designed and coded by <a href="http://motiontheme.com/">MotionTheme</a>.
Version: 1.0
Author: MotionTheme.com
*/

* {margin: 0; padding: 0;}

body {font: 75%/150% Arial, Helvetica, sans-serif; color: #fff; background:#000 url(img/bg.jpg); background-attachment:fixed; background-position: top; margin: 0;	padding: 0;}

a {color:#fbe599; text-decoration: none; outline: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: underline; color:#fff;}

p {padding: 0 0 1em; text-align:justify;}

/* ### TITLES ### */
h1, h2, h3 {margin-bottom:15px;}

img {border: none;}

/* ### WRAPERS, CONTAINERS
--------------------------- ### */
.bgfix {background:url(img/topbg.jpg) repeat-x top;}
.collage {width:960px; margin:0 auto; background:url(img/collage.jpg) no-repeat top;}

#wrap { padding:0 0 15px 0;}
.wspacer {padding:0px;}
.spacer {padding:25px;}

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

#header {height:230px; width:960px; margin:0 auto;}

.link {position:absolute; width:300px; height:43px; margin-top:50px; margin-left:0px; z-index:100; outline:none;}
#header .moto {color:#fff; font-size:1.4em; position:absolute; margin-left:25px; margin-top:63px; font-family:"Trebuchet MS"; width:400px; overflow:hidden;}

#header h1 { margin:0; padding:0 0 5px 0; font-size:3em; font-family:"Trebuchet MS";}
#header h1 a {color: #fff;}
#header h1 a:hover {color:#fff; text-decoration:none;}

/* cats tags */
#catstags {position:absolute; margin-top:165px; width:960px; color:#fff; border-bottom:1px solid #646464; border-bottom:1px solid #646464; padding:0 0 8px 0;}
#catstags .cats ul li {list-style:none; font-size:1.3em; font-family:"Trebuchet MS"; font-weight:bold; display:inline; float:left; padding:0 8px; margin-bottom:8px; padding:0 10px; background:url(img/catsbg.gif) no-repeat top right;}
#catstags .cats ul li a {color:#fff;}
#catstags .cats ul li a:hover {color:#fbe599; text-decoration:none;}

#catstags .tags ul li {list-style:none; font-family:"Trebuchet MS"; font-size:0.9em; display:inline; float:left; padding:0 8px; padding:0 10px; background:url(img/catsbg.gif) no-repeat top right;}
#catstags .tags ul li a:hover {color:#fff; text-decoration:none;}



/* Top navigation */
#topnav {position:absolute; z-index:3000; margin-top:3px; margin-left:0px; font-size:1em; width:590px; height:34px;}
#topnav a {text-decoration:none; color:#fff;}
#topnav a:hover {text-decoration:none; color:#fbe599;}
#topnav .top-menu { padding:7px 10px 10px 10px;}
#topnav .top-menu ul {list-style:none;}
#topnav .top-menu ul li {display:inline; padding:0 13px 0 0px;}
#topnav .current_page_item a {text-decoration:none; color:#fbe599;}
#topnav em { margin-top:1px; display:block; width:44px; float:left;}


/* SEARCH */
#search {background:#000; margin-bottom:10px; margin-top:4px; padding:3px; border:1px solid #999; position:absolute; margin-left:660px; z-index:3000;}
#search .itext {width:200px; background:#fff !important; color:#000; border:none; font-size:11px; border:1px solid #eee; padding:3px;}
#search .ibut {cursor:pointer; border:0px; background: none; font-weight:bold; color:#fbe599; margin-left:5px;}


/* Featured */
#topboard {height:280px; margin-bottom:10px; overflow:hidden;}
#topboard .spacer {padding:0;}
#topboard .posts {width:510px; height:280px; overflow:hidden; line-height:normal;}
#topboard .posts h2 {margin-bottom:8px;}
#topboard .wrap {}

#topboard .sticky {width:415px; height:280px; overflow:hidden; font-size:11px; line-height:normal; text-align:center;}
#topboard .ads {padding:8px 0 0 0;}
#topboard .sticky img {padding:0 5px 10px 5px}

#topwidget {width:727px; height:90px; overflow:hidden; position:absolute;  margin-left:220px; margin-top:55px; font-size:11px; line-height:normal;}


/* ### FRONT, MIDLE, SIDEBARS
----------------------- ### */

/* Front page */
#front {}

/* Thumb */
#front .thumb {width:300px; height:430px; margin:5px 10px 5px 10px; overflow:hidden; display:inline; float:left;}
#front .thumb h2 {font: 200% "Times New Roman", serif; font-weight: normal; font-size:2em; margin:0 0 5px 0; overflow:hidden;}
#front .thumb h2.fix { background: url(img/thumbtitlefix.gif) no-repeat !important;}
#front .thumb h2 a:hover {text-decoration:none; color:#fff;}

#front .wide { width:600px; height:auto;}

#front .shot {margin-bottom:5px;}
#front .shot img { border:3px solid #494b4b;}

#front .description {text-align:justify; line-height:15px; font-size:0.9em; height:90px;overflow:hidden;}

#front .description-wide { height:auto;}

#front .tools {margin-bottom:5px;}
#front .tools ul {margin:0; list-style:none;}
#front .tools ul li {display:inline; font-size:1em; font-weight:bold;}
#front .tools ul li.demo { background:url(img/demo.gif) no-repeat 0 1px; padding:0 10px 0 17px;}
#front .tools ul li.buy { background:url(img/demo.gif) no-repeat 0 1px; padding:0 10px 0 17px;}
#front .tools ul li.tips { background:url(img/details.gif) no-repeat 0 1px; padding:0 10px 0 17px;}

.votsiable {padding:10px 0 0 0;}
.sociable {padding:5px 0 5px 15px; float:right; width:140px; overflow:hidden;}
.sociable ul li {display:inline; float:left; padding:0 5px;}
.ratingblock {font-size:11px !important;}


/* Midle */
#midle {/*WIDTH*/ width:610px;}
#midle .spacer {padding:0;}
#midle .more-link {padding:0px 0 15px 18px; display:block; margin-top:10px; float:right; background:url(img/demo.gif) no-repeat 0 3px; font-weight:bold;}


/* Post style */
#front .post {margin-bottom:10px; border-bottom:1px solid #494b4b; padding:0 0 15px 0;}
#front .post .spacer { padding:0 15px 20px 15px;}

#front .post h2 {margin-bottom:0; font-size:2.3em; font-family:"Trebuchet MS";}
#front .post h2 a:hover {text-decoration:none; color:#fff;}

#front .post h3 {margin-bottom:0px; font-size:1.6em; font-weight:normal;}


#midle .lgpreview {width:610px; height:280px; overflow:hidden; margin-bottom:10px;}
#midle .get { background:url(img/getbg.jpg) no-repeat top; width:590px; height:70px; font-size:1.7em; padding:12px 0 0 20px;}
#midle .free {width:90px; height:92px; position:absolute; margin-left:500px; margin-top:170px;}
#midle .annual {width:90px; height:92px; position:absolute; margin-left:500px; margin-top:170px;}


/* post data */
#midle .postdata {font-size:11px; font-family:"Trebuchet MS"; font-weight:bold; margin-bottom:10px; background:url(img/postdatabg.gif) no-repeat; padding:3px 0 0 10px; width:600px; height:21px;}
#midle .postdata ul { list-style:none; margin:0; padding:0; color:#707070;}
#midle .postdata ul li { display:inline; padding:0 5px 0 5px;}
#midle .postdata .time {background:url(img/time.gif) no-repeat 0 2px; padding: 0 5px 0 20px; margin-right:5px;}
#midle .postdata .comments {background:url(img/comment.gif) no-repeat 0 2px; padding: 0 10px 0 18px;}
#midle .postdata .posted {background:url(img/posted.gif) no-repeat 0 2px; padding: 0 5px 0 20px; margin-right:10px;}
#midle .postdata .posted a {color:#707070;}
#midle .postdata .posted a:hover {text-decoration:none;}
#midle .postdata .edit {background:none;}

#midle ul {list-style:none; margin-bottom:20px;}
#midle ul li {padding:0 0 0 10px;}
#midle ul li {padding:0 0 0 15px; background:url(img/bullet-blue.gif) no-repeat 0 6px;}

/* Img aligns */
#midle img.alignleft {float:left; border:1px solid #C87910; padding:3px; margin-right:10px;}
#midle img.alignright {float:right; border:1px solid #C87910; padding:3px; margin-left:10px;}
#midle .thumb {float:left; padding:0 10px 0 0; border:1px solid #C87910; padding:3px;}
#midle .thumb img {border:1px solid #390B08; padding:3px;}



/* Comments */
.even {margin-bottom:10px; background:#F3F3F3; padding:10px;}
.odd {margin-bottom:10px; padding:10px;}
h3.ctitle {margin-bottom:10px;}
.commentlist { list-style:none;}
.commentlist cite, .commentlist cite a {font-weight: bold; font-style: normal; font-size: 1.1em;}
.commentlist cite {background:url(img/author.png) no-repeat 0 2px; padding:0 0 0 18px;}
.comment-author img {display:none;}

.commentmetadata {margin-bottom:10px; font-size:11px;}

.box {width:545px; background:#A40035 url(img/blockbg.gif) repeat-x top; border:1px solid #999; font-family:arial; font-size:12px; color:#000; padding:5px; overflow:hidden;}
.field { background:#A40035 url(img/blockbg.gif) repeat-x top !important; border:1px solid #999; font-family:arial; font-size:12px; color:#000; padding:3px;}

.submit { background:url(img/submit.gif) no-repeat; width:68px; height:32px; border:none; cursor:pointer;}


/* Navigation */
#navigation {font-weight:bold;}
#navigation .alignleft {float:left; padding:0 0 0 20px;}
#navigation .alignright {float:right; padding:0 20px 0 0;}


/* Sidebar 01 */
#sidebar {/* WIDTH */ width:300px; height:430px; margin:5px;}
#sidebar .spacer {padding:0;}
#sidebar a { color:#000;}
#sidebar a:hover {}
#sidebar h2 {font-size:2em; color:#fff; margin-bottom:0; padding:5px; font-family:"Trebuchet MS"; font-weight:normal; text-transform:uppercase;}
#sidebar ul { margin:0; padding:0;}
#sidebar ul li {list-style-type: none; list-style-image: none; margin-bottom: 10px;}
#sidebar ul ul {margin:0 5px 0 5px;}
#sidebar ul ul li {margin:0; padding: 2px 0 2px 17px; background:url(img/bullet.gif) no-repeat 0 7px; border:none; border-bottom:1px solid #A8D9EA;}
#sidebar ul ul ul {margin: 0 0 0 10px;}
#sidebar ul ul ul li {margin:0; border:none;}

#sidebar table td { background:#323438; padding:5px; text-align:center;}


/* ### FOOTER
----------------------- ### */
#footer {text-align:center; border-top:1px solid #999;}
#footer .fspacer {padding:10px;}

#footer .copyrighted {font-size:11px;}

#footer .bot-menu {padding:0px;}
#footer .bot-menu a {text-decoration:none;}
#footer .bot-menu a:hover {text-decoration: underline;}
#footer .bot-menu ul {list-style:none; font-size:12px; font-weight:bold;}
#footer .bot-menu ul li {display:inline; padding:0 5px 0 5px;}


/* Floating options */
.fl {float:left;}
.fr {float:right;}

.mgright {margin-right:10px;}
.mgtop {margin-top:10px;}
.mgbottom {margin-bottom:10px;}


/* Clearing */
.clr {clear:both;}
.mgright { margin-right:15px;}