/*
Theme Name: VTheme
Theme URI: http://vidiame.com
Description: Just for Vidiame.com
Author: Mohamed Amine.
Author URI: http://vidiame.com
*/

/*+++++++ BODY +++++++*/
*{ margin: 0px; padding: 0px; text-decoration:none; }
body { font-family: Arial; font-size: 13px; color: #4d4b4c;}
ul li {list-style:none; list-style-type:square; margin-left:20px;}
ol li {list-style-position: inside}

/*+++++++ H1,H2,H3 HYPERLINKS +++++++*/
h3 { padding:10px 0 10px 0; font-size:14px;}
h4 {border-bottom:2px solid #D1D1D1; font-family:arial; font-size:26px; font-weight:normal; letter-spacing:-1px; margin-bottom:10px; margin-top:18px; padding-bottom:5px;}
a:link {  text-decoration: none; color: #006699; border: 0px;}
a:active {color : #006699; border: 0px;}
a:visited { color :#006699 ; border: 0px;}
a:hover	{ color:#56bdea; border: 0px;}
a:focus { outline: none;}
.clear { clear: both; }


/*+++++++ MAIN +++++++*/
#frame,#content{ width: 955px; margin:auto; }
#content {margin-top: 25px; margin-bottom:60px;}


/*+++++++ HEADER+++++++*/
#header-wrap{background: #222629 none repeat scroll 0 0;}
#upper-header {background:#222629; border-bottom: 1px solid #333333; height:40px; position:relative;}
#blog-search {position:absolute;right:160px;}
#search-box {
    background:	#222629 none repeat scroll 0 0;
    border: 1px solid #CCCCCC;
    color:  #CCCCCC;
    font-family:    tahoma;
    font-size:	13px;
    height: 17px;
    padding: 1px;
    width: 160px;
}
#upper-header-fixed {margin:auto; position:relative; width:925px;}
.search-button {background:#222629 none repeat scroll 0 0; border:1px solid #CCCCCC; color:#CCCCCC;}
#blog-search {position:absolute; right:1px; top:8px;}
#vidiame-connect {position:absolute; left:1px; top:3px;}
#c-img{opacity: 0.5;}
#header {background-color:#222629; display:block; height:130px; margin:32px auto 0; width:955px;}
#logo {display: block; float:left; margin-top:15px; background: url(/wp-content/themes/vtheme/images/vidiame-logo.png); width: 300px; height: 100px; opacity:0.6;}
#logo a{display: block; width: 300px; height: 100px}
.vidiame-ht{overflow: hidden; position: absolute; left: -999px;}


/*+++++++ NAVIGATION+++++++*/
#nav{margin:auto; width:955px;}
#nav, #nav ul {list-style: none}
#nav li{float: left;list-style:none}
#nav li a { display:block; font-weight:bold; color:#fff; padding:6px 15px;}
#nav li a:hover {text-decoration: underline;}

#cat{float: left; clear: both}
#cat li a{ color: #333; font-size: 0.9em}
#cat li a:hover {color:#fff}

#subnav {position:relative; margin: 0 10px 5px; padding-bottom: 10px; font-size: 0.8em; border-bottom: 1px dotted #ccc}
#subnav ul {display: inline}
#subnav li a{float: left; padding: 1px 5px; margin-right:15px; background: #3b3b3b; border-left: 3px solid #8BDBFF; color: #fff }

/*+++++++ ENTRY +++++++*/
#left { float: left; width: 610px;}
#ads {float:right; padding-left:8px;}

.author-img{float: left; padding-right: 10px}
.box{color: #666;font-weight: normal; background: #fff; border: 1px solid #ccc; padding: 12px; margin-bottom:8px;}
.related-post {width: 530px; padding: 10px; margin: 0 10px}
.related-post {border:1px solid #AACCEE; background:#EBF3FB}
.related-post ul {border-top:1px solid #e6e6e6; margin-bottom: 5px;}
.related-post ul li {padding: 5px 0px; border-bottom: 1px solid #e6e6e6}

.content a {border-bottom: 1px dotted #ccc}
.entry {text-align: justify; width: 600px; padding:0 10px; margin-bottom:20px; line-height:140%}
.entry h2 {clear:both; font-family:arial; font-size:18px; font-weight:normal; letter-spacing:-1px; line-height:1.2;}
.entry h2 a {color:#1B5F82;; font-size: 30px;}
.entry h2 a:hover {text-decoration: underline;}
.entry p {font-size:14px; padding-bottom:10px;}
.related-list a {font-size: 18px; color:#003366; text-decoration: none;}
.related-list a:hover {font-size: 18px; color:#003366; text-decoration: underline;}

.alignright { float: right; } 
.alignleft { float: left ;}
.custom_image img{float:left; padding:3px; margin:7px 10px 15px 0; border: 2px solid #e6e6e6; height:90px; width: 90px}
.subcontrol {margin-bottom: 10px;padding:5px; font-size: 11px; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6}
.tags, .allinfos {margin-top: 15px;font-size: 14px; font-weight: normal;}
.allinfos {margin:10px 10px 10px 0; padding:5px 0;}
.share, .comments_rss, .reply {float: right; padding-left: 20px}
.reply {background: url(images/comments.gif) left no-repeat; margin-left:10px}
.comments_rss {background: url(images/feed.gif) left no-repeat; margin-left:10px; position:relative; top: 10px}
span.date { background:url(images/date.gif) no-repeat; padding-left:20px; }
span.comments { background:url(images/comment.gif) no-repeat; padding-left:20px; }
span.category { background:url(images/posted.gif) no-repeat; padding-left:20px; }
.navigation { width: 540px; padding:10px; line-height:140%; font-size:11px; }
.content{font-size: 14px;}
.post {position:relative;}
.related-posts {margin-top:30px;}
#comments-number {background:transparent url(images/comment-img.png) repeat scroll 0 0; font-size:14px; font-weight:bold; height:40px; line-height:32px; position:absolute; left:-80px; text-align:center; width:66px;}
.more-link{background-color: #FFFFB1;}

/*+++++++ SIDEBAR +++++++*/
#sidebar{float: right; overflow: hidden; width: 320px;}
#sidebar h2 {background:#F3F3F3 none repeat scroll 0 0; border:1px solid #E2E2E2; font-family:arial; font-size:24px; font-weight:normal; margin-bottom:12px; padding:2px;}
#sidebar ul, li{list-style-image:none; list-style-position:outside; list-style-type:none;}
#sidebar ul {margin-bottom:15px;}
#sidebar li a {font-size:18px; color:#003366;}
#sidebar li a:hover {font-size:18px; color:#003366; text-decoration: underline}
#sidebar-ads a{color:#666666; font-family:Helvetica,Arial,sans-serif; font-size:14px; line-height:20px; line-height:125px; font-weight:bold; overflow:hidden; clear:both;}
#sidebar-ads a:hover{ color:#666666; text-decoration: underline; font-family:Helvetica,Arial,sans-serif; font-size:14px; line-height:20px; line-height:125px; font-weight:bold;}
#sidebar-ads div{background: #E7E7E7 none repeat scroll 0 0; border:1px solid #CCCCCC; float:left; height:125px; margin:0 10px 10px 0; width:125px; text-align:center;}
#sidebar-ads {margin-left:28px;}

/*+++++++ ADMIN +++++++*/
#about {width: 350px; border:1px solid #FFD1AF; background:#FFF8AF; margin-bottom:10px; }
#about h2 {padding: 5px 10px;}
#author-box {margin: 10px;margin-top: 0px; font-size: 11px; text-align: justify;}
#author-box .avatar {float: left; padding: 3px; border: 1px solid #ccc; background: #fff; margin: 3px 10px 0 0}

/*+++++++ COMMENTS +++++++*/

#commentform p { padding-bottom:10px;}
#commentform #author { border:1px solid #dadada; height:20px; width:200px; }
#commentform #email { border:1px solid #dadada; height:20px; width:200px; }
#commentform #url { border:1px solid #dadada; height:20px; width:200px;}
#commentform #comment { border:1px solid #dadada; height:200px; width:550px;}

.commentlist li{list-style: none}
.comment-avatar img {float:left}
.trackbacks a {color: #006699; border-bottom: 1px dotted #e6e6e6;}
.author {background: #FFF8AF; padding-right: 10px;}
.comment-box{margin:0px; padding-top:20px; border-bottom:1px dotted #e6e6e6; min-height:60px;}
.comment-username {font-size: 18px; margin-left: 60px; font-family:georgia;}
.comment-text{margin-left: 60px;}
.comment-text a{color:#003366; font-size:14px; text-decoration:none;}
.comment-text a:hover{color:#003366; font-size:14px; text-decoration:underline;}

.m-formed{font-family: georgia; font-size: 18px;}
/*+++++++ FOOTER +++++++*/
#footer-wrap {
    background: #222629 url(images/footer-bg-full.gif) repeat-x scroll 0 0;
    display:block;
    margin:auto;
    padding-top:10px;
    position:relative;
    padding-bottom: 50px;
}
#footer-content{
    width: 770px;
    margin: 50px auto 0;
    overflow: hidden;
}
#footer-content h2{
    font-family: arial;
    font-size: 18px;
    color: #ffffff;
    margin:20px 0;
}
#box{
    width: 200px;
    float: left;
    margin-right: 55px;
}
#box p{
    color: #616f76;
    text-align: justify;
}
#footer-logo{
    background: url(images/vidiame-footer-logo.gif) repeat scroll 0 0;
    border:1px solid #30363B;
    height:60px;
    left:240px;
    position:absolute;
    top:-14px;
    width:202px;
}
#copyright {
    clear:both;
    font-size:12px;
    padding:25px 0 10px;
    text-align:center;
}

/**************** Misc *********************/
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 15px 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
hr { display: none; }
a img { border: none; }
.alignright{float:right;}
.alignleft{float:left; padding-left:30px; padding-bottom:20px;}
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}
code {font-size:1.0em;color: #000}

/*************** Plugins ******************/
.broken_link, a.broken_link {
    text-decoration: line-through;
}