/*
Theme Name: XuroqFlash
Theme URI: http://xuroqflash.com/
Description: Latest XuroqFlash Wordpress theme.
Version: 3.0
Author: Tom Parsons
*/

/*Main*/
html{}
body {background: #D5D5D5 url(images/bg-top.jpg) repeat-x top; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; border:0; color:#555555; height:100%;}
a {text-decoration:underline; color:#555555; -webkit-transition: all 0.2s linear;}
a:hover {color:#900;}
img,:link img,:visited img, fieldset {border:none;}
p{margin:10px 0; padding:0;}
h1{margin:0; font-size:18px; text-transform:uppercase; color:#333; padding:0 0 5px 0; text-shadow: 1px 1px white;}
h2{margin:0; font-size:16px; text-transform:uppercase; color:#333; padding:0 0 5px 0; text-shadow: 1px 1px white;}
h3{margin:0; font-size:14px; text-transform:uppercase; color:#333; padding:0 0 5px 0; text-shadow: 1px 1px white;}


#wrap {width:100%; background:url(images/bg-centre.jpg) top center no-repeat; }
#content {width:958px; margin:0 auto; padding:20px 0 0 0; text-align: left;}

/*Header*/
#header{margin:40px 0 20px;}
#header #top_ad {float:right; margin:-5px 50px 0 0;}
#logo {float:left; margin:0 0 15px 5px;} 
#nav {background-color:#fafafa; border-bottom:3px solid #c6c6c6; border-right:3px solid #c6c6c6; border-top:3px solid #F2F2F2; border-left:3px solid #F2F2F2;}
#nav ul {float:left;padding:0;margin:0;list-style:none;}
#nav li {display: inline; list-style-type: none; line-height:33px}
#nav li a {padding: 11px; font-size: 90%; border:0px; color:#666; text-transform:uppercase; text-decoration:none}
#nav li a:hover {color: #900; text-decoration: none;}
#nav .rss {float:right; margin:5px 8px 0 0;}
#nav .fb-like {float:right; margin:5px 12px 0 0; border:none; width:52px; height:25px}
#nav .twitter-share {float:right; margin:5px 10px 0 0; }

/*Index*/
#items {margin:0 -10px 0 -10px; position:relative;}
#items #item {float:left; width:300px; background-color:#fafafa; border-bottom:3px solid #c6c6c6; border-right:3px solid #c6c6c6; border-top:3px solid #F2F2F2; border-left:3px solid #F2F2F2; margin:0 10px 20px 10px; position:relative; }
#items #item .img {width:300px; height:220px; opacity:0.9; filter:alpha(opacity=90); -webkit-transition:all .2s ease-out}
#items #item .img:hover {opacity:1; filter:alpha(opacity=100);}
#items #item .text { border-top:2px solid #333;padding:10px; text-transform:uppercase; font-size:11px;}
#items #item a {text-decoration:none;}
#items #item .title {float:left;}
#items #item .download {float:right; margin:-3px 0 -3px;}

#items #adspace {float:left; width:300px; background:#fafafa; border-bottom:3px solid #c6c6c6; border-right:3px solid #c6c6c6; border-top:3px solid #F2F2F2; border-left:3px solid #F2F2F2; margin:3px 10px 20px 10px; position:relative;}
#items #adspace .img {width:300px; height:250px;}

#orderby {width:150px; float:left; background-color:#fafafa; border-bottom:3px solid #c6c6c6; border-right:3px solid #c6c6c6; border-top:3px solid #F2F2F2; border-left:3px solid #F2F2F2; padding:5px; outline:none;}

#page-nav {font-size:12px; margin-top:7px; float:right;}
#page-nav .bg {background:#c6c6c6; position:relative; margin:0;}
#page-nav a,
#page-nav .wp-pagenavi a,
#page-nav .wp-pagenavi a:link,
#page-nav .wp-pagenavi a:visited, 
#page-nav .wp-pagenavi span.pages {background-color:#fafafa; border-bottom:3px solid #c6c6c6; border-right:3px solid #c6c6c6; border-top:3px solid #F2F2F2; border-left:3px solid #F2F2F2; padding:5px 10px; margin:3px;}
#page-nav .wp-pagenavi .current, 
#page-nav .wp-pagenavi .on {background-color:#E0E0E0; border-bottom:3px solid #c6c6c6; border-right:3px solid #c6c6c6; border-top:3px solid #F2F2F2; border-left:3px solid #F2F2F2; padding:5px 10px; margin:3px;}
#page-nav .wp-pagenavi a {text-decoration: none !important; color:#555555;}
#page-nav .wp-pagenavi a:hover {background:#E0E0E0; color:#900; }
#page-nav .wp-pagenavi .extend {background:none; border:none; }
#page-nav .wp-pagenavi {}

/*Page*/
#page {background-color:#fafafa; border-bottom:3px solid #c6c6c6; border-right:3px solid #c6c6c6; border-top:3px solid #F2F2F2; border-left:3px solid #F2F2F2; padding:20px; min-height:450px; line-height:18px;}

/*Single*/
#left {width:400px; float:left;}
#info {float:left; width:100%; border-bottom:3px solid #c6c6c6; border-right:3px solid #c6c6c6; border-top:3px solid #F2F2F2; border-left:3px solid #F2F2F2; background:#FFF; padding:15px;}
#info p {margin:0;}
#info #meta {margin:20px 0 0 0; list-style-type:none; padding:0; font-size:14px; float:left; width:175px;}
#info #meta .size {background:url(images/size.png) no-repeat; padding-left:25px; margin-bottom:8px;}
#info #meta .date {background:url(images/date.png) no-repeat; padding-left:25px; margin-bottom:8px;}
#info #meta .author {background:url(images/author.png) no-repeat; padding-left:25px;}
#info #download {float:right;}
#info #download .button {width:220px; height:52px; background:url(images/download-large.png) no-repeat; background-position: 0 0; margin-top:30px}
#info #download .button:hover {background-position:0 -52px;}

#related {float:left; width:100%; border-bottom:3px solid #c6c6c6; border-right:3px solid #c6c6c6; border-top:3px solid #F2F2F2; border-left:3px solid #F2F2F2; background:#FFF; padding:15px; margin-top:12px;}
#related .list {width:250px; float:left;}
#related ul {margin:-5px 0 0 0; padding:0; list-style-type:none; }
#related ul li {padding-left:20px; line-height:10px; background:url(images/arrow.png) no-repeat; margin-top:10px; }
#related .related-img {float:right; margin-top:-25px; margin-bottom:-5px}
#related a {text-decoration:none;}

#share {float:left; width:100%; border-bottom:3px solid #c6c6c6; border-right:3px solid #c6c6c6; border-top:3px solid #F2F2F2; border-left:3px solid #F2F2F2; background:#FFF; padding:15px; margin-top:12px;}
#share p {margin-top:0px;}
#share a {text-decoration:none;}
#share img {margin:2px 6px 2px 0;}
.FBConnectButton_Small{background-position:-5px -232px !important;border-left:1px solid #1A356E; }
.FBConnectButton_Text{margin-left:12px !important; padding:2px 3px 3px !important; }

#swf {float:right; margin-top:2px;}

/*Comments*/
#comments-slider {margin:20px auto 0 auto; width:260px; border-bottom:3px solid #c6c6c6; border-right:3px solid #c6c6c6; border-top:3px solid #FFF; border-left:3px solid #FFF; background:#F4F4F4 url(images/comment.png) no-repeat}
#comments-slider .slider {text-align:center; padding:10px 10px 10px 40px; margin-top:-1px;}
#comments-slider a {text-decoration:none;}
#comments-all {}
#comments {background:#F4F4F4; padding:20px; border-bottom:3px solid #c6c6c6; border-right:3px solid #c6c6c6; border-top:3px solid #FFF; border-left:3px solid #FFF; width:650px; margin:20px auto 0 auto;}
#comments h1 {margin-bottom:20px;}
#comments ol.comment_list{padding:0;margin:0;line-height:180%;font-size:100%;}
#comments ol.comment_list li{list-style:none;}
#comments .comment_author{float:left;width:120px;margin-bottom:30px;}
#comments .comment_author p{font-size:12px;margin-bottom:0px;line-height:1.5em;color:#5f6565;}
#comments .single_comment{position:relative;padding:15px 20px 0 20px;background:#fff;border:1px solid #e0e5e5;width:450px;float:right;margin-bottom:30px;min-height:110px;}
#comments li.author .single_comment{position:;padding:15px 20px 0 20px;background:#EAB5D8;border:1px solid #641A48;width:450px;float:right;margin-bottom:30px;min-height:110px;}
#comments .comment_list{padding-bottom:40px;}
#comments .comment_arrow{position:absolute;top:25px;left:-17px;}
#comments .single_comment p{font-size:12px;line-height:1.5em;margin-bottom:10px;}
#comments .comment_author span{font-size:10px;font-family:'Lucida Grande',Tahoma,Verdana,sans-serif;display:block;color:#a6a6a6;}
#comments p {margin:0}
#comments .avatar {padding:3px; border:1px solid #E5E5E5; background:#FFF}
#commentform input.txt  { width: 260px; margin: 0 5px 10px 0; padding: 7px 5px; border: 1px solid #E0E0E0; }
#respond {margin:30px auto 0 auto; border-bottom:3px solid #c6c6c6; border-right:3px solid #c6c6c6; border-top:3px solid #FFF; border-left:3px solid #FFF; background:#F4F4F4; padding:20px; width:650px;}

/*Footer*/
#footer {background:#eaeaea url(images/bg-footer.jpg) repeat-x; margin-top:30px; border-bottom:1px solid #CCC;}
#footer #content {width:958px; margin:0 auto; padding:30px 0; line-height:18px; font-size:11px;}
#footer #content a {color:#900; text-decoration:none;}
#footer #content a:hover {text-decoration:underline;}
#footer #content .about {width:306px; float:left; margin-right:20px; }
#footer #content .submit {width:306px; float:left; margin-right:20px; }
#footer #content .resources {width:306px; float:left; }
#footer #content .resources a:hover {text-decoration:none;}
#footer #content .resources ul {list-style-type:none; margin:0; padding:0; font-size:12px;}
#footer #content .resources li {padding:5px 0 3px 3px; border-bottom:1px dotted #CCC;}
#footer #content .resources li:hover {background:#DFDFDF;}
#footer #content #copyrights {width:100%; border-top:1px dotted #CCC; margin-top:30px; padding:5px 5px 0}
#footer #content #copyrights .fleft {float:left;}
#footer #content #copyrights  .fright {float:right;}