/*  Theme Name: MOTH3R
	Theme URL:	moth3r.com
	
	Author: 	Ivan Santic
	Version: 	7.0
	www: 		moth3r.net
	Tags: 		Black, Portfolio
*/

/* General Tags */
* {color:#555; margin:0; padding:0; border:none;}

body {font-size:10px; line-height:20px; font-family:Helvetica,Arial,Verdana,"Lucida Grande","Lucida Sans",sans-serif; color:#111; background:#151515;}

a {color:#bebebe; text-decoration:none;overflow: hidden;outline: none;}

a:hover {color:white;}
strong{color:inherit; font-weight:bold;}
em{color:inherit; }
small{margin-right:5px; font-size:9px;}

h1, h1 a {font-size: 17px; font-weight:bold; color:#fff;}
h2, h2 a {color:#999;}
h3, h3 a {color:#999; font-size:20px; font-weight:normal; line-height: 30px; letter-spacing:0px;}
h4, h4 a {font-size: 14px;margin:0px 0 10px 0; color:#999;}
h5, h5 a {}

p {font-size:11px; color:#777;}
p.small {font-size:14px; color:#999;}
p.medium {font-size:14px; color:#999;}
p.big{font-size:14px; color:#999;}

li {color:#999;}

abbr, acronym {border-bottom:1px dotted blue; cursor:help;}
code, blockquote p, pre {font-size:10px; font-style:italic; color:#555; padding:10px; background:#070707; border-bottom:1px solid #151515; }
table {border-collapse: collapse; border-spacing: 0;}

/* Specific Tags */
object#MediaboxSWF:focus {outline: transparent none; }
#container {padding-left:20px; padding-right:20px; margin: 0 auto; width:940px; background:#000;}

#logo {float:left;width:250px;}
#id {margin-top:-2px; margin-left:0px; float:left; width:50px;}
#id a img:hover {border:0 none;}
#name{float:left;}
	
#header {border-top:1px solid #111; margin:0; padding-top:30px; width:100%;}

#video, #video:hover {background:#000; width:936px; height:360px; margin:0px 0 15px 0px;}

.loop {width:100%; margin-top:60px; margin-bottom:0px;}
.loop-front {margin-top:20px; width:970px;}
.loop-content {padding-top:10px;padding-bottom:0; width:100%; margin-top:0px;}

#column {padding:0px; float: right;}
.columns {padding-bottom:10px; padding-right:20px; float:left; width:300px;}
.columns h2{margin-top:10px; font-size: 13px; font-weight: bold;}
.columns p{padding-bottom:5px;}
.columns img, .archives img,.post-content img {display:block; padding:2px; border:1px solid #111;}
.columns blockquote p {font-size:10px; font-style:normal; color:#999; background:#000; padding:0px; border:none;}
	
.postimg {background:url(images/noimage.png); width:294px;height:165px;margin-top: 3px;}
.col {height:85px; overflow: hidden;}
.col-comments_field{float: right; width:33px; margin-top: -3px;}
.col-numbers{float: right; clear: right;}
.col-time {color:#555;}
img.col-comments {border: none; margin-top: 3px;}


div.spacer { clear:both; height:1px; font-size:1px; line-height:1px; }

.catbold {font-weight: bold;}

.post { text-align:left; padding:0;}
.post-content {display:block; float:right; margin-right:120px; margin-bottom:0px; width: 500px; text-align:left;}
.post-content p {margin-bottom: 20px; font-size:12px;}
.post-content h3 {margin: 20px 0 10px 0;}

.post-comment {text-align:left; padding:0; margin:0px; font-size:10px;}
.post-comment p{font-size:11px; padding:0; margin-bottom:10px; }

#comment-info {text-align:left; padding-top:20px;}
#comment-info p{margin:0; padding:0;}
#comment-form {text-align:left; margin-top:0px; margin-bottom:40px;}
#comment-form .post-content p {margin:0; padding:0;}

.page-content {display:block; float:right; margin-right:120px; margin-bottom:20px; width: 500px; text-align:left;}
.page-content p{margin-bottom: 30px; font-size:12px;}
.page-content h3{margin-bottom: 20px;}

.meta {float: left; padding-left: 50px; width: 200px;}
.meta ul {list-style: none; border-top: 1px solid #252525;}
.meta li {font-size:11px; border-bottom: 1px dotted #222;}
.meta h2 {font-size: 18px; font-weight: bold; padding-bottom:10px;}
.meta h3 {font-size: 12px; color:#555;}
.meta ul {margin-top: 0px; padding-top:5px;}
	
.archives {display:block; float:right; width: 620px; text-align:left; padding-bottom:50px;}
.archive-left {float:left;width:300px;margin-left:0px;}
.archive-right {float:left;width:260px;margin-left:20px;padding-top: 10px;}
.archive-right p {padding-bottom:5px;}
.archive-left ul,.archive-right ul {padding-bottom:20px;list-style:none;}
	
.navlinks { margin-bottom:20px; width:100%; border-bottom: 1px solid #222;}
.navleft { margin-top:10px; float: left;}
.navright { margin-top:10px; float: right;}

.moretag  {padding-top:40px;width: 100px;}
.edit-link {clear:both;}
.sharethis {display:inline;margin-right:10px;}
.sharethis p{display:inline;}
.enter {margin-top:-20px; font-size:9px; float:right;}

.tooltip {max-width: 400px; padding: 3px; margin:5px;background: #000; padding:10px; z-index: 1000;}
.tip-title {font-size:20px;color: #fff;  }
.tip-text {font-size:10px;}
img div.tooltip{display:none;}

.details {margin-top:35px;line-height:15px;}
.details p{padding-top:0px;margin-right:10px;}

/* Menu */
#menu {border-top:1px solid #000; width:100%; margin-top:30px; padding:0;}
#suckerfishnav, #suckerfishnav ul {line-height:26px; border-top:1px solid #151515; border-bottom:1px solid #252525; background:#151515; width:100%; float:left; list-style:none; padding:0; margin:0; width:100% ;}
#suckerfishnav a {margin-bottom:-2px; border-left:1px solid #151515; display:block; color:#999; font-size: 11px; font-weight: bold; text-decoration:none; padding:0px 10px;display:block; color:#999; font-size: 11px; font-weight: bold; text-decoration:none; padding:0px 10px;}
#suckerfishnav a:hover {color:#fff;}
#suckerfishnav li {float:left; padding:0;}
#suckerfishnav li:hover {}
#suckerfishnav li:hover a {color:#fff;}
#suckerfishnav ul {position:absolute; left:-999em; height:auto; width:150px; font-weight:normal; margin:0; line-height:1;border:0}
#suckerfishnav li li {width:150px;}
#suckerfishnav li li a {padding:5px 10px; width:130px; font-size:11px; font-weight:normal; color: #999;}
#suckerfishnav li ul ul {margin:-20px 0 0 150px;}
#suckerfishnav li li:hover {background:#fff;}
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a  {color:#000;}
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {color:#999;}
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul {left:-999em;color:#999;}
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul {left:auto; background:#151515;}
#suckerfishnav .current_page_parent{color: #fff !important; font-weight: bold;}
#suckerfishnav ul li .current_page_parent:hover{color: #fff !important; font-weight: bold;}
.current_page_parent a{background:#000; color:#999; font-weight:bold ;}
.current_page_parent ul li a:hover{background:#fff; color:#000 !important; font-weight:bold !important;}

/* Sub Menu */
#submenu {color: #000;padding:0px; width:150px; margin-top:1px; float:right;}
.sub_menu li {padding:0 6px 0 6px; font-size:11px; float:left; list-style: none;}
.sub_menu li:hover ul, .sub_menu li.iehover ul {font-weight:normal; left: auto;}
.sub_menu li a{font-weight:bold;}
.sub_menu ul li {background: #151515;  }

.sub_menu .cat-item,.sub_menu .cat-item:visited {color:#999; text-decoration:none; margin:0; display:block;}
.sub_menu .cat-item li ul,.sub_menu .cat-item li ul:visited {padding:0 6px 0 6px;}
.sub_menu .cat-item li:hover {background:#fff; color:#000; text-decoration:none;}

.children {position:absolute; left: -9000px; background:#000;}
.children li, .children li:visited {width:105px; display:block; float:none; font-size:10px;background:#000; color:#999;}
.children li:hover {background:#000; color:#fff;}
.current-cat, .current-cat:visited {background:#222 !important; color:#fff !important;}
.children.current-cat:hover {background:#222 !important; }
.current-cat ul li, .current-cat ul li:visited {background:#222 !important; color:#999 !important; text-decoration:none;}

/* TagMenu */
.twitter {letter-spacing:0px; padding-top:10px; color:#999; margin:0px; font-size:25px;}
.twitter p{font-size:15px;line-height:20px; }

#taglist h2 {margin:20px 0 0 0px; }
#taglist h2 a{padding:0px 5px 0px 5px; font-weight:bold; font-size:15px; color:#000; background:#999;}
#taglist h2 a:hover {color:#000; background:#fff;}

#taglist, #taglist ul { /* all lists */	padding:0; margin: 0; list-style: none; line-height: 1; }
 #taglist ul { /* all lists */	padding:10px; margin: 0px;  }
#taglist a {width: 940px;}
#taglist li {float: left;}
#taglist li a{ }
#taglist li ul li {padding:0px;}
#taglist li ul {position: absolute; background: #151515; display:none; }
#taglist li:hover ul, #taglist li.sfhover ul {width: 920px; display:block;}

/* Forms */
fieldset {border: 0;}
label {display:block; clear:both}
legend {display:none;}
textarea {height: 250px; margin: 0; padding:0; width:100%;}
input {width:210px; }

input, textarea {padding:2px; border:1px solid #111; border-bottom:1px solid #252525; border-right:1px solid #252525; color: #666; background: #222;}

input:active, textarea:active, input:focus, textarea:focus  {border-top:1px solid #000; border-bottom:1px solid #252525; color:#000; background:#222;}

input:hover, textarea:hover {border:1px solid #252525;}
input#button, input.button {margin-top:10px; width:50px; font-size: 12px; font-weight:bold; border:0px; color: #999; background: none;}
input#button:hover, input.button:hover {border:none; color: #fff; background: none;}

.form-submit .button {float:right;margin-top:-20px;}

#ec_subject, #url {margin-bottom:20px;}
#ec_message {margin-bottom:10px;}

#search {width:130px; float:right;}
#search input {width:100px; text-align:right;}
input#searchsubmit {float:left; width:14px; height:13px; background:url(images/search.gif) no-repeat; position:relative; margin:4px 7px 0px 0px; border:none;}
input#searchsubmit:hover {background:url(images/search.gif) no-repeat;  border:none;background-position: right;}
input#searchsubmit:active {border:none;}

.formcontainer{clear: both; overflow: hidden; width: 100%; margin-bottom:30px;}
.formcontainer p{margin-bottom:10px;}

/* Sidebar*/
#sidebar li a{color:#777;}
#sidebar {width:100%;}
#sidebar .current-cat{display:none;}
#sidebar ul {margin-bottom:30px;border-top:1px dotted #222;}
#sidebar li {list-style:none; border-bottom:1px dotted #222; line-height:18px; font-size:10px;}
#sidebar #about {margin-right:20px; width: 160px;}
#sidebar #about p{margin-bottom:10px;font-size:10px; line-height:14px; }
#sidebar #sidebar-sitemap {margin-right:20px; width: 80px;}
#sidebar #sidebar-links {width: 120px;margin-right:20px; }
#sidebar #sidebar-posts {width: 300px;}
#sidebar #sidebar-comments {width: 160px;margin-right:20px;}
#sidebar #sidebar-news {width:100px; margin-right:20px;  }
#sidebar #sidebar-portfolio {width:100px; margin-right:20px;}
#sidebar #sidebar-archives {height:200px; width: 120px;margin-right:20px;}

.block {float:left; padding-bottom: 0px; list-style:none;}
.block h2, .block h3 {text-transform: uppercase; font-size:10px; letter-spacing:1px; margin:0 0 10px 0;}

/* Sitemap */
.ddsg-wrapper h2 {padding-bottom:10px;}
.ddsg-wrapper ul {padding-left:30px; padding-bottom:10px;}

/* Footer */
#footer a{color #aaa;}
#footer {width:100%; text-align: left; padding:0px 0px 20px 0; margin:0 0px 0px 0px;}
#footer ul {border-top: 1px dotted #252525;padding-top:5px;}
#footer li {position:absolute; list-style:none; float:left;}
#footer li a {font-size:10px; margin-left:0px; margin-right:0px;}
#footer-top {margin-left:0px;}
#footer-host {margin-left:230px;}
#footer-network {margin-left:320px;}
#footer-xhtml {margin-left:570px;}
#footer-css {margin-left:640px;}
#footer-sitemap {margin-left:900px;}

.foots {border-top:1px dotted #222; text-align:center; width:100%; font-size:11px; padding:3px 0 2px 0;}