/* RESET CSS */
html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}

body {font: 75%/170% Arial, Helvetica, sans-serif; color: #000; background:#1c72af url(/img/twibg.gif); background-attachment:fixed; background-position: top left; margin: 0;	padding: 0;}

/* page */
body.page {background:#fff url(/img/topbgpage.gif) repeat-x top;}

a {color: #5aadee; text-decoration:underline; outline: none;}
a:visited {}
a:hover {text-decoration: none; color:#ff6600;}
a.dotted { text-decoration:none; border-bottom:1px dotted #5aadee; }

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

/* ### TITLES ### */
h1, h2, h3 {margin-bottom:15px; font-family:"Trebuchet MS";}

img {border: none;}

/* ### HEADER and bars
----------------------- ### */
#extrabar {height:25px; width:763px; margin:0 auto; font-size:11px; font-weight:bold; color:#fff;}
#extrabar .spacer { padding:3px 0 0 0;}
#extrabar span.num {color:#ffea00; font-family:"Trebuchet MS"; font-size:1.1em;}

#header {height:126px; width:763px; margin:0 auto; background:url(/img/headerbg.gif) no-repeat;}
#header h1 {margin-bottom:10px; font-size:2.5em; color:#fff;}
#header .logo {position:absolute; margin-top:3px; margin-left:15px;}
#header .moto {position:absolute; margin-top:80px; margin-left:200px; z-index:10; font-size:11px; color:#888685;}
#header .whatistwicam {position: absolute;margin-top:25px;margin-left:440px;width:250px;color:#000;line-height:1.4em;}
#header .whatistwicam b {font-size:1.4em;color:#5aadee;}
#header .social { position:absolute; margin-left:615px; margin-top:155px;}

.link {position:absolute; z-index:20; margin-left:65px; margin-top:0px;}

/* Top navigation */
#topnav {width:763px; margin:0 auto; background:#2176b4 url(/img/topnavbg.gif) no-repeat top left; color:#ffe600;}
#topnav .spacer {padding:5px 10px 10px 50px;}
#topnav a {text-decoration:none; color:#fff;}
#topnav a:hover {color:#FFD200;}
#topnav ul {list-style:none;}
#topnav ul li {display:inline; padding:0 8px 0 8px;}
#topnav ul li.user { background:url(/img/user.gif) no-repeat; padding:0 5px 0 18px;}
#topnav ul li.exit { background:url(/img/exit.gif) no-repeat; padding:0 5px 0 18px;}


/* ### WRAPERS, CONTAINERS
--------------------------- ### */
#wrap {width:763px; margin:0 auto; background:#5aadee url(/img/wrapbg.gif) repeat-x top; overflow:hidden;}
#wrap .spacer { padding:0 20px 20px 20px;}

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

/* Midle */
.midle {background:#fff url(/img/xbg.gif) repeat-x top; border:1px solid #2176b4; padding:15px;}

.midle h1 {margin-bottom:15px; font-size:40px; line-height:25px; font-weight:normal; padding:4px 0 0 0;}
.midle h2 {margin-bottom:10px; font-size:20px; color:#585858; line-height:25px; font-weight:normal;}

.avatar {background:url(/img/useravatar.gif) no-repeat; width:56px; height:73px; padding:8px 0 0 8px; margin-right:10px; float:left;}
.midle span.name {font-size:2em; font-weight:bold; line-height:1.2em;}
	.name a, .name a:link, .name a:active, .name a:visited { text-decoration:none;}
.midle span.posted {font-size:0.9em; color:#585858;}
.midle span.descr {line-height:18px;}
.midle span.title {font-weight:bold; font-size:1.2em; color:#585858;}

.midle .preview {text-align:center;}
.midle .preview img {border:10px solid #88c4f3;}

.midle .shotrow {margin-bottom:20px; position:relative; background:#bfe1fb; color:#000; padding:10px; border:1px solid #2176b4; height:1%;}
.midle .shotrow p { padding:10px 20px 10px 0;}
.midle .shotrow em.timepost {background:#fff url(/img/timepostbg.gif) repeat-x; font-size:11px; margin-bottom:15px; padding:3px; border:1px solid #b1cee4;}
.midle .shotrow em.tools {display:none;}
.midle .shotrow em.tools a:hover {color:#000;}
.midle .shotrow em.tools a.comment {background:url(/img/comment.gif) no-repeat; padding:0 10px 0 18px; position:relative;}
.midle .shotrow em.tools a.twitter {background:url(/img/twittermini.gif) no-repeat; padding:0 0 0 18px; position:relative;}

.midle .shotrow em.qcom {display:none;}
.midle .shotrow em.qcom input {padding:5px; margin:10px 10px 0 0; width:180px; color:#9d9d9d; font-size:0.9em;}

/* CamBlock*/
#cam {height:1%;}
#cam p {margin:0; padding:0 0 15px 0;}
#cam a:hover {color:#e98513;}

p.loud {font-size:1.5em; line-height:1.2em;}
p.loud span {color:#5aadee; font-weight:bold;}
p.loud span.yellow {color:#f0920b;}

#camwindow {display:none;}


/* submenu tabs */
ul#submenu { list-style:none; margin:0 0 15px 0; float:left; }
	ul#submenu li { float:left; margin:0 15px 0 0; font-size:1.3em; color:#444; padding:5px;}
	ul#submenu li.active { background: #ddd; font-size:1.6em; }


/* Gallery Thumbs */
#thumbs {margin:0}
* html body #thumbs {margin:-10px}
#thumbs ul { clear:left;}
#thumbs ul li {background:url(/img/thumbbg.gif) repeat-y; width:134px; float:left; position:relative; padding:10px; margin:8px 8px; text-align:center; border-top:1px solid #0893db; border-bottom:1px solid #0893db;}
#thumbs ul li img {border:1px solid #fff;}

#thumbs ul li em {background:#fff; width:120px; padding:5px; position:absolute; top:10px; left:12px; z-index:5; color:#8B8861; display:none;}
#thumbs ul li em img {float:left; margin-right:5px;} 
#thumbs ul li em span {color: #000; font-weight: bold; line-height:16px; display:block; font-size:0.9em;}
#thumbs ul li em span.time {font-style:italic; font-weight:normal;}

#thumbs ul li em.tools {background:#034270; width:120px; padding:5px; position:absolute; top:52px; left:12px; z-index:5; color:#fff; display:none; font-size:0.9em; line-height:16px;}
#thumbs ul li em.tools a {color:#fff; text-decoration:none;}
#thumbs ul li em.tools a:hover {text-decoration:underline;}

#thumbs ul li p {margin:0; padding:0; color:#fff; font-size:0.9em; line-height:15px; padding:0 0 0 5px; text-align:left;}

#thumbs ul li a {color:#ffe400;}
#thumbs ul li .rate { background:#fff; border:1px solid #0893db; padding:1px;}


/* Tabs */
ul#tabs {}
ul#tabs li {
	background:url(/img/tableft.gif) no-repeat left top; 
	vertical-align:middle;
	display:block; /*opera*/
	display:inline-block; /*ie*/
	display:-moz-inline-box;  /*ff*/
	list-style:none;	
	float:left;
	margin-right:5px;
	font-size:1.2em;
	font-weight:bold;
}

#tabs li a {text-decoration: none; background: url(/img/tabright.gif) no-repeat right top; display:block; color:#fff;}
#tabs li a:hover {color:#000; text-decoration:none;}

#tabs span {line-height:34px; padding:0; margin-left:12px; margin-right:12px; display:block; margin-bottom:8px;	background: url(/img/tabbg.gif) repeat-x;}

#tabs li.active {background:url(/img/activetableft.gif) no-repeat left top;}
#tabs li.active a {background: url(/img/activetabright.gif) top right no-repeat; color:#2176b4;}
#tabs li.active a:hover {color:#000;}
#tabs li.active span {background: url(/img/activetabbg.gif) repeat-x;}

#tabs li.hover {background:url(/img/hovertableft.gif) no-repeat left top;}
#tabs li.hover a {background: url(/img/hovertabright.gif) top right no-repeat;}
#tabs li.hover span {background: url(/img/hovertabbg.gif) repeat-x;}

/* Wide */
#wide {background:#88c4f3 url(/img/widetop.gif) no-repeat top; margin-top:20px; height:1%;}
#wide .spacer {background:url(/img/widebot.gif) no-repeat bottom; padding:20px;}

#wide.gallery {margin-top:0 !important;}

/* Sidebar */
#sidebar {/* WIDTH */ width:239px; background:#fff; border:1px solid #2176b4;}
#sidebar .spacer {padding:15px 15px 15px 15px;}
#sidebar h2 {font-size:1.3em; font-weight:bold; margin-bottom:0; text-align:left; color:#585858;}
#sidebar strong {font-weight:bold;}
#sidebar span {font-weight:bold;}

#sidebar ul {margin-bottom:15px; list-style:none;}
#sidebar ul#info li {background: url(/img/news.png) no-repeat 0 4px; padding:5px 0 5px 16px; line-height:18px; font-size:14px; border:none;}
#sidebar ul li {border-bottom:1px dotted #B6D6F0; padding:5px 0 5px 0;}

#sidebar .tsign {text-align:center; margin-bottom:10px;}
#sidebar .tsign img {border:4px solid #8cc3ed;}

/* sidebar gallery */
#sidebar.gallery {background:none !important;}
#sidebar.gallery .spacer {background:none !important;}


/* ### FOOTER
----------------------- ### */
#footer {text-align:center; color:#fff; background:url(/img/footerbg.gif) repeat-x top; width:763px; margin:0 auto;}
#footer .bot-menu {padding:6px 0 0 0; font-size:11px; margin-bottom:8px;}
#footer .bot-menu a {text-decoration:none; color:#3585bb;}
#footer .bot-menu a:hover {text-decoration: underline;}
#footer .bot-menu ul {list-style:none; font-weight:bold;}
#footer .bot-menu ul li {display:inline; padding:0 5px 0 5px;}
#footer .copyrighted {font-size:11px;}


/* misc */
.fl {float:left;}
.fr {float:right;}
.clr {clear:both;}
.clrl {clear:left;}
.hdn { display:none; }
.dnone {display:none;}
.mgbot { margin-bottom:20px;}
.mgright { margin-right:20px;}
.padded10 { padding:10px;}


/* paginator */
#pagnav {font-weight:bold; font-size:1.3em;}
#pagnav .alignleft {}
#pagnav .alignright {}


/* Clearing */
.clr {clear:both;}


/*Frames*/
#frames {padding:10px 0px 0px 0px;}
#frames .slide {float:left; /*background:url(/img/frame.gif) no-repeat;*/ background:#4089be; width:125px; height:84px; padding:10px; margin-right:15px; margin-bottom:10px; }
#frames .slide .preview {width:100px; height:75px; float:left;}
#frames .slide .preview img {border:1px solid #FFFFFF;}
#frames .slide .tools {width:12px; float:right; padding:0px 0px 0px 12px;}
/*#frames .slide .tools .obj {padding:0px 0px 5px 0px;}*/
#frames .slide .tools ul {margin:0; padding:0;}

#frames .slide .tools ul li {list-style:none; padding:0px 0px 3px 0px;}
#frames p {margin-bottom:10px; font-size:11px;}


#settings {
	margin-top:10px;
	}

#preview { width:400px; height:400px; padding:10px; }
#save { width:400px; height:400px; padding:10px; }



#userPage {
	}
	#userPage .avatar {
		float:left;
		}

/* boxy */
.boxy-inner { color:#000; }

/* forms */
.form {
	}
	.form .input {
		width:200px;
        margin-bottom:5px;
		}
	.form label {
		float:left;
		width:140px;
		padding-right:10px;
		text-align:right;
		}
		.form.wide label {
			width:200px;
			}
    .form label.t {
        width:200px;
        padding:0;
        text-align:left;
        }
    .form label.l {
        float:none;
        width:auto;
        padding:0;
        }
	.form br {
		clear:left;
		}
		.form.nc br { clear:none; }
    .comment, .error {
        padding:10px;
        background:#F9F1A6;
        }
    .form .tip {
        margin: 0 0 10px 160px;
        font-size:0.8em;
        }
    .form .submit {
        margin-top:10px;
        padding:5px;
        background:#F9F1A6;
        }
    .input.err {
        border:1px solid red;
        }
    .input.w300 {
    	width:300px;
		}
    .input.w600 {
    	width:600px;
		}
    .input.w90p {
    	width:90%;
		}
	.error {
	    color:#CE0000;
	    }
	    .error ul {
	        margin-left:18px;
	        }
	    .error h2 { margin:0 }
	.button, .bigButton {
		cursor:pointer;
		}

	.bigButton {
	    font-size:16px;
	    }
	
/* icons */
.icon { padding-left:20px; }
.icon.zoom { background:url(/img/icon_zoom.gif) center left no-repeat; padding-left:16px; }
.icon.delete { background:url(/img/icon_delete.png) center left no-repeat; padding-left:16px; }
.icon.edit { background:url(/img/icon_edit.png) center left no-repeat; padding-left:16px; }
.icon.mail { background:url(/img/icon_mail.png) center left no-repeat; }
.icon.mail_write { background:url(/img/icon_mail_write.png) center left no-repeat; }
.icon.mail_blink { background:url(/img/icon_mail_blink.gif) center left no-repeat; }
.icon.comments { background:url(/img/icon_comments.png) center left no-repeat; }
.icon.comments_add { background:url(/img/icon_comments_add.png) center left no-repeat; }
.icon.time { background:url(/img/icon_time.png) center left no-repeat; padding-left:18px; }
.icon.user { background:url(/img/icon_user.png) 3px center no-repeat; }
.icon.user_female { background:url(/img/icon_user_female.png) 3px center no-repeat; }
.icon.online { background:url(/img/icon_online.png) top left no-repeat; }
.icon.offline { background:url(/img/icon_offline.png) center left no-repeat; }
.icon.search { background:url(/img/icon_search.png) center left no-repeat; }

hr {
	height:1px;
	border:none;
	color:#ddd;
	background-color:#ddd;
	margin:10px 0 10px 0 ;
	border-width:0px;
	}

/* comments */

.commentReplies {
	padding-left:60px;
	}
.blogComment {
	padding:5px;
	margin-bottom:5px;
	border-bottom:1px solid #ddd;
    }
    .blogComment .avatar {
    	margin:0;
		float:left;
        }
        .blogComment .avatar img {  
            }
    .blogComment .date {
		float:left;
		width:140px;
		padding:5px 0 0 0;
        }
    .blogComment .text {
		float:left;
		width:300px;
		padding-left:10px;
        }
    .blogComment .gif {
    	float:right;
    	margin-left:5px;
    	padding:2px;
    	border:1px solid #ddd;
    	}

.paginator {
	padding:0 0 10px 0;
	}
	.paginator .space, .paginator a {
		display:block;
		float:left;
		width:25px;
		text-align:center;
		padding:3px;
		margin:2px;
		background:#eee;
		color:#000;
		text-decoration:none;
		border:1px solid #999;
		}
		.paginator .space {
			background:none;
			}
		.paginator a:hover {
			color:#000;
			background:#B1E11C;
			}
		.paginator a.active {
			background:#fae500;
			color:#000;
			}
		.paginator .nav {
			clear:left;
			}
			.paginator .nav a {
				width:100px;
				}
	
.mailMessages {
    }
    .mailMessages .message {
        padding:5px 10px 5px 10px;
        margin-bottom:10px;
        }
        .mailMessages .message h6, .mailMessages .message h5 {
            font-size:1.2em;
            margin-bottom:5px;
            }
        .mailMessages .message h6, .mailMessages .message h6 a, .mailMessages .message h6 a:link, .mailMessages .message h6 a:visited {
        	color:#0A8800;
			}
        .mailMessages .avatar {
        	margin-left:5px;
            }
            .mailMessages .avatar img {
                }

blockquote {
    border-left:1px solid #555;
    padding:2px;
    font-style:italic;
    margin:0 0 20px 20px;
    }

table.grid { }
	table.grid th { text-align:left; padding:8px 0 8px 5px; }
	table.grid td { padding:5px; border: none; }
	table.grid tr:hover { background:#F8FFE4; }

#uploadBlock { }
	#uploadBlock h2 { font-size:1.4em; margin:0 0 0 0; color:#000; }

.green { color:#52A600; }
.red { color: #BF0000; }
#gifPage {}
	#gifPage .rating { font-size:1.6em; }
		#gifPage .rating span { font-size:1.4em; }
	#gifPage .preview { }
		#gifPage .preview img { border:3px solid #f7dbb3; }
	#gifPage .codes { }
		#gifPage .codes div { }